@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0fdf4;color:#1e3a8a;line-height:1.5}#root{min-height:100vh}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}button{font-family:inherit}button,.grommetux-button,[class*=grommetux-button],.grommetux-box[role=button],[class*=grommetux-box][role=button],.grommetux-button-container,.grommetux-button-wrapper{border-radius:0!important}button[data-variant=tertiary]:hover:not(:disabled),.grommetux-button[data-variant=tertiary]:hover:not(:disabled),button[class*=tertiary]:hover:not(:disabled){background:#ecfdf5!important;color:#0f172a!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000000f!important}button[data-variant=secondary]:hover:not(:disabled),.grommetux-button[data-variant=secondary]:hover:not(:disabled),button[class*=secondary]:hover:not(:disabled){background:#1e3a8a!important;color:#fff!important;border-color:#1e40af!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1e3a8a40!important}button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled),.grommetux-button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled){background:#1e40af!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1e3a8a59!important}button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled) svg,.grommetux-button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled) svg{fill:#fff!important;stroke:#fff!important}button[data-variant=secondary]:hover:not(:disabled) svg,.grommetux-button[data-variant=secondary]:hover:not(:disabled) svg{fill:#fff!important;stroke:#fff!important}button[data-variant=tertiary]:hover:not(:disabled) svg,.grommetux-button[data-variant=tertiary]:hover:not(:disabled) svg{fill:#0f172a!important;stroke:#0f172a!important}@media(prefers-color-scheme:dark){button[data-variant=tertiary]:hover:not(:disabled),.grommetux-button[data-variant=tertiary]:hover:not(:disabled){background:#17254e!important;color:#edf2f4!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000004d!important}button[data-variant=secondary]:hover:not(:disabled),.grommetux-button[data-variant=secondary]:hover:not(:disabled){background:#edf2f4!important;color:#0b132b!important;border-color:#3b82f6!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f64d!important}button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled),.grommetux-button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled){background:#3b82f6!important;color:#0b132b!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f666!important}button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled) svg,.grommetux-button:not([data-variant=secondary]):not([data-variant=tertiary]):hover:not(:disabled) svg{fill:#0b132b!important;stroke:#0b132b!important}button[data-variant=secondary]:hover:not(:disabled) svg,.grommetux-button[data-variant=secondary]:hover:not(:disabled) svg{fill:#0b132b!important;stroke:#0b132b!important}button[data-variant=tertiary]:hover:not(:disabled) svg,.grommetux-button[data-variant=tertiary]:hover:not(:disabled) svg{fill:#edf2f4!important;stroke:#edf2f4!important}}button svg,.grommetux-button svg,[class*=grommetux-button] svg,button .grommetux-icon,.grommetux-button .grommetux-icon,[class*=grommetux-button] .grommetux-icon{fill:currentColor!important;stroke:currentColor!important;transition:fill .15s cubic-bezier(.4,0,.2,1),stroke .15s cubic-bezier(.4,0,.2,1)}:focus-visible{outline:2px solid #1E3A8A;outline-offset:2px}::selection{background-color:#1e3a8a40;color:#1e3a8a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0fdf4}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#64748b}.grommetux-layer-overlay{animation:fadeIn .15s cubic-bezier(.4,0,.2,1)}.grommetux-layer-container{animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.grommetux-card-container{transition:all .2s cubic-bezier(.4,0,.2,1)}.grommetux-card-container:hover{box-shadow:0 8px 24px #0000000f;border-color:#cbd5e1}.grommetux-text-input:focus,.grommetux-select-control:focus{border-color:#1e3a8a!important;box-shadow:0 0 0 3px #1e3a8a26!important}.quiz-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.quiz-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f;border-color:#cbd5e1}.live-quiz-indicator{animation:pulse 2s ease-in-out infinite}.score-badge{background:#f59e0b;color:#0b132b;padding:4px 12px;font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase}.join-code{font-family:Inter,monospace;font-weight:800;letter-spacing:.15em;font-size:2.5rem;color:#1e3a8a}.leaderboard-item{transition:background .15s cubic-bezier(.4,0,.2,1)}.leaderboard-item:nth-child(1){border-left:4px solid #F59E0B}.leaderboard-item:nth-child(2){border-left:4px solid #94A3B8}.leaderboard-item:nth-child(3){border-left:4px solid #EF4444}.leaderboard-item:hover{background:#eff6ff}.question-timer-ring{transition:stroke-dashoffset 1s linear}.answer-button{transition:all .15s cubic-bezier(.4,0,.2,1)}.answer-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.answer-button.correct{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.answer-button.incorrect{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.podium-1{background:#f59e0b;color:#0b132b}.podium-2{background:#94a3b8;color:#fff}.podium-3{background:#ef4444;color:#fff}.loading-skeleton{background:linear-gradient(90deg,#ecfdf5 25%,#d1fae5,#ecfdf5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.stat-card{background:#fff;border:1px solid #E2E8F0;transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000000f}@media(prefers-color-scheme:dark){body{background-color:#0b132b;color:#edf2f4}::-webkit-scrollbar-track{background:#0b132b}::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#64748b}.loading-skeleton{background:linear-gradient(90deg,#111b3a 25%,#17254e,#111b3a 75%);background-size:200% 100%}.stat-card{background:#1c2541;border-color:#334155}.stat-card:hover{border-color:#475569;box-shadow:0 8px 24px #0000004d}.quiz-card:hover{box-shadow:0 8px 24px #0000004d;border-color:#475569}.leaderboard-item:hover{background:#1e3a5f}.answer-button:hover:not(:disabled){box-shadow:0 4px 12px #0006}.grommetux-card-container:hover{box-shadow:0 8px 24px #0000004d;border-color:#475569}}