@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;700&display=swap";.header{display:flex;justify-content:space-between;align-items:center;background:#ffcc70;padding:.625em 1.25em}.hamburger{width:1.875em;cursor:pointer;margin:.625em}.bar{height:.25em;background-color:#333;margin:.3125em 0;border-radius:.125em}.logo img{height:3.75em}@media (max-width: 37.5em){.header{flex-direction:column;align-items:flex-start;padding:.5em .75em}.logo img{height:2.5em}}.sidebar{position:fixed;top:0;left:-21.875em;width:15.625em;height:100%;background:#ffeaa7;padding:1.25em;transition:left .3s ease;z-index:1000;font-size:1em}.sidebar.open{left:0}.close-btn{font-size:1.5em;background:none;border:none;cursor:pointer;margin-bottom:1.25em}.sidebar nav a{display:block;margin:.625em 0;text-decoration:none;color:#333;font-weight:700;font-size:1.1em}@media (max-width: 37.5em){.sidebar{width:100vw;left:-100vw;padding:1em;font-size:1.1em}.sidebar.open{left:0}}.main-content{padding:1.25em;flex:1;overflow-y:auto;font-size:1em}@media (max-width: 37.5em){.main-content{padding:.75em;font-size:1.05em}}body{font-family:Fredoka,Arial,sans-serif;margin:0;padding:0;background:#fdf6e3;color:#333;font-size:1em}.container{max-width:30em;margin:auto;padding:1em;background:#fff;min-height:100vh;box-sizing:border-box}h1{text-align:center;color:#333;font-size:2em}.card{background:#fff;padding:1em;margin:1em 0;border-radius:.5em;box-shadow:0 .125em .25em #0000001a}.options{display:flex;flex-direction:row;justify-content:space-around;margin-top:1em;gap:1em}button{padding:.75em 1.5em;font-size:1em;border:none;border-radius:.375em;background-color:#0078d4;color:#fff;cursor:pointer;transition:background .2s,transform .1s}button:hover{background-color:#005fa3;transform:translateY(-.125em) scale(1.03)}input{width:100%;padding:.5em;margin-top:.5em;margin-bottom:.5em;font-size:1em;box-sizing:border-box}.app{display:flex;flex-direction:column;height:100vh}@media (max-width: 37.5em){.container{max-width:100vw;min-height:100vh;padding:.5em;border-radius:0}.card{margin:.5em 0;padding:.75em}.options{flex-direction:column;gap:.75em}button{width:100%;font-size:1.1em;padding:1em}}