*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overscroll-behavior:none;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#0d1b2a;margin:0;overflow-x:hidden}#root{max-width:480px;min-height:100dvh;margin:0 auto}button,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:none}.btn-push{will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform,box-shadow 40ms,filter}.btn-push:active{filter:brightness(.95);transform:translateY(4px)!important}.btn-cta{box-shadow:0 6px #c50,0 12px 40px #ff6b004d}.btn-cta:active{box-shadow:0 2px #c50,0 4px 20px #ff6b004d!important}.btn-option{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform,box-shadow 40ms,background .2s,border-color .2s,opacity .2s;box-shadow:0 6px #0000004d,0 8px 20px #00000026}.btn-option:active{box-shadow:0 2px #0000004d,0 2px 8px #0000001a!important}.btn-option-correct{box-shadow:0 6px #00642866,0 8px 20px #00c85326}.btn-option-wrong{box-shadow:0 2px #961e1e66}.btn-option-dimmed{box-shadow:0 6px #00000026}.btn-green{box-shadow:0 5px #009940}.btn-green:active{box-shadow:0 2px #009940!important}.btn-orange{box-shadow:0 5px #cc7000}.btn-orange:active{box-shadow:0 2px #cc7000!important}.btn-done{box-shadow:0 5px #c50}.btn-done:active{box-shadow:0 2px #c50!important}.btn-role{transition:transform,box-shadow 40ms}.btn-role:active{transform:translateY(4px)scale(.97)!important}.btn-teacher-green{box-shadow:0 3px #009940}.btn-teacher-green:active{transform:translateY(2px)!important;box-shadow:0 1px #009940!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes quiz-opt-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px #ff6b0066}50%{box-shadow:0 4px 28px #ff6b00b3}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}to{transform:translateY(100vh) translateX(var(--drift)) rotate(var(--spin));opacity:0}}@supports (-webkit-touch-callout:none){.btn-push:active{transition-duration:0s}}button,[role=button],a{min-width:48px;min-height:48px}.tab-bar{width:100%;max-width:480px;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);z-index:100;background:#0d1b2af2;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar button{cursor:pointer;color:#ffffff59;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:64px;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;transition:color .2s;display:flex}.tab-bar button.tab-active{color:#ff6b00}.tab-bar button .tab-icon{font-size:22px;line-height:1}#root.desktop{max-width:none}#root.desktop .tab-bar{max-width:1200px}#root.desktop .desktop-content{max-width:1200px;margin-left:auto;margin-right:auto}#root.desktop *{-webkit-user-select:auto;user-select:auto}#root.desktop button,#root.desktop [role=button],#root.desktop a{min-height:unset;min-width:unset}@keyframes screen-flash-gold{0%{opacity:1}to{opacity:0}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}