:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4ff;--bg:#070b11;--panel:#0d1622c7;--line-strong:#9ee5c180;--text:#edf4ff;--muted:#aab8cd;--soft:#cfe0f6;--accent:#9ee5c1;--warm:#f1b77a;--shadow:0 18px 54px #00000057;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:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.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:linear-gradient(115deg,#9ee5c121,#0000 36%),radial-gradient(at 78% 10%,#f1b77a2e,#0000 38%),radial-gradient(at 24% -8%,#86b7f038,#0000 42%),linear-gradient(#111a27 0%,#07101a 52%,#05070b 100%);position:fixed;inset:0}.app-bg:before{content:"";opacity:.42;background:repeating-linear-gradient(110deg,#ffffff09 0 1px,#0000 1px 18px),linear-gradient(#0000,#0000006b);position:absolute;inset:0}.topbar{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#070b11f7,#070b11b8);border-bottom:1px solid #d0dff514;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;max-width:780px;margin:0 auto;padding:12px 0 14px;display:grid;position:sticky;top:0}.topbar h1,.topbar p{margin:0}.topbar h1{letter-spacing:0;font-size:1rem}.screen,.onboarding{width:min(100%,780px);margin:0 auto}.screen{padding:12px 0 110px}.stack{gap:14px;display:grid}.onboarding{flex-direction:column;justify-content:center;gap:20px;min-height:100vh;padding:36px 6px;display:flex}.onboarding h1{letter-spacing:0;max-width:11ch;margin:0;font-size:3.35rem;line-height:.94}.onboarding p:not(.eyebrow){max-width:37rem;color:var(--muted);margin:0;font-size:1.02rem}.moon-mark,.orbital{color:#d7e6ff;background:linear-gradient(145deg,#ffffff29,#86b7f01f),#80a6dd24;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:inset -14px -12px 26px #08101b6b,inset 0 0 30px #9ee5c11a,0 0 70px #608acb38}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:800}.notice,.control-group,.progress-card,.history-card,.player-card,.answer,.empty-state{background:linear-gradient(160deg, #ffffff0b, transparent 42%), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #bacfee21}.notice{color:var(--soft);border-radius:8px;grid-template-columns:26px 1fr;align-items:center;gap:10px;padding:14px;display:grid}.notice p{margin:0;font-size:.88rem}.progress-card{border-radius:8px;gap:10px;padding:14px;display:grid}.progress-card div{justify-content:space-between;align-items:end;gap:12px;display:flex}.progress-card span,.progress-card p{color:#9eacc1;margin:0;font-size:.86rem}.progress-card strong{color:var(--text);font-size:1.8rem;line-height:1}.progress-card progress{background:#ffffff14;border:0;border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-card progress::-webkit-progress-bar{background:#ffffff14}.progress-card progress::-webkit-progress-value{background:linear-gradient(90deg, var(--accent), var(--warm))}.progress-card progress::-moz-progress-bar{background:var(--accent)}.control-group{border-radius:8px;gap:12px;padding:16px;display:grid}.control-group h2,.screen>h2{letter-spacing:0;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{min-height:42px;color:var(--soft);background:#ffffff0f;border:1px solid #0000;border-radius:8px;padding:8px 10px;transition:transform .18s,border-color .18s,background .18s,color .18s}.segmented button.active,.pill.selected,.timer-picker button.active,.choice.selected{color:#f8fbff;border-color:var(--line-strong);background:linear-gradient(135deg,#9ee5c12e,#86b7f029),#70a3da24;box-shadow:inset 0 1px #ffffff14}.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 #ffffff12;border-radius:8px;gap:4px;min-height:58px;padding:12px;transition:transform .18s,border-color .18s,background .18s;display:grid}.segmented button:hover,.pill:hover,.timer-picker button:hover,.choice:hover,.icon-button:hover,.secondary-button:hover{background:#ffffff16;border-color:#d0dff538;transform:translateY(-1px)}.choice span,.word-row span,.history-head span,.reading,.meaning,.fine-print{color:var(--muted)}.choice span,.history-head span,.word-row span{font-size:.82rem}.timer-picker{gap:8px;display:grid}.timer-picker>span{color:var(--soft)}.timer-picker div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.range-control{gap:10px;display:grid}.range-control>span,.range-control>span>span{color:var(--soft);align-items:center;gap:8px;display:flex}.range-control>span{justify-content:space-between}.range-control small{color:var(--accent);font-weight:800}input[type=range]{width:100%;accent-color:var(--accent)}.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;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{color:#06101b;background:linear-gradient(135deg,#6ea8e8,#7bcfa9 56%,#f1b77a);width:100%;font-weight:800;box-shadow:0 12px 30px #62aeca42}.primary-button:hover,.round-button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #62aeca4d}.secondary-button{color:#dceaff;background:#ffffff17;border:1px solid #ffffff1a;width:100%}.secondary-button:disabled{opacity:.45}.text-button{color:var(--muted);background:0 0}.icon-button{color:#dceaff;background:#ffffff12;border:1px solid #ffffff14;width:44px;padding:0}.round-button{color:#07101a;background:linear-gradient(145deg,#d8fff0,#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(20px);backdrop-filter:blur(20px);background:#070b11d1;border:1px solid #d0dff51f;border-radius:12px;grid-template-columns:1.2fr .9fr;gap:8px;max-width:780px;margin:0 auto;padding:10px;display:grid;position:fixed;box-shadow:0 -12px 36px #00000042}.player{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100vh - 82px);display:flex}.orbital{width:132px;height:132px;animation:5s ease-in-out infinite breathe}.player-card{text-align:center;border-radius:8px;justify-items:center;gap:12px;width:100%;padding:22px;display:grid}.player-card h2{letter-spacing:0;margin:0;font-size:4.5rem;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{min-height:38px;color:var(--soft);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:6px;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{letter-spacing:0;margin:0;font-size:3.8rem;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}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width>=700px){.app-shell{padding-inline:24px}.onboarding h1{font-size:5rem}.player-card h2{font-size:6.4rem}.quiz h2{font-size:4.8rem}.choice-grid,.pill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-actions{width:min(100% - 48px,780px);left:50%;transform:translate(-50%)}}