:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202a40;background:#f5f7fb;font-synthesis:none;font-weight:400;--bg: #f5f7fb;--surface: #fff;--text: #202a40;--muted: #69758a;--line: #e1e7f0;--blue: #3158d6;--soft: #edf2ff;--danger: #bc3d3d;--success: #257856;--shadow: 0 8px 35px #233b7110}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #829af3;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,2.9rem);letter-spacing:-.055em;margin-bottom:12px;font-weight:700}h2{letter-spacing:-.035em}p{line-height:1.65}svg{flex-shrink:0}button{border:0}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--surface);border-right:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:-.6px;padding-left:8px}.brand-mark{background:var(--blue);color:#fff;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;position:relative;font-size:27px}.brand-mark span{position:absolute;right:6px;top:-2px;color:#bad6ff}.nav{margin-top:45px;display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:13px;min-height:47px;padding:12px 15px;font-size:15px;color:var(--muted);border-radius:10px}.nav a.active{background:var(--soft);color:var(--blue);font-weight:650}.sidebar-note{margin-top:auto;font-size:11px;color:var(--muted);line-height:2.2;padding:14px}.sidebar-note strong{font-size:13px;font-weight:500}.main{width:calc(100% - 245px);max-width:1330px;margin-left:245px;padding:0 6% 70px}.topbar{height:96px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.07em;color:var(--muted);gap:12px}.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border-radius:30px;background:var(--surface);border:1px solid var(--line);font-size:13px;letter-spacing:0;white-space:nowrap}.pill svg{color:#d68331}.heading{margin:21px 0 30px}.heading p{color:var(--muted);margin-bottom:0}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:650;margin-bottom:13px!important}.blue{color:var(--blue)}.hero{background:#3158d6;border-radius:22px;color:#fff;padding:36px 38px;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden}.hero-label{font-size:10px;letter-spacing:.14em;color:#cbd8ff}.hero h2{font-size:clamp(2rem,3.1vw,2.7rem);line-height:1.13;margin:18px 0}.hero p{color:#dce5ff;font-size:14px;line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 20px;border-radius:11px;background:var(--blue);color:#fff;font-weight:650;font-size:15px}.primary.light{background:#fff;color:#284dc0;box-shadow:0 5px 15px #153c951a}.hero small{display:block;font-size:11px;color:#cbd8ff;margin-top:15px}.phrase-preview{background:#fff;color:#24345c;width:260px;flex-shrink:0;padding:27px;border-radius:16px;transform:rotate(5deg);box-shadow:0 16px 40px #14389340;margin-right:5px}.phrase-preview>span{font-size:9px;letter-spacing:.1em;color:#8190ad}.phrase-preview h3{font-size:26px;margin:30px 0 8px;letter-spacing:-.04em}.phrase-preview p{color:#687793;font-size:14px}.phrase-preview hr{border:0;border-top:1px solid #e9edf5;margin:24px 0 18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:27px 0 34px;background:var(--surface);border:1px solid var(--line);padding:25px 0;border-radius:16px}.metrics>div{padding:0 26px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics b{font-size:28px;display:block;letter-spacing:-1px}.metrics span{font-size:13px;color:var(--muted);display:block;margin-top:6px}.section-title{font-size:20px;margin-bottom:18px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;text-align:left;gap:8px 12px;background:var(--surface);border:1px solid var(--line);padding:23px 22px;border-radius:15px}.quick>svg:first-child{grid-row:span 2;color:var(--blue)}.quick>svg:last-child{grid-column:3;grid-row:1 / 3;color:var(--muted)}.quick b{font-size:15px;font-weight:600}.quick span{font-size:12px;color:var(--muted)}@media(min-width:1600px){.main{margin-right:auto;padding-left:80px;padding-right:80px}}@media(max-width:1100px){.sidebar{width:210px}.main{width:calc(100% - 210px);margin-left:210px;padding-left:4%;padding-right:4%}.phrase-preview{width:220px;padding:22px}.hero{padding:30px}.hero h2{font-size:33px}}@media(max-width:780px){.sidebar{width:auto;height:72px;inset:auto 0 0;padding:0 10px;border-right:0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.sidebar .brand,.sidebar-note{display:none}.nav{display:flex;justify-content:space-around;margin:0;gap:0}.nav a{display:flex;flex-direction:column;gap:5px;padding:11px 5px;font-size:10px;border-radius:0;min-width:56px}.nav a.active{background:transparent}.main{width:100%;margin:0;padding:0 22px 105px}.topbar{height:77px;font-size:10px}.heading{margin:14px 0 26px}.heading p{font-size:14px}.hero{padding:27px;border-radius:18px}.hero h2{font-size:32px}.hero .phrase-preview{display:none}.hero>div:first-child{width:100%}.hero .primary{width:100%;font-size:14px;padding:13px 12px}.metrics{margin:20px 0 28px;padding:21px 0}.metrics>div{padding:0 12px}.metrics b{font-size:23px}.metrics span{font-size:11px}.quick-grid{gap:10px}.quick{padding:18px 15px;grid-template-columns:1fr}.quick>svg:first-child{grid-row:auto;margin-bottom:5px}.quick>svg:last-child{display:none}.quick b{font-size:14px}.quick span{font-size:12px}.eyebrow{font-size:10px}}.inner-page{padding-top:47px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0 30px}.page-heading p{color:var(--muted);margin-bottom:0;font-size:15px}.page-heading>.primary{flex-shrink:0}.panel{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:28px;box-shadow:var(--shadow)}.secondary{background:var(--surface);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;min-height:44px;padding:10px 15px;font-size:14px;font-weight:550}.secondary:hover,.quick:hover,.library-card:hover{border-color:#9aace3}.secondary.selected{background:var(--soft);border-color:var(--blue);color:var(--blue)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--blue);min-height:44px;padding:8px 0;font-size:14px;font-weight:550}.icon-button{background:transparent;border-radius:50%;width:44px;height:44px;display:inline-grid;place-items:center;flex-shrink:0}.icon-button:hover{background:var(--soft)}.audio{background:var(--soft);color:var(--blue)}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.65}.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-row h2{margin-bottom:0}.section-row>a{font-size:13px;color:var(--blue);display:flex;gap:4px;align-items:center}.section-row+p{margin-top:15px}.week{margin-top:28px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:25px 0 12px}.week-days>div{display:flex;align-items:center;gap:12px;flex-direction:column;color:var(--muted);font-size:13px}.week-days b{width:40px;height:40px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-weight:500}.week-days .today b{border:1px dashed var(--blue);color:var(--blue)}.week-days b.completed{background:var(--blue);color:#fff}.week p{margin:20px 0 0}.resume{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;padding:14px 18px;background:var(--surface);font-size:14px;margin-top:16px;color:var(--blue)}.sidebar-import{display:flex;gap:8px;align-items:center;padding:18px 15px;font-size:13px;color:var(--muted);margin-top:15px}.library-toolbar{display:flex;gap:12px}.search{flex:1;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:0 16px;color:var(--muted)}.search input{border:0;background:transparent;height:50px;min-width:0;width:100%;color:var(--text);font-size:15px;outline-offset:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chips button{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:9px 15px;min-height:40px;font-size:13px;white-space:nowrap}.chips button.selected{color:#fff;background:var(--blue);border-color:var(--blue)}.result-count{font-size:12px;color:var(--muted);margin:22px 0 12px}.card-list{display:grid;gap:10px}.library-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px;border:1px solid var(--line);border-radius:13px;background:var(--surface);transition:border-color .15s}.library-card>div{min-width:0}.library-card>svg{color:var(--muted)}.library-card h2{font-size:20px;letter-spacing:-.025em;margin:12px 0 6px;overflow-wrap:anywhere}.library-card p{font-size:14px;color:var(--muted);margin:0;overflow-wrap:anywhere}.card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tag{display:inline-flex;background:var(--soft);color:var(--blue);font-size:11px;padding:5px 9px;border-radius:6px;line-height:1.3}.tag.green{background:#e8f5ef;color:#287456}.tag.purple{background:#efebff;color:#7153b7}.tag.orange{background:#fff0df;color:#a25d20}.core-label{font-size:10px;color:var(--muted);letter-spacing:.07em}.stars{color:#b58339;font-size:12px;letter-spacing:1px}.more{display:flex;margin:25px auto}.back{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:5px 0 25px;min-height:44px}.detail{max-width:850px}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.detail-title h1{font-size:35px;overflow-wrap:anywhere}.translation{color:var(--muted);font-size:21px}.example{margin:25px 0;background:var(--bg);padding:20px;border-radius:12px}.example p{margin:8px 0;font-size:18px}.example span{font-size:14px;color:var(--muted)}.inline{display:flex;justify-content:space-between;align-items:center;gap:14px}.note{background:var(--soft);border-left:3px solid #9bb0ee;padding:18px 20px;border-radius:0 10px 10px 0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.note p:last-child{margin-bottom:0}.note.compact{padding:12px 16px;margin-top:16px}.teacher-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.teacher-note summary{cursor:pointer;color:var(--muted);min-height:30px}.teacher-note p{white-space:pre-wrap;margin:15px 0}.teacher-note small{color:var(--muted)}.detail-stats{display:flex;gap:35px;margin:26px 0}.detail-stats span{font-size:12px;color:var(--muted)}.detail-stats b{display:block;font-size:15px;color:var(--text);margin-top:6px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.danger{color:var(--danger)}.danger-bg{background:var(--danger)}.modal{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:19px;padding:26px;width:min(610px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 25px 100px #10264f33}.modal::backdrop{background:#12203e77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.modal-title h2{margin:0;font-size:23px}.form{display:grid;gap:18px}.form label{display:grid;gap:8px;font-size:13px;font-weight:550}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input:not([type=checkbox]):not([type=range]),select,textarea{min-height:45px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 12px;min-width:0;max-width:100%}.search input{border:0!important;padding-left:0!important}.form input,.form select,.form textarea{width:100%}.form textarea{resize:vertical}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);border-radius:13px;padding:12px 15px 12px 22px;max-width:min(620px,calc(100vw - 32px));width:max-content;display:flex;gap:14px;align-items:center;z-index:110;font-size:14px;box-shadow:0 8px 30px #0003}.toast .icon-button{color:inherit}.toast .icon-button:hover{background:#ffffff20}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty h2{font-size:22px;color:var(--text);margin-top:20px}.empty p{font-size:14px}.spaced{margin-top:35px}.count{font-size:13px;background:var(--soft);padding:4px 8px;border-radius:7px;color:var(--blue);margin-left:6px}.mistake-list{display:grid;gap:16px}.mistake-card h2{font-size:23px;display:flex;align-items:center;gap:10px}.original-error{color:var(--danger);text-decoration:line-through;margin-bottom:20px}.grammar-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grammar-card{display:flex;flex-direction:column}.grammar-card h2{font-size:24px;margin:20px 0 12px;overflow-wrap:anywhere}.grammar-card .tag{align-self:flex-start}.grammar-card>p{font-size:14px}.grammar-card .example{margin:3px 0 18px;padding:15px}.grammar-card .example b{font-size:15px;line-height:1.6;font-weight:550}.grammar-card>.text-button{margin-top:auto;align-self:flex-start}.two-columns,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats-metrics{grid-template-columns:repeat(3,1fr)}.chart-panel{margin-bottom:22px}.bar-chart{display:flex;align-items:flex-end;gap:5px;height:155px;margin-top:35px}.bar-column{height:100%;flex:1;display:flex;align-items:flex-end}.bar-column>div{width:100%;background:var(--line);border-radius:4px 4px 0 0;min-height:3px}.bar-column .has-value{background:var(--blue)}.chart-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:10px 0 25px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;border-bottom:1px solid var(--line);gap:15px}.stat-row:last-child{border:0}.stat-row+.small{margin-top:17px}.settings-panel h2{font-size:22px}.settings-panel h3{font-size:16px;margin-top:24px;margin-bottom:15px}.settings-panel p{font-size:14px}.settings-panel p.small{font-size:12px}.setting-row{display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.setting-row input[type=number]{width:80px}.setting-row select{font-size:13px}.setting-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:24px;border-radius:30px;background:#b3bdd0;position:relative;cursor:pointer;flex-shrink:0}.setting-row input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .15s}.setting-row input[type=checkbox]:checked{background:var(--blue)}.setting-row input[type=checkbox]:checked:before{transform:translate(16px)}.range-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:18px 0;font-size:14px}.range-label input{width:100%;accent-color:var(--blue)}.theme-options{display:flex;flex-wrap:wrap;gap:8px}.theme-options .secondary{flex:1;flex-direction:column;font-size:12px;padding:15px 10px}.backup-panel{margin-top:20px}.backup-panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}.file-button{position:relative;cursor:pointer;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.upload-zone{border:1.5px dashed #9caedd;display:flex;flex-direction:column;align-items:center;position:relative;padding:48px 24px;border-radius:18px;background:var(--surface);text-align:center;cursor:pointer;overflow:hidden}.upload-zone>svg{color:var(--blue);margin-bottom:18px}.upload-zone h2{font-size:23px;margin-bottom:10px}.upload-zone p{font-size:14px;color:var(--muted)}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.import-preview,.import-help{margin-top:22px}.import-numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:25px 0}.import-numbers b{display:block;font-size:29px}.import-numbers span{font-size:12px;color:var(--muted)}.import-example{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px}.import-example span{color:var(--muted)}.import-preview>.primary{margin-top:23px}.import-help p{font-size:14px}.success{color:var(--success)}.studying .main{max-width:1080px;padding-left:6%;padding-right:6%}.study-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted);padding:0 0 23px}.study-top b{color:var(--text)}.progress-track{height:5px;background:var(--line);border-radius:10px;overflow:hidden}.progress-track>div{height:100%;background:var(--blue);transition:width .2s}.study-mode{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px;font-size:12px;letter-spacing:.04em;color:var(--muted)}.study-mode select{font-size:12px;min-height:36px;padding:6px 9px;background:transparent}.study-card{padding:30px 34px}.study-instruction{font-size:14px;color:var(--muted);margin:34px 0 17px}.study-prompt{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.35;letter-spacing:-.035em;margin:0 0 25px;overflow-wrap:anywhere}.answer-area{margin:30px 0 25px}.answer-area>input{width:100%;font-size:19px!important;padding:17px!important;border-radius:12px!important;background:var(--bg)!important;min-height:60px}.check-button{width:100%;justify-content:space-between;margin-top:4px}.study-hint{text-align:center;font-size:12px;color:var(--muted);margin:24px 0}.feedback{margin-top:28px;border-top:1px solid var(--line);padding-top:25px}.feedback-status{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.feedback-status.correct{color:var(--success)}.correct-answer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:17px 0 12px}.correct-answer h2{font-size:26px;line-height:1.4;margin:0;overflow-wrap:anywhere}.your-answer{font-size:14px;color:var(--muted);margin:14px 0;overflow-wrap:anywhere}.grade-label{font-size:14px;margin:27px 0 15px}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.grade{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:99px;border:1px solid var(--line);border-radius:11px;padding:13px 8px;background:var(--surface)}.grade b{font-size:13px;font-weight:600}.grade span{font-size:10px;color:var(--muted)}.grade-0{color:var(--danger);border-color:#e1b8b8}.grade-1{color:#a27424;border-color:#e5d5b6}.grade-2{color:var(--blue);border-color:#a5b7ee}.grade-3{color:var(--success);border-color:#b0d6c7}.grade:hover{background:var(--bg)}.word-bank,.sentence-answer{display:flex;gap:8px;flex-wrap:wrap}.sentence-answer{min-height:90px;border-bottom:2px solid var(--line);padding:10px 0 20px;align-items:center}.sentence-answer>span{color:var(--muted);font-size:14px}.word-bank{margin:20px 0}.word-token{background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 0 var(--line);border-radius:9px;padding:11px 14px;min-height:44px;font-size:16px}.word-token.selected{background:var(--soft);border-color:#a5b7ee}.word-token:disabled{visibility:hidden}.speaking-area{text-align:center}.mic-button{width:74px;height:74px;background:var(--blue);color:#fff;border-radius:50%;display:inline-grid;place-items:center;margin-bottom:15px}.mic-button.recording{background:var(--danger);box-shadow:0 0 0 10px #bc3d3d18}.speaking-area p{font-size:14px;color:var(--muted)}.speaking-area small{font-size:12px;color:var(--muted);display:block;line-height:1.6}.heard{border:1px solid var(--line);border-radius:11px;padding:18px;margin:20px 0}.heard span{font-size:11px;color:var(--muted)}.heard p{margin:8px 0 0;font-size:20px;color:var(--text)}.summary{max-width:720px;margin:10px auto;text-align:center;padding:40px}.success-icon{width:74px;height:74px;display:inline-grid;place-items:center;border-radius:50%;background:#e8f5ef;color:#287456;margin:0 0 27px}.summary h1{font-size:35px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.summary-stats b{font-size:28px;display:block}.summary-stats span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.troublesome{text-align:left;margin-bottom:28px}.troublesome h3{font-size:16px}.troublesome a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.troublesome a b,.troublesome a span{display:block;font-size:14px;margin:4px 0}.troublesome a span{color:var(--muted)}.troublesome .secondary{margin-top:20px}.summary>.primary,.summary>.text-button{display:flex;margin:12px auto;width:max-content;max-width:100%}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:90;display:grid;place-items:center;padding:25px;overflow:auto}.onboarding-card{width:min(460px,100%);text-align:center;margin:auto}.onboarding-card>.brand-mark{margin:0 auto 42px}.onboarding-icon{display:inline-grid;place-items:center;width:106px;height:106px;background:var(--soft);color:var(--blue);border-radius:30px;margin-bottom:32px}.onboarding-card h1{font-size:39px;line-height:1.12}.onboarding-card p:not(.eyebrow){color:var(--muted);font-size:16px}.onboarding-dots{display:flex;gap:7px;justify-content:center;margin:28px 0}.onboarding-dots span{width:7px;height:7px;border-radius:10px;background:var(--line)}.onboarding-dots .active{width:24px;background:var(--blue)}.onboarding-card>.primary{width:100%}.onboarding-card>.text-button{display:block;margin:7px auto}.loading,.fatal{min-height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;text-align:center}.loading p{color:var(--muted);margin-top:25px}.pwa-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:100;display:flex;align-items:center;gap:14px;padding:8px 13px 8px 20px;border-radius:13px;width:max-content;max-width:calc(100vw - 28px);font-size:13px}.pwa-banner .text-button{white-space:nowrap;font-size:12px}.offline-indicator{position:fixed;top:9px;right:15px;z-index:50;padding:6px 12px;border-radius:20px;background:var(--text);color:var(--surface);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}[data-theme=dark]{--bg: #131925;--surface: #1c2433;--text: #e6ecf7;--muted: #a3afc3;--line: #323e53;--soft: #263656;--blue: #8faaff;--shadow: 0 8px 35px #00000012;color-scheme:dark;color:var(--text);background:var(--bg)}[data-theme=dark] .primary{background:#4065dc;color:#fff}[data-theme=dark] .primary.light{background:#fff;color:#284dc0}[data-theme=dark] .brand-mark{background:#4065dc}[data-theme=dark] .tag.green{background:#213e36;color:#9bdec3}[data-theme=dark] .tag.purple{background:#39304e;color:#d5b9ff}[data-theme=dark] .tag.orange{background:#493c2c;color:#f6c184}[data-theme=dark] .success-icon{background:#213e36;color:#9bdec3}[data-theme=dark] .toast{background:#e6ecf7;color:#202a40}.today-top{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;letter-spacing:.08em}.today-card{border-radius:25px;padding:clamp(28px,5vw,54px);color:#fff;background:linear-gradient(135deg,#3158d6,#2345ad);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.today-card h1{font-size:clamp(2.2rem,5vw,4rem);max-width:720px}.today-card p{max-width:650px;color:#edf2ff}.today-start{min-width:180px;justify-content:center;font-size:17px}.today-numbers{display:flex;gap:30px;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.today-numbers span{display:grid;gap:3px}.today-numbers b{font-size:25px;letter-spacing:0}.current-course{margin-top:22px}.course-current-body{display:flex;align-items:center;gap:22px;margin:24px 0}.course-current-body h2{margin:0 0 7px;font-size:25px}.course-current-body p{color:var(--muted);margin:9px 0 0;max-width:720px}.course-number,.lesson-day{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-size:21px;font-weight:750;flex-shrink:0}.course-progress{height:7px;border-radius:10px;background:var(--line);overflow:hidden;margin:22px 0}.course-progress span{display:block;height:100%;background:var(--blue);border-radius:inherit}.your-path{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.your-path h2{margin:8px 0 0}.your-path h2 em{color:var(--blue);font-style:normal;margin:0 8px}.your-path a,.home-actions>*{color:var(--blue);display:inline-flex;align-items:center;gap:8px;font-weight:650}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.home-actions>*{background:var(--surface);border:1px solid var(--line);min-height:46px;padding:10px 16px;border-radius:11px}.course-hero{background:linear-gradient(145deg,var(--surface),var(--soft));display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.course-hero h2{font-size:clamp(2rem,4vw,3.2rem);margin:18px 0 10px}.course-hero p{max-width:720px;color:var(--muted)}.course-ring{width:140px;height:140px;border:13px solid #b8c7f2;border-top-color:var(--blue);border-radius:50%;display:grid;place-content:center;text-align:center}.course-ring b{font-size:34px;line-height:1}.course-ring span{font-size:12px;color:var(--muted);margin-top:5px}.path-labels{display:flex;gap:17px;align-items:center;justify-content:center;padding:25px;color:var(--muted)}.path-labels b{color:var(--blue)}.lesson-list{display:grid;gap:10px;max-width:880px;margin:0 auto}.lesson-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:19px 22px}.lesson-row>span:nth-child(2){display:grid;gap:3px}.lesson-row small{color:var(--blue);font-size:10px;letter-spacing:.09em}.lesson-row em{color:var(--muted);font-size:13px;font-style:normal}.lesson-row.completed .lesson-day{background:#e6f5ee;color:var(--success)}.future-path{margin:24px auto 0;max-width:880px;text-align:center}.future-path p{color:var(--muted);margin:7px 0 0}.lesson-header{margin:20px 0 28px}.lesson-header h1{margin-bottom:5px}.lesson-header>p:last-child{color:var(--muted)}.lesson-goal{border-left:5px solid var(--blue)}.lesson-goal>span,.key-words>span{color:var(--blue);font-size:11px;letter-spacing:.1em;font-weight:700}.lesson-goal h2{margin:12px 0;font-size:clamp(1.35rem,3vw,2rem)}.lesson-section-title{display:flex;gap:13px;align-items:center;margin:35px 0 18px}.lesson-section-title span{font-size:10px;color:var(--blue);letter-spacing:.1em}.lesson-section-title h2{margin:4px 0 0;font-size:20px}.phrase-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.phrase-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px}.phrase-row>div{display:grid;gap:5px}.phrase-row span{color:var(--muted);font-size:13px}.key-words{margin-top:18px}.key-words>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.key-words a{padding:11px 14px;background:var(--bg);border-radius:10px;display:grid;gap:3px}.key-words small{color:var(--muted)}.lesson-start{margin:24px auto 0;display:flex;min-width:240px;justify-content:center}.lesson-note{text-align:center;margin-top:12px}.dialogue-page,.result-card{max-width:760px;margin:0 auto}.dialogue-heading{display:flex;gap:18px;align-items:center;margin:25px 0}.dialogue-heading>svg{color:var(--blue);width:42px;height:42px}.dialogue-heading h1{margin:4px 0 0}.dialogue-card{background:var(--soft);margin:25px 0}.dialogue-card span{color:var(--blue);font-size:12px;font-weight:700}.dialogue-card p{font-size:25px;margin:13px 0 0}.dialogue-prompt{text-align:center;color:var(--muted)}.dialogue-choices{display:grid;gap:10px}.dialogue-choices button{min-height:58px;font-size:17px}.dialogue-error{color:var(--danger);text-align:center;margin-top:15px}.result-card{text-align:center}.can-now{display:grid;gap:12px;text-align:left;margin:28px 0;padding:24px;background:var(--soft);border-radius:14px}.can-now b{color:var(--blue);font-size:11px;letter-spacing:.1em}.result-card>.primary,.result-card>.text-button{display:flex;width:max-content;margin:12px auto}.word-levels,.my-tabs{display:flex;overflow-x:auto;gap:8px;margin-bottom:18px;padding-bottom:4px}.word-levels button,.my-tabs button{background:var(--surface);border:1px solid var(--line);padding:10px 17px;border-radius:30px;white-space:nowrap}.word-levels button.active,.my-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.words-search{max-width:620px}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.word-card{position:relative;min-width:0}.word-card h2{font-size:28px;margin:15px 0 4px}.word-card p{color:var(--muted)}.word-card>svg{position:absolute;right:20px;bottom:20px;color:var(--blue)}.word-card>small{color:var(--blue)}.pattern-preview{display:grid;gap:5px;border-top:1px solid var(--line);padding:14px 0;margin-top:13px;font-size:13px}.patterns-panel,.word-examples{margin:25px 0}.patterns-panel>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.patterns-panel .audio{width:36px;height:36px}.personal-list{display:grid;gap:9px}.personal-row{display:flex;align-items:center;gap:15px;padding:17px 20px}.personal-row>span:first-child{display:grid;gap:4px;flex:1;min-width:0}.personal-row small{color:var(--muted)}.personal-row .tag{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.more-link{display:flex;align-items:center;gap:15px}.more-link>svg{color:var(--blue)}.more-link span{display:grid;gap:4px}.more-link small{color:var(--muted)}.install-panel{display:flex;gap:20px;margin-top:18px}.install-panel>svg{color:var(--blue);width:32px;height:32px}.install-panel p{margin-bottom:8px}.install-panel small{color:var(--muted);line-height:1.6}.future-tools{margin-top:18px}.future-tools p{display:flex;gap:10px;color:var(--muted);margin-bottom:0}@media(max-width:900px){.word-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.nav a{width:20%}.today-top{min-height:58px}.today-card{grid-template-columns:1fr;gap:22px;border-radius:19px}.today-card h1{font-size:36px}.today-numbers{justify-content:space-between}.today-start{width:100%}.current-course{padding:20px}.course-current-body{align-items:flex-start}.course-current-body p{font-size:13px}.your-path{align-items:flex-start;flex-direction:column}.your-path h2{font-size:19px;white-space:nowrap}.course-hero{grid-template-columns:1fr}.course-ring{width:105px;height:105px;border-width:10px}.phrase-list,.word-grid,.more-grid{grid-template-columns:1fr}.lesson-row{padding:16px;gap:13px}.lesson-day{width:42px;height:42px;font-size:18px}.phrase-row{padding:16px}.dialogue-card p{font-size:21px}.personal-row{align-items:flex-start}.personal-row .tag{display:none}.install-panel{flex-direction:column}}.sidebar .nav span{line-height:1.35}@media(max-width:1100px){.grammar-grid,.settings-grid{grid-template-columns:1fr}.two-columns{gap:15px}.panel{padding:23px}.studying .main{padding-left:4%;padding-right:4%}}@media(max-width:780px){.inner-page{padding-top:26px}.page-heading{margin-top:10px;margin-bottom:25px;flex-wrap:wrap;gap:17px}.page-heading h1{font-size:32px}.page-heading p{font-size:14px}.page-heading>.primary{font-size:13px;padding:10px 15px}.sidebar-import{display:none}.nav a{font-size:9px;min-width:0;width:16.666%;gap:6px;padding:10px 2px}.nav a span{max-width:65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav svg{width:20px;height:20px}.sidebar{height:calc(68px + env(safe-area-inset-bottom));padding-left:6px;padding-right:6px}.toast{bottom:calc(82px + env(safe-area-inset-bottom));font-size:13px}.panel{padding:21px;border-radius:15px}.week{padding:20px 17px}.week-days{gap:4px}.week-days b{width:33px;height:33px}.week-days>div{font-size:12px}.section-title{font-size:18px}.section-row>a{font-size:12px}.library-toolbar{gap:8px}.library-toolbar>.secondary{font-size:0;gap:0;width:47px;padding:8px}.search{padding:0 12px}.search input{font-size:14px}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:-22px;padding-right:22px}.chips button{font-size:12px;padding:8px 13px}.card-meta{gap:7px}.library-card{padding:19px}.library-card h2{font-size:20px}.library-card p{font-size:13px}.tag{font-size:10px}.detail-title h1{font-size:29px}.translation{font-size:19px}.form-row{grid-template-columns:1fr}.modal{padding:20px}.two-columns{grid-template-columns:1fr}.settings-panel h2{font-size:21px}.settings-panel .setting-row{font-size:13px}.backup-panel .actions{align-items:stretch}.backup-panel .actions>.primary,.backup-panel .actions>.secondary{flex:1;font-size:13px}.upload-zone{padding:35px 22px}.upload-zone h2{font-size:22px}.upload-zone p{font-size:13px;overflow-wrap:anywhere}.import-numbers{grid-template-columns:repeat(3,1fr);gap:20px}.import-numbers b{font-size:25px}.study-top{font-size:12px;padding-bottom:15px}.study-mode{margin:22px 0 15px}.study-card{padding:22px}.study-instruction{font-size:13px;margin-top:30px}.study-prompt{font-size:27px}.studying .main{padding:25px 18px 40px}.studying .sidebar{display:none}.grade{padding:12px 4px;gap:8px;min-height:94px}.grade b{font-size:11px}.grade span{font-size:9px}.grades{gap:6px}.correct-answer h2{font-size:23px}.summary{padding:30px 21px}.summary h1{font-size:31px}.summary-stats b{font-size:25px}.summary-stats span{font-size:11px}.onboarding-card h1{font-size:36px}.onboarding-card>.brand-mark{margin-bottom:30px}.onboarding-icon{margin-bottom:25px}.pwa-banner{font-size:12px;gap:7px;padding-left:12px}.pwa-banner>span{max-width:200px}.chart-panel{padding:20px 16px}.bar-chart{gap:3px}.tags{flex-wrap:wrap;overflow:visible}.detail .actions .secondary{flex-grow:1}.detail-stats{gap:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.page-heading .eyebrow{font-size:11px;letter-spacing:.12em}.grade b{font-size:14px}.grade span,.tag{font-size:12px}.quick span{font-size:14px}.quick b{font-size:16px}.hero-label,.hero small{font-size:12px}.study-mode{font-size:14px}.study-instruction{font-size:15px}.nav-short{display:none}@media(max-width:780px){.grade b{font-size:12px}.grade span{font-size:11px}.nav-long{display:none}.nav-short{display:inline!important}.nav a{font-size:11px}.quick b{font-size:14px}.quick span{font-size:13px}.tag{font-size:11px}.study-instruction{font-size:14px}.study-mode{font-size:13px}.hero-label{font-size:10px}.hero small{font-size:12px}.hero .primary{line-height:1.45}.page-heading>div{min-width:0;max-width:100%}}