:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4ff;background:#070b11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{background:#070b11;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.app-shell{min-height:100vh;padding:env(safe-area-inset-top) 14px max(18px, env(safe-area-inset-bottom));position:relative;overflow-x:hidden}.app-bg{z-index:-1;background:radial-gradient(circle at 20% 0,#4c6a9e3d,#0000 30%),linear-gradient(#101824 0%,#070b11 56%,#05070b 100%);position:fixed;inset:0}.topbar{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#070b11f5,#070b11b8);grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;max-width:780px;margin:0 auto;padding:12px 0;display:grid;position:sticky;top:0}.topbar h1,.topbar p{margin:0}.topbar h1{font-size:1rem}.screen,.onboarding{width:min(100%,780px);margin:0 auto}.screen{padding:12px 0 110px}.stack{gap:16px;display:grid}.onboarding{flex-direction:column;justify-content:center;gap:18px;min-height:100vh;padding:36px 6px;display:flex}.onboarding h1{max-width:11ch;margin:0;font-size:clamp(2.65rem,14vw,5.4rem);line-height:.94}.onboarding p:not(.eyebrow){color:#aebbd0;max-width:37rem;margin:0;font-size:1.02rem}.moon-mark,.orbital{color:#d7e6ff;background:#80a6dd24;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:inset 0 0 30px #8fbeff2e,0 0 60px #608acb2e}.eyebrow{color:#9ee5c1;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:800}.notice,.control-group,.history-card,.player-card,.answer,.empty-state{background:#0c131dc2;border:1px solid #bacfee21;box-shadow:0 18px 50px #0000003d}.notice{color:#c8d7ec;border-radius:8px;grid-template-columns:26px 1fr;align-items:center;gap:10px;padding:14px;display:grid}.notice p{margin:0;font-size:.88rem}.control-group{border-radius:8px;gap:12px;padding:16px;display:grid}.control-group h2,.screen>h2{margin:0;font-size:1rem}.segmented,.pill-grid,.choice-grid{gap:8px;display:grid}.segmented{grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}.segmented button,.pill,.timer-picker button{color:#c8d7ec;background:#ffffff0f;border:1px solid #0000;border-radius:8px;min-height:42px;padding:8px 10px}.segmented button.active,.pill.selected,.timer-picker button.active,.choice.selected{color:#f8fbff;background:#70a3da2e;border-color:#9ee5c194}.pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid{grid-template-columns:1fr}.choice{text-align:left;color:#edf4ff;background:#ffffff0e;border:1px solid #ffffff0f;border-radius:8px;gap:4px;min-height:58px;padding:12px;display:grid}.choice span,.word-row span,.history-head span,.reading,.meaning,.fine-print{color:#9eacc1}.choice span,.history-head span,.word-row span{font-size:.82rem}.timer-picker{gap:8px;display:grid}.timer-picker>span{color:#c8d7ec}.timer-picker div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.range-control{gap:10px;display:grid}.range-control span{color:#c8d7ec;align-items:center;gap:8px;display:flex}input[type=range]{accent-color:#9ee5c1;width:100%}.primary-button,.secondary-button,.text-button,.icon-button,.round-button{color:#f8fbff;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;display:inline-flex}.primary-button{background:#4f7fb8;width:100%}.secondary-button{color:#dceaff;background:#ffffff17;border:1px solid #ffffff1a;width:100%}.secondary-button:disabled{opacity:.45}.text-button{color:#aebbd0;background:0 0}.icon-button{color:#dceaff;background:#ffffff12;width:44px;padding:0}.round-button{color:#07101a;background:#8fb6e5;border-radius:50%;width:78px;height:78px}.sticky-actions{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b11e0;border-radius:12px;grid-template-columns:1.2fr .9fr;gap:8px;max-width:780px;margin:0 auto;padding:10px;display:grid;position:fixed}.player{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100vh - 82px);display:flex}.orbital{width:132px;height:132px}.player-card{text-align:center;border-radius:8px;justify-items:center;gap:12px;width:100%;padding:22px;display:grid}.player-card h2{margin:0;font-size:clamp(3rem,19vw,7rem);line-height:1}.reading,.meaning{margin:0}.timers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:8px 0;display:grid}.timers span{color:#c8d7ec;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:6px;font-size:.86rem;display:inline-flex}.player-volume{background:#ffffff0b;border-radius:8px;gap:12px;width:100%;padding:12px;display:grid}.player-actions,.quiz-actions{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.fine-print{text-align:center;max-width:28rem;margin:0;font-size:.83rem}.history-card{border-radius:8px;gap:12px;padding:14px;display:grid}.history-head,.word-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-head>div,.word-row>div{gap:3px;display:grid}.word-list{gap:8px;display:grid}.word-row{background:#ffffff0e;border-radius:8px;min-height:58px;padding:10px}.quiz{flex-direction:column;justify-content:center;gap:18px;min-height:calc(100vh - 82px);display:flex}.quiz h2{margin:0;font-size:clamp(2.4rem,12vw,5rem);line-height:1}.answer{border-radius:8px;gap:8px;padding:18px;display:grid}.answer strong{font-size:2rem}.answer p,.answer span{color:#aebbd0;margin:0}.empty-state{text-align:center;color:#aebbd0;border-radius:8px;justify-items:center;gap:10px;padding:24px;display:grid}.empty-state p{margin:0}@media (width>=700px){.app-shell{padding-inline:24px}.choice-grid,.pill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-actions{width:min(100% - 48px,780px);left:50%;transform:translate(-50%)}}