:root{color:#182136;background:#f5f2ea;font-family:Plus Jakarta Sans,MiSans VF,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f5f2ea;--surface: #fffdfc;--ink: #182136;--muted: #687187;--indigo: #5865e8;--indigo-deep: #4553d6;--mint: #57bfa3;--coral: #f1786a;--amber: #e9b95e;--hairline: rgba(24, 33, 54, .09);--hairline-strong: rgba(24, 33, 54, .15);--shadow-soft: 0 24px 64px rgba(32, 40, 70, .08);--shadow-float: 0 12px 30px rgba(32, 40, 70, .11);--ease-heavy: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--paper)}body{display:flow-root;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 4%,rgba(255,255,255,.92),transparent 32rem),radial-gradient(circle at 92% 96%,rgba(88,101,232,.045),transparent 34rem),var(--paper)}body:before{position:fixed;inset:0;z-index:20;pointer-events:none;content:"";opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}button,input{font:inherit}button,label[for]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit}button:focus-visible,input:focus-visible,label[for]:focus-within{outline:3px solid rgba(88,101,232,.28);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.eyebrow{margin:0 0 7px;color:var(--indigo-deep);font-size:.66rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.icon-button{display:inline-grid;width:48px;min-width:48px;height:48px;place-items:center;padding:0;border:0;border-radius:50%;color:var(--ink);background:#fffdfcc2;box-shadow:inset 0 0 0 1px var(--hairline),0 8px 20px #20284612;cursor:pointer;transition:transform .42s var(--ease-heavy),background-color .42s var(--ease-heavy)}.icon-button:hover{background:var(--surface);transform:translateY(-1px)}.icon-button:active{transform:scale(.96)}.primary-cta{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px 9px 8px 22px;border:0;border-radius:999px;color:#fff;font-weight:720;background:linear-gradient(115deg,var(--indigo) 0%,#6374ef 100%);box-shadow:0 15px 30px #5865e83d,inset 0 1px 1px #ffffff47;cursor:pointer;transition:transform .48s var(--ease-heavy),box-shadow .48s var(--ease-heavy)}.primary-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px #5865e84d,inset 0 1px 1px #ffffff47}.primary-cta:active:not(:disabled){transform:scale(.98)}.primary-cta__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#ffffff24;transition:transform .48s var(--ease-heavy)}.primary-cta:hover .primary-cta__icon{transform:translate(2px) scale(1.04)}.primary-cta--compact{width:auto;min-width:min(100%,230px)}.secondary-button,.text-button,.control-button,.practice-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer}.text-button{padding:0 4px;color:var(--indigo-deep);background:transparent;font-weight:680}.secondary-button{padding:0 17px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);font-weight:680}.empty-state{display:grid;place-items:center;min-height:260px;padding:40px 24px;text-align:center;color:var(--muted)}.empty-state strong,.empty-state h2,.empty-state h3{margin:14px 0 5px;color:var(--ink)}.empty-state p{max-width:30rem;margin:0;line-height:1.7}.empty-state--compact{min-height:180px;border-radius:26px;background:#fffdfca3;box-shadow:inset 0 0 0 1px var(--hairline)}.library-home,.mistakes-view,.import-panel{width:min(100%,1440px);min-height:100dvh;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) max(34px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left))}.library-home__header,.subpage-header{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup__mark{display:grid;width:54px;height:54px;place-items:center;border-radius:19px;color:var(--indigo-deep);background:#fffdfcd1;box-shadow:var(--shadow-float),inset 0 0 0 1px var(--hairline),inset 0 1px 1px #ffffffe6}.brand-lockup h1,.subpage-header h1{margin:0;font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.035em}.library-home__header-actions{display:flex;align-items:center;gap:11px}.privacy-note,.count-capsule,.practice-view__mode{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:0 15px;border-radius:999px;color:var(--muted);background:#fffdfcb3;box-shadow:inset 0 0 0 1px var(--hairline);font-size:.82rem;font-weight:650}.library-home__layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(24px,4vw,62px);align-items:start}.library-browser{min-width:0;padding:clamp(6px,1vw,14px) 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2,.setup-panel h2,.mistakes-intro h2,.import-guide h2,.import-review h2{margin:0;color:var(--ink);font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.045em}.section-heading p:not(.eyebrow),.mistakes-intro p,.import-guide p{max-width:38rem;margin:12px 0 0;color:var(--muted);line-height:1.7}.source-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.source-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:92px;align-items:center;gap:14px;padding:14px 16px;text-align:left;border:0;border-radius:28px;background:#fffdfcb8;box-shadow:inset 0 0 0 1px var(--hairline),0 15px 32px #2028460b;cursor:pointer;transition:transform .5s var(--ease-heavy),background-color .5s var(--ease-heavy)}.source-action:hover{background:var(--surface);transform:translateY(-2px)}.source-action__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:18px}.source-action__icon--mint{color:#338f79;background:#57bfa321}.source-action__icon--indigo{color:var(--indigo-deep);background:#5865e81c}.source-action strong,.source-action small{display:block}.source-action strong{margin-bottom:4px;font-size:.98rem}.source-action small{overflow:hidden;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.source-action__arrow{color:var(--muted);transition:transform .5s var(--ease-heavy)}.source-action:hover .source-action__arrow{transform:translate(3px)}.library-list{display:grid;gap:10px}.library-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:78px;align-items:center;gap:14px;width:100%;padding:11px 17px 11px 13px;overflow:hidden;text-align:left;border:0;border-radius:25px;background:transparent;box-shadow:inset 0 0 0 1px transparent;cursor:pointer;transition:transform .5s var(--ease-heavy),background-color .5s var(--ease-heavy),box-shadow .5s var(--ease-heavy)}.library-row:hover,.library-row.is-selected{background:#fffdfcd1;box-shadow:inset 0 0 0 1px var(--hairline),0 12px 28px #2028460d}.library-row.is-selected{transform:translate(6px)}.library-row__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:17px;color:var(--indigo-deep);background:#5865e817}.library-row__copy,.library-row__count{display:grid;min-width:0;gap:4px}.library-row__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-row small{color:var(--muted);font-size:.75rem}.library-row__count{text-align:right}.library-row__count strong{color:var(--indigo-deep);font-size:1.08rem}.library-row__indicator{position:absolute;top:50%;right:0;width:4px;height:30px;border-radius:4px 0 0 4px;background:var(--indigo);opacity:0;transform:translateY(-50%) scaleY(.4);transition:opacity .4s var(--ease-heavy),transform .4s var(--ease-heavy)}.library-row.is-selected .library-row__indicator{opacity:1;transform:translateY(-50%) scaleY(1)}.library-home__setup{position:sticky;top:24px}.setup-placeholder{display:grid;min-height:520px;place-items:center;align-content:center;padding:38px;text-align:center;border-radius:38px;background:#fffdfc94;box-shadow:var(--shadow-soft),inset 0 0 0 1px var(--hairline)}.setup-placeholder__mark{display:grid;width:68px;height:68px;place-items:center;border-radius:24px;color:var(--indigo-deep);background:#5865e817}.setup-placeholder h2{margin:22px 0 8px}.setup-placeholder p{margin:0;color:var(--muted)}.setup-panel{padding:7px;border-radius:40px;background:#18213609;box-shadow:var(--shadow-soft),inset 0 0 0 1px #1821360e}.setup-panel__inner{padding:clamp(25px,4vw,42px);border-radius:33px;background:#fffdfcf0;box-shadow:inset 0 1px 1px #fffffff2,inset 0 0 0 1px #1821360e}.setup-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:30px}.setup-panel__heading h2{font-size:clamp(1.55rem,2.5vw,2.25rem)}.setup-panel__library{max-width:46%;overflow:hidden;padding:8px 12px;border-radius:999px;color:var(--muted);background:#1821360b;font-size:.73rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.setting-group{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:15px}.setting-group__label,.setting-row__label{color:var(--muted);font-size:.84rem;font-weight:680}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:52px;padding:4px;border-radius:999px;background:#1821360b;box-shadow:inset 0 0 0 1px #1821360b}.segmented-control button,.choice-chips button,.import-source-switch button{min-height:48px;padding:0 14px;border:0;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;transition:color .44s var(--ease-heavy),background-color .44s var(--ease-heavy),box-shadow .44s var(--ease-heavy),transform .44s var(--ease-heavy)}.segmented-control button.is-selected{color:#fff;background:var(--indigo);box-shadow:0 8px 20px #5865e838,inset 0 1px 1px #ffffff3d}.setting-stack{margin:25px 0 18px;padding:5px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.setting-row{display:flex;min-height:67px;align-items:center;justify-content:space-between;gap:18px}.setting-row+.setting-row{border-top:1px solid var(--hairline)}.setting-row--plain{margin-bottom:24px}.stepper{display:grid;grid-template-columns:48px 86px 48px;min-height:48px;border-radius:999px;background:#18213609;box-shadow:inset 0 0 0 1px var(--hairline)}.stepper button{display:grid;min-width:48px;min-height:48px;place-items:center;padding:0;border:0;border-radius:50%;background:#fffdfcb8;cursor:pointer}.stepper output{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:.82rem}.stepper output strong{color:var(--ink);font-size:1rem}.choice-chips{display:flex;gap:7px}.choice-chips button{min-width:78px;background:#1821360a;box-shadow:inset 0 0 0 1px transparent}.choice-chips button.is-selected{color:var(--indigo-deep);background:#5865e817;box-shadow:inset 0 0 0 1px #5865e829}.setup-panel__hint{margin:14px 0 0;color:var(--muted);font-size:.72rem;line-height:1.55;text-align:center}.audio-orbit{--orbit-size: 170px;display:grid;grid-template-columns:minmax(42px,1fr) var(--orbit-size) minmax(42px,1fr);align-items:center;width:min(100%,580px);margin-inline:auto}.audio-orbit--compact{--orbit-size: 92px;width:min(100%,350px)}.audio-orbit--hero{--orbit-size: clamp(170px, 22vw, 250px);width:min(100%,720px)}.audio-orbit__rings{position:relative;width:var(--orbit-size);height:var(--orbit-size)}.audio-orbit__ring,.audio-orbit__core{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.audio-orbit__ring{border:1.2px dashed rgba(88,101,232,.48)}.audio-orbit__ring--outer{width:100%;height:100%;border-color:#57bfa394}.audio-orbit__ring--middle{width:76%;height:76%}.audio-orbit__ring--inner{width:55%;height:55%;border-color:#57bfa37a}.audio-orbit__core{display:grid;width:42%;height:42%;place-items:center;color:#fff;background:linear-gradient(145deg,#66cbb0,var(--mint));box-shadow:0 16px 32px #57bfa338,0 0 0 12px #57bfa314,inset 0 1px 1px #ffffff73}.audio-orbit__wave{display:flex;height:72px;align-items:center;justify-content:flex-end;gap:clamp(3px,.45vw,6px);overflow:hidden}.audio-orbit__wave--right{justify-content:flex-start}.audio-orbit__wave span{width:2.25px;height:54px;border-radius:999px;background:linear-gradient(180deg,#5865e8e6,#57bfa3b8);opacity:.48;transform:scaleY(var(--wave-level));transform-origin:center}.audio-orbit__wave--left span{background:linear-gradient(180deg,#5865e8f5,#5865e894)}.audio-orbit__wave--right span{background:linear-gradient(180deg,#57bfa3eb,#57bfa38a)}.audio-orbit.is-playing .audio-orbit__ring{animation:orbit-breathe 1.8s var(--ease-heavy) infinite}.audio-orbit.is-playing .audio-orbit__ring--middle{animation-delay:-.34s}.audio-orbit.is-playing .audio-orbit__ring--inner{animation-delay:-.68s}.audio-orbit.is-playing .audio-orbit__wave span{animation:wave-pulse .72s var(--ease-heavy) var(--wave-delay) infinite alternate}@keyframes orbit-breathe{0%,to{opacity:.44;transform:translate(-50%,-50%) scale(.96)}52%{opacity:1;transform:translate(-50%,-50%) scale(1.035)}}@keyframes wave-pulse{0%{opacity:.25;transform:scaleY(calc(var(--wave-level) * .65))}to{opacity:.84;transform:scaleY(var(--wave-level))}}.practice-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(calc(100% - 32px),1260px);min-height:calc(100dvh - 32px);margin:16px auto;overflow:hidden;border-radius:42px;background:#fffdfcc2;box-shadow:var(--shadow-soft),inset 0 0 0 1px var(--hairline),inset 0 1px 1px #ffffffe6}.practice-view__header{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:20px;padding:max(20px,env(safe-area-inset-top)) 26px 12px}.progress-capsule{justify-self:center;width:min(100%,430px);min-width:0;padding:11px 18px 9px;border-radius:999px;background:#fffdfce0;box-shadow:var(--shadow-float),inset 0 0 0 1px var(--hairline)}.progress-capsule__copy{display:flex;min-width:0;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.79rem}.progress-capsule__copy strong{color:var(--indigo-deep);font-variant-numeric:tabular-nums}.progress-capsule__copy span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-capsule__track{display:block;width:100%;height:2px;margin-top:8px;overflow:hidden;border-radius:999px;background:#18213612}.progress-capsule__track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--indigo),var(--mint));transform-origin:left center;transition:transform .7s var(--ease-heavy)}.practice-view__mode{justify-self:end;justify-content:center;min-width:64px;color:var(--indigo-deep)}.practice-stage{display:grid;min-height:0;place-items:center;align-content:center;padding:clamp(30px,5vw,70px)}.answer-stage,.dictation-stage,.completion-state{position:relative;display:grid;width:min(100%,920px);place-items:center;text-align:center;animation:stage-enter .66s var(--ease-heavy) both}.answer-stage{min-height:480px;padding:clamp(32px,5vw,64px);border-radius:38px;background:#fffdfcd1;box-shadow:inset 0 0 0 1px var(--hairline),0 24px 70px #2028460f}.answer-stage__bookmark{position:absolute;top:0;right:clamp(24px,4vw,48px);display:grid;width:48px;height:58px;place-items:center;border-radius:0 0 15px 15px;color:var(--coral);background:#f1786a17}.answer-stage__word{max-width:100%;margin:5px 0 6px;overflow-wrap:anywhere;color:var(--ink);font-family:Sora Variable,Plus Jakarta Sans,Avenir Next,sans-serif;font-size:clamp(3.1rem,8vw,7rem);font-weight:650;line-height:1.04;letter-spacing:-.055em}.answer-stage__phonetic{margin:7px 0;color:var(--muted);font-size:clamp(1rem,2.2vw,1.45rem)}.answer-stage__meaning{margin:8px 0 20px;color:var(--ink);font-size:clamp(1.1rem,2.4vw,1.55rem)}.answer-stage__prompt,.dictation-stage>p:last-child,.completion-state>p:last-of-type{margin:18px 0 0;color:var(--muted);line-height:1.7}.dictation-stage h1,.completion-state h1{margin:5px 0 30px;font-size:clamp(2rem,5vw,4.4rem);line-height:1.06;letter-spacing:-.05em}.completion-state__mark{display:grid;width:76px;height:76px;place-items:center;margin-bottom:24px;border-radius:28px;color:#fff;background:var(--mint);box-shadow:0 18px 34px #57bfa338,inset 0 1px 1px #ffffff61}.completion-state .primary-cta{margin-top:28px}@keyframes stage-enter{0%{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.practice-controls{display:flex;width:min(calc(100% - 36px),720px);min-height:78px;align-items:center;justify-content:center;gap:8px;margin:0 auto max(22px,env(safe-area-inset-bottom));padding:8px;border-radius:999px;background:#fffdfceb;box-shadow:var(--shadow-float),inset 0 0 0 1px var(--hairline)}.control-button{min-width:128px;padding:0 18px;border-radius:999px;color:var(--ink);background:transparent;font-weight:650}.control-button:hover{background:#1821360b}.control-button--rate{min-width:76px;color:var(--muted);font-variant-numeric:tabular-nums}.ok-button{min-width:min(260px,48vw);min-height:58px;padding:0 28px;border:0;border-radius:999px;color:#fff;background:linear-gradient(115deg,var(--indigo),#6374ef);box-shadow:0 14px 28px #5865e83d,inset 0 1px 1px #ffffff4d;font-weight:740;cursor:pointer;transition:transform .42s var(--ease-heavy)}.ok-button:active{transform:scale(.97)}.practice-controls--judgement{gap:10px}.practice-action{min-width:min(280px,45vw);min-height:58px;padding:0 24px;border-radius:999px;font-weight:720;transition:transform .42s var(--ease-heavy),background-color .42s var(--ease-heavy)}.practice-action:active{transform:scale(.97)}.practice-action--correct{color:#fff;background:var(--indigo);box-shadow:0 14px 28px #5865e833}.practice-action--mistake{color:var(--coral);background:#fffdfce6;box-shadow:inset 0 0 0 1.5px #f1786a9e}.practice-action--mistake.is-marked{color:#fff;background:var(--coral)}.inline-alert{margin:16px auto 0;padding:13px 16px;border-radius:18px;color:#9f4038;background:#f1786a1a;font-size:.86rem;line-height:1.5}.import-notice{margin:14px auto 0;padding:12px 15px;border-radius:18px;color:var(--indigo-deep);background:#5865e812;box-shadow:inset 0 0 0 1px #5865e81c;font-size:.82rem;line-height:1.5}.subpage-header{justify-content:initial}.subpage-header__title{min-width:0;margin-right:auto}.mistakes-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:40px 0 30px;padding:0 clamp(2px,3vw,40px)}.mistakes-intro h2{max-width:780px}.mistake-list{padding:7px;border-radius:36px;background:#18213608;box-shadow:inset 0 0 0 1px #1821360d}.mistake-row{display:grid;grid-template-columns:42px minmax(150px,1.15fr) minmax(150px,1fr) minmax(180px,1fr) auto;min-height:104px;align-items:center;gap:20px;padding:16px 20px;border-radius:29px;background:#fffdfcc2;box-shadow:inset 0 0 0 1px var(--hairline)}.mistake-row+.mistake-row{margin-top:7px}.mistake-row.is-mastered{opacity:.62}.mistake-row__bookmark{display:grid;width:38px;height:48px;place-items:center;border-radius:0 0 12px 12px;color:var(--coral);background:#f1786a17}.mistake-row__word h2{margin:0;font-family:Sora Variable,Plus Jakarta Sans,sans-serif;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.035em}.mistake-row__word p,.mistake-row__meaning,.mistake-row__meta{margin:5px 0 0;color:var(--muted)}.mistake-row__meaning{color:var(--ink);font-weight:620}.mistake-row__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.75rem}.mistake-row__meta span{padding:5px 8px;border-radius:999px;background:#1821360b}.mistake-row__meta strong{color:var(--coral)}.mistake-row__actions{display:flex;align-items:center;gap:8px}.empty-state--mistakes{min-height:430px;border-radius:38px;background:#fffdfc9e;box-shadow:inset 0 0 0 1px var(--hairline),var(--shadow-soft)}.empty-state__bookmark{display:grid;width:70px;height:82px;place-items:center;border-radius:0 0 22px 22px;color:var(--coral);background:#f1786a17}.import-panel__layout{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.7fr);gap:clamp(20px,3vw,38px);align-items:start}.import-guide,.import-review{padding:7px;border-radius:38px;background:#18213608;box-shadow:inset 0 0 0 1px #1821360d}.import-guide{position:sticky;top:24px}.import-guide>*{margin-inline:22px}.import-guide>.import-source-switch{margin:0 0 7px}.import-source-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:31px 31px 20px 20px;background:#fffdfcc7;box-shadow:inset 0 0 0 1px var(--hairline)}.import-source-switch button{display:flex;align-items:center;justify-content:center;gap:8px}.import-source-switch button.is-selected{color:var(--indigo-deep);background:#5865e817}.import-guide__copy{padding:32px 4px 18px}.import-guide__copy h2{margin-top:20px;font-size:clamp(1.45rem,2.5vw,2.25rem)}.import-guide__icon{display:grid;width:64px;height:64px;place-items:center;border-radius:22px}.import-guide__icon.is-mint{color:#338f79;background:#57bfa31f}.import-guide__icon.is-indigo{color:var(--indigo-deep);background:#5865e81a}.upload-dropzone{display:grid;min-height:150px;place-items:center;align-content:center;gap:8px;margin-bottom:22px;padding:24px;text-align:center;border-radius:27px;color:var(--indigo-deep);background:#fffdfcc7;box-shadow:inset 0 0 0 1.5px #5865e824;cursor:pointer;transition:transform .5s var(--ease-heavy),background-color .5s var(--ease-heavy)}.upload-dropzone:hover{background:var(--surface);transform:translateY(-2px)}.upload-dropzone.is-disabled{pointer-events:none;opacity:.55}.upload-dropzone small{color:var(--muted)}.import-review{min-width:0;padding:clamp(22px,3vw,36px);background:#fffdfcd1}.import-review__header{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:25px}.field-label{display:grid;min-width:min(100%,280px);gap:7px;color:var(--muted);font-size:.75rem;font-weight:680}.field-label input,.draft-row input{width:100%;min-width:0;min-height:48px;padding:0 13px;border:0;border-radius:15px;color:var(--ink);background:#18213609;box-shadow:inset 0 0 0 1px var(--hairline)}.draft-list{display:grid;gap:7px}.draft-list__head,.draft-row{display:grid;grid-template-columns:54px minmax(120px,1fr) minmax(150px,1.15fr) minmax(130px,.9fr) 48px;gap:10px;align-items:center}.draft-list__head{padding:0 9px 3px;color:var(--muted);font-size:.7rem;font-weight:680}.draft-row{min-height:72px;padding:8px 9px;border-radius:22px;background:#18213606;box-shadow:inset 0 0 0 1px transparent;transition:background-color .42s var(--ease-heavy),box-shadow .42s var(--ease-heavy)}.draft-row.is-selected{background:#5865e809;box-shadow:inset 0 0 0 1px #5865e81a}.check-control{position:relative;display:grid;width:48px;height:48px;place-items:center;cursor:pointer}.check-control input{position:absolute;width:1px;height:1px;opacity:0}.check-control>span:not(.visually-hidden){display:grid;width:24px;height:24px;place-items:center;border-radius:9px;color:transparent;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--hairline-strong)}.check-control input:checked+span{color:#fff;background:var(--indigo);box-shadow:none}.draft-row__mobile-label{display:none}.import-review__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:22px;border-top:1px solid var(--hairline)}.import-review__footer p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}@media(max-width:960px){.library-home__layout,.import-panel__layout{grid-template-columns:1fr}.library-home__setup,.import-guide{position:static}.library-home__setup{grid-row:1}.library-browser{grid-row:2}.mistake-row{grid-template-columns:42px minmax(150px,1fr) minmax(140px,1fr) auto}.mistake-row__meta{grid-column:2 / 4}.mistake-row__actions{grid-column:4;grid-row:1 / 3}}@media(max-width:680px){.library-home,.mistakes-view,.import-panel{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.library-home__header,.subpage-header{min-height:58px;margin-bottom:22px}.privacy-note,.library-home__header .eyebrow,.subpage-header .eyebrow{display:none}.brand-lockup__mark{width:48px;height:48px;border-radius:17px}.brand-lockup h1,.subpage-header h1{font-size:1.18rem}.section-heading,.mistakes-intro,.import-review__header,.import-review__footer{align-items:stretch;flex-direction:column}.section-heading{display:grid}.section-heading .text-button{justify-self:start}.source-actions{grid-template-columns:1fr}.library-row.is-selected{transform:none}.setup-panel{border-radius:32px}.setup-panel__inner{padding:24px 18px;border-radius:26px}.setup-panel__heading{display:grid}.setup-panel__library{max-width:100%;justify-self:start}.setting-group{grid-template-columns:1fr;gap:8px}.setting-row{gap:10px}.stepper{grid-template-columns:48px 72px 48px}.choice-chips{gap:4px}.choice-chips button{min-width:68px;padding:0 10px}.practice-view{width:100%;min-height:100dvh;margin:0;border-radius:0}.practice-view__header{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;padding:max(14px,env(safe-area-inset-top)) 14px 8px}.progress-capsule{padding:9px 12px 8px}.progress-capsule__copy>span,.practice-view__mode{display:none}.practice-stage{padding:24px 18px}.answer-stage{min-height:390px;padding:40px 22px 28px;border-radius:30px}.answer-stage__word{font-size:clamp(2.8rem,16vw,4.4rem)}.answer-stage__bookmark{right:22px}.audio-orbit--hero{--orbit-size: min(54vw, 210px)}.practice-controls,.practice-controls--judgement{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.2fr);width:calc(100% - 28px);min-height:72px;gap:6px;margin-bottom:max(14px,env(safe-area-inset-bottom))}.practice-controls--judgement{grid-template-columns:1fr;padding:8px;border-radius:30px}.control-button{min-width:0;padding:0 12px}.control-button--rate{position:static;width:48px;min-width:48px;height:48px;padding:0;border-radius:50%;background:#18213609;box-shadow:inset 0 0 0 1px var(--hairline)}.ok-button{min-width:0;width:100%}.practice-controls>.ok-button:only-child{grid-column:1 / -1;width:min(100%,260px);justify-self:center}.practice-action{width:100%;min-width:0}.mistakes-intro{margin:28px 0 22px;padding:0}.mistake-list{padding:6px;border-radius:29px}.mistake-row{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:16px 13px;border-radius:23px}.mistake-row__word{grid-column:2}.mistake-row__meaning,.mistake-row__meta{grid-column:2 / 4}.mistake-row__actions{grid-column:3;grid-row:1 / 2}.mistake-row__actions .secondary-button{width:48px;min-width:48px;padding:0;font-size:0}.count-capsule{min-height:36px;padding:0 11px;white-space:nowrap}.import-review{padding:20px 14px;border-radius:29px}.field-label{min-width:0}.draft-list__head{display:none}.draft-row{grid-template-columns:48px minmax(0,1fr) 48px;gap:9px;padding:14px 10px}.draft-row>label:not(.check-control){grid-column:2 / 4}.draft-row>.icon-button{grid-column:3;grid-row:1}.draft-row__mobile-label{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:.7rem;font-weight:650}.import-review__footer{display:flex}.import-review__footer .primary-cta{width:100%}}@media(max-width:400px){.library-home,.mistakes-view,.import-panel{padding-inline:12px}.library-home__header-actions .icon-button{display:none}.setting-row{align-items:flex-start;flex-direction:column}.stepper{width:100%;grid-template-columns:48px minmax(72px,1fr) 48px}.setting-row--plain{align-items:stretch}.choice-chips{width:100%}.choice-chips button{flex:1}.answer-stage{min-height:350px}.practice-controls{width:calc(100% - 20px)}.ok-button{width:100%;padding-inline:15px}.count-capsule{font-size:.72rem}}@media(min-width:681px)and (max-height:860px){.practice-view{height:calc(100dvh - 24px);min-height:0;margin:12px auto}.practice-view__header{padding:12px 22px 8px}.practice-stage{padding:12px 28px}.answer-stage{width:min(100%,900px);height:min(100%,430px);min-height:0;padding:24px 40px}.answer-stage__meaning{margin-bottom:12px}.dictation-stage h1{margin-bottom:14px;font-size:clamp(2rem,4vw,3.5rem)}.audio-orbit--hero{--orbit-size: clamp(150px, 25vh, 190px)}.practice-controls{min-height:68px;margin-bottom:12px;padding:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.home-setup-stack{display:grid;gap:14px}.resume-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;border-radius:28px;background:#fffdfcd1;box-shadow:inset 0 0 0 1px var(--hairline),0 14px 34px #2028460f}.resume-card span,.resume-card p{color:var(--muted);font-size:.76rem}.resume-card h2{margin:4px 0;overflow:hidden;font-size:1.06rem;text-overflow:ellipsis;white-space:nowrap}.resume-card p{margin:0;line-height:1.5}.app-state,.summary-view{display:grid;min-height:100dvh;place-items:center;align-content:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));text-align:center}.app-state h1{margin:22px 0 7px;font-size:clamp(1.5rem,4vw,2.4rem);letter-spacing:-.04em}.app-state p{margin:0;color:var(--muted)}.app-state__pulse{width:52px;height:52px;border:2px solid rgba(88,101,232,.2);border-top-color:var(--indigo);border-radius:50%;animation:app-spin .9s linear infinite}@keyframes app-spin{to{transform:rotate(1turn)}}.summary-card{display:grid;width:min(100%,620px);place-items:center;padding:clamp(34px,7vw,68px);border-radius:42px;background:#fffdfce6;box-shadow:var(--shadow-soft),inset 0 0 0 1px var(--hairline)}.summary-card__mark{display:grid;width:82px;height:82px;place-items:center;border-radius:29px;color:#fff;background:var(--mint);box-shadow:0 18px 38px #57bfa33d}.summary-card__library{margin:24px 0 6px;color:var(--indigo-deep);font-size:.82rem;font-weight:700}.summary-card h1{margin:0;font-size:clamp(2rem,6vw,4rem);letter-spacing:-.055em}.summary-card__lead{margin:12px 0 0;color:var(--muted)}.summary-stats{display:grid;grid-template-columns:1fr 1fr;width:min(100%,390px);margin:34px 0;padding:7px;border-radius:28px;background:#18213609}.summary-stats div{display:grid;gap:5px;padding:18px;border-radius:22px}.summary-stats div:first-child{background:#fffdfcdb;box-shadow:inset 0 0 0 1px var(--hairline)}.summary-stats dt{color:var(--muted);font-size:.76rem}.summary-stats dd{margin:0;color:var(--ink);font-size:2rem;font-weight:750}.summary-actions{display:grid;width:min(100%,390px);gap:10px}.summary-actions .secondary-button,.summary-actions .text-button{width:100%}.app-toast{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:min(calc(100% - 36px),520px);min-height:62px;align-items:center;gap:12px;padding:9px 9px 9px 17px;border-radius:23px;color:#8f3f37;background:#fffdfcf7;box-shadow:0 20px 48px #20284629,inset 0 0 0 1px #f1786a47}.app-toast button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}@media(max-width:680px){.resume-card{grid-template-columns:1fr;align-items:stretch}.resume-card .secondary-button{width:100%}.summary-card{padding:34px 20px;border-radius:32px}.app-toast{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 28px)}}