:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f7ff;--bg:#03070d;--panel:#08111c;--panel-raised:#101a27;--line:#7791b833;--line-strong:#7097d694;--text:#f1f7ff;--muted:#a4b2c5;--soft:#dce8f8;--accent:#6f94d8;--accent-strong:#9db8e8;--accent-soft:#6f94d82e;--success:#46d19a;--warning:#f7c66a;--shadow:0 4px 8px #00000052;background:#02060d;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(120deg,#6f94d81f,#0000 34%),linear-gradient(#07111f 0%,#040913 54%,#010307 100%);position:fixed;inset:0}.app-bg:before{content:"";background:linear-gradient(90deg,#9db8e80b,#0000 28% 72%,#6f94d809),linear-gradient(#0000,#00000094);position:absolute;inset:0}.topbar{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#02060dfa,#02060dc7);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:#e7f4ff;background:linear-gradient(145deg,#6f94d83d,#091626e6),#08182a;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:inset -14px -12px 26px #0000007a,inset 0 0 28px #9db8e824,0 0 42px #6f94d824}.eyebrow{color:var(--accent-strong);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{border:1px solid var(--line);background:linear-gradient(160deg, #6f94d811, transparent 46%), var(--panel);box-shadow:var(--shadow)}.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:var(--muted);margin:0;font-size:.86rem}.progress-card strong{color:var(--text);font-size:1.8rem;line-height:1}.progress-card progress{background:#9fb1ca29;border:0;border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-card progress::-webkit-progress-bar{background:#9fb1ca29}.progress-card progress::-webkit-progress-value{background:linear-gradient(90deg, var(--accent), var(--accent-strong))}.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-label{color:var(--soft)}.segmented button,.pill,.timer-picker button{min-height:42px;color:var(--soft);background:#9fb1ca14;border:1px solid #7198ce1f;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, #6f94d842, #2c487733), var(--accent-soft);box-shadow:inset 0 1px #bbe0ff1f}.pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid{grid-template-columns:1fr}.choice{text-align:left;color:#edf4ff;background:#9fb1ca13;border:1px solid #7198ce21;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:#6f94d81f;border-color:#9db8e866;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}.sync-panel{gap:10px;display:grid}.sync-code-row,.sync-actions{gap:8px;display:grid}.sync-code-row{grid-template-columns:minmax(0,1fr) auto}.sync-input{width:100%;min-height:46px;color:var(--text);letter-spacing:0;background:#9fb1ca14;border:1px solid #7198ce33;border-radius:8px;padding:0 12px}.sync-status{color:var(--muted);margin:0;font-size:.84rem}.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:#03070d;background:linear-gradient(135deg,#789de0,#abc1ee);width:100%;font-weight:800;box-shadow:0 8px 16px #6f94d838}.primary-button:hover,.round-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #6f94d842}.secondary-button{color:#dceaff;background:#9fb1ca16;border:1px solid #7198ce29;width:100%}.secondary-button:disabled{opacity:.45}.text-button{color:var(--muted);background:0 0}.icon-button{color:#dceaff;background:#9fb1ca14;border:1px solid #7198ce24;width:44px;padding:0}.round-button{color:#03070d;background:linear-gradient(145deg,#abc1ee,#789de0);border-radius:50%;width:78px;height:78px}.sticky-actions{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02060de6;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 -4px 8px #0000004d}.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:#9fb1ca14;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.86rem;display:inline-flex}.player-volume{background:#9fb1ca11;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:var(--panel-raised);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:var(--muted);margin:0}.empty-state{text-align:center;color:var(--muted);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%)}}