:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC",sans-serif;--ink:#193e31;--muted:#65796f;--accent:#177653;--line:#dce5df;--paper:#fff;--bg:#f3f6f3;--soft:#e8f1e9;--gold:#e3b853;color:var(--ink);background:var(--bg);font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d4a33b;outline-offset:3px}input,select,textarea{max-width:100%;color:var(--ink);background:white;border:1px solid #cdd9d1;border-radius:9px;padding:11px 12px}textarea{resize:vertical;width:100%;line-height:1.6}button{color:inherit}button.primary,a.primary{background:var(--accent);color:white;border:1px solid var(--accent);font-weight:650}.btn,.primary{border-radius:10px;padding:12px 18px;border:1px solid var(--line);background:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{background:var(--soft)}.primary:hover{background:#115c40}.btn.small{font-size:14px;padding:8px 12px}.btn.link{border:0;background:transparent;color:var(--accent);padding:8px}.icon-btn{border:1px solid var(--line);border-radius:50%;background:white;width:43px;height:43px;font-size:20px;display:inline-grid;place-items:center}.icon-btn.selected{background:#fff5d7;color:#97721d;border-color:#d8ba6c}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.rail{background:#133f32;color:#e1ede6;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;max-height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;color:inherit;font-size:21px;font-weight:750;letter-spacing:-.8px;text-decoration:none}.brandmark{background:#f0f6dc;color:#214c39;border-radius:10px;width:37px;height:37px;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;flex-shrink:0}.rail-label{font-size:12px;letter-spacing:2px;color:#a9c1b3;margin:40px 12px 15px}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:12px;color:#c8dbd0;text-decoration:none;padding:13px 15px;border-radius:10px;font-size:15px}.nav a.active{background:#2d5746;color:white;font-weight:650}.nav a:hover{background:#244e3e}.nav-icon{font-size:20px;width:24px;text-align:center}.nav-count{margin-left:auto;font-size:12px;border:1px solid #54705e;border-radius:6px;padding:2px 5px}.rail-footer{margin-top:auto;padding:35px 10px 0;color:#afc7b8;font-size:13px;line-height:1.65}.rail-footer strong{display:block;color:#e9f1e7;font-size:14px;margin-bottom:8px}.main-wrap{min-width:0}.topbar{height:76px;background:#ffffffb8;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar .crumb{font-size:14px;color:var(--muted)}.save-status{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px}.save-status:before{content:'';height:6px;width:6px;border-radius:50%;background:#508762}.save-status.error{color:#b54934}.save-status.error:before{background:#b54934}.content{max-width:1330px;padding:33px 40px 50px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 10px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 9px;line-height:1.4}h2{font-size:20px;margin:0 0 18px}h3{font-size:17px;margin:0 0 10px}p{line-height:1.7;margin:8px 0 14px}.muted{color:var(--muted)}.page-heading p{margin:0;font-size:15px}.goal-pill{background:#e5eee1;border:1px solid #d7e4d0;border-radius:12px;padding:12px 18px;font-size:14px;white-space:nowrap}.goal-pill strong{display:block;margin-top:3px;font-size:20px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:17px 20px;min-width:0}.metric-label{color:var(--muted);font-size:13px}.metric-value{font-size:30px;font-weight:650;letter-spacing:-1px;margin:9px 0 3px}.metric-value small{font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted)}.metric-foot{font-size:12px;color:var(--muted)}.learn-grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:20px}.panel p:last-child{margin-bottom:0}.panel.tint{background:#e7efe4;border-color:#d6e4d1}.panel h3{font-size:16px}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted);min-width:0}.field select{font-size:14px;max-width:200px}.field.grow{flex:1;min-width:160px}.field input{width:100%}.toolbar .trailing{margin-left:auto;font-size:13px;color:var(--muted);align-self:center}.flashcard{position:relative;background:#fff;border:1px solid #d5e1d8;border-radius:20px;min-height:344px;padding:27px 30px;box-shadow:0 9px 25px #243e2b05}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge{font-size:12px;border:1px solid #d9e5da;background:#f0f6f0;border-radius:6px;padding:5px 8px;display:inline-block;line-height:1.3}.badge.level{background:#fffaf0;border-color:#eadfbc;color:#7d692c}.badge.mastered{color:#177044}.badge.review{color:#b05e2e;background:#fff4e7;border-color:#efdcc5}.card-tools{display:flex;gap:7px}.word-focus{text-align:center;margin:31px 0 20px}.word-focus h2{font:500 clamp(30px,4.5vw,51px)/1.18 Georgia,serif;letter-spacing:-1.4px;margin-bottom:16px;overflow-wrap:anywhere}.word-meta{color:var(--muted);font-size:14px}.reveal-hint{font-size:15px;color:var(--muted);text-align:center}.reveal-button{display:flex;margin:25px auto 5px;min-width:170px}.definition{border-top:1px solid var(--line);padding-top:22px;text-align:center}.meaning{font-size:23px;font-weight:650;margin-bottom:13px}.definition .english{font-size:15px;color:var(--muted)}.collocation{display:inline-block;background:#f3f5ed;border-radius:7px;padding:8px 14px;font-family:Georgia,serif;font-size:18px;margin:4px 0 16px}.example{font-family:Georgia,serif;font-size:20px;line-height:1.65;margin:0 0 10px;color:#354e41}.usage-note{text-align:left;background:#fff9e9;border-left:3px solid #d8b354;border-radius:0 8px 8px 0;padding:13px 15px;margin-top:20px;font-size:14px;line-height:1.7;color:#79642e}.ratings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0 12px}.ratings button{border:1px solid #d3e0d6;background:white;border-radius:10px;padding:13px 6px;font-size:14px}.ratings button:nth-child(4){background:#19724f;color:white;border-color:#19724f}.ratings small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.ratings button:nth-child(4) small{color:#d7ecdf}.under-card{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);gap:10px}.progress-track{height:7px;background:#e3ebe2;border-radius:20px;overflow:hidden;margin:13px 0 18px}.progress-track span{display:block;height:100%;background:#409568;transition:width .2s}.row{display:flex;justify-content:space-between;gap:14px;align-items:center}.stack{display:grid;gap:13px}.side-word{padding:12px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.side-word strong{font:19px Georgia,serif}.side-word small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.key-hint{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.empty{text-align:center;background:white;border:1px dashed #c6d7cb;border-radius:16px;padding:45px 24px}.empty-symbol{font:40px Georgia,serif;color:#7e9c89;margin-bottom:14px}.empty h2{font-size:23px;margin-bottom:10px}.empty p{color:var(--muted);font-size:15px}.collection-info{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px;color:var(--muted);margin:18px 0}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vocab-tile{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;flex-direction:column;min-width:0}.vocab-tile .word-link{display:block;text-align:left;background:none;border:0;padding:0;font:24px/1.3 Georgia,serif;overflow-wrap:anywhere;letter-spacing:-.4px}.vocab-tile .word-link:hover{color:var(--accent);text-decoration:underline}.vocab-tile .zh{font-size:14px;margin:10px 0 16px;line-height:1.6}.tile-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:auto}.tile-footer .badge{font-size:12px}.tile-meta{font-size:12px;color:var(--muted);margin:10px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:26px 0;font-size:14px}.filter-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filter-pills button{font-size:13px;border:1px solid var(--line);padding:8px 13px;border-radius:20px;background:white}.filter-pills button.active{background:var(--ink);color:white;border-color:var(--ink)}.practice-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.mode{background:white;border:1px solid var(--line);border-radius:14px;padding:23px 18px;text-align:left;display:flex;flex-direction:column;gap:10px}.mode.active{border:2px solid var(--accent);padding:22px 17px;background:#f4faf4}.mode-symbol{font:30px Georgia,serif;color:#66866e}.mode h3{margin:5px 0 0}.mode p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.quiz-wrap{max-width:780px;margin:0 auto}.quiz-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:14px}.question-instruction{text-align:center;color:var(--muted);font-size:15px}.question-target{text-align:center;font:38px/1.3 Georgia,serif;margin:25px 0;overflow-wrap:anywhere}.cloze-sentence{text-align:left;font:25px/1.6 Georgia,serif;margin:25px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.choice{background:white;border:1px solid #ccd9cf;border-radius:10px;padding:17px 15px;text-align:left;font-size:16px;line-height:1.5}.choice.correct{background:#e5f3e8;border-color:#439566;opacity:1}.choice.wrong{background:#fff0e9;border-color:#c47858;opacity:1}.answer-form{display:flex;gap:10px;margin-top:20px}.answer-form input{width:100%;min-width:0}.quiz-feedback{margin-top:22px;padding:17px;background:#eef5ed;border-radius:10px;line-height:1.6}.quiz-feedback.wrong{background:#fff2eb}.quiz-feedback strong{display:block;margin-bottom:7px}.quiz-next{margin:18px 0 0 auto;display:flex}.score-circle{width:135px;height:135px;margin:0 auto 22px;background:#e8f3e4;border:6px solid #d2e5ca;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:700}.results-list{list-style:none;padding:0;margin:20px 0;text-align:left}.results-list li{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;gap:12px;font-size:15px}.chart{display:flex;align-items:end;height:155px;gap:12px;padding-top:15px}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;flex:1;height:100%;font-size:12px;color:var(--muted)}.chart-bar{width:100%;max-width:34px;background:#6b987a;border-radius:5px 5px 0 0;min-height:2px}.progress-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.topic-progress{padding:13px 0;border-bottom:1px solid var(--line)}.topic-progress .row{font-size:14px}.topic-progress .progress-track{margin:8px 0 0;height:5px}.history-table{width:100%;border-collapse:collapse;font-size:14px}.history-table th,.history-table td{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line)}.history-table th{color:var(--muted);font-weight:500}.table-scroll{overflow-x:auto}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-grid .panel{margin:0}.guide-grid ol,.guide-grid ul{padding-left:22px;font-size:15px;line-height:1.9}.guide-callout{padding:18px 22px;background:#e6efe2;border:1px solid #d3e2cd;border-radius:12px;line-height:1.75;font-size:15px;margin-bottom:23px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid{display:grid;gap:17px}.form-grid label{display:grid;gap:7px;font-size:14px}.fine{font-size:13px;color:var(--muted);line-height:1.7}.danger{color:#a94835;border-color:#d7b2a5}.divider{height:1px;background:var(--line);margin:22px 0}dialog{width:min(600px,calc(100vw - 28px));border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--ink);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #12341e26}dialog::backdrop{background:#15352272;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.modal-head h2{margin:0;font-size:22px}.modal-actions{display:flex;gap:10px;justify-content:end;margin-top:22px}.note-label{display:block;font-size:14px;margin:21px 0 8px}.page-footer{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.notice{border:1px solid #e3c29b;background:#fff5e5;border-radius:9px;padding:12px 15px;font-size:14px;line-height:1.6;margin-bottom:20px;color:#845e24}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 20px;background:#173f31;color:white;border-radius:10px;box-shadow:0 6px 25px #0002;max-width:90vw;font-size:14px;display:none}#toast.visible{display:block}.loading{padding:40px}.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}[hidden]{display:none!important}@media(min-width:1600px){.content{padding-top:45px}}@media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}.rail{padding:26px 13px}.brand{font-size:19px}.content{padding:28px 25px}.topbar{padding:0 25px}.learn-grid{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.flashcard{padding:23px}.metric{padding:15px}.metric-value{font-size:26px}}@media(max-width:900px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;padding:17px 22px;display:block}.brand{font-size:22px}.rail-label,.rail-footer{display:none}.nav{display:flex;gap:4px;margin-top:16px;overflow-x:auto;padding-bottom:1px}.nav a{padding:10px 13px;white-space:nowrap;font-size:14px;gap:6px}.nav-icon{font-size:16px;width:18px}.nav-count{display:none}.topbar{height:54px}.learn-grid{grid-template-columns:minmax(0,1fr) 245px}.content{padding-top:25px}.page-heading{margin-bottom:23px}h1{font-size:27px}}@media(max-width:700px){.learn-grid,.progress-layout,.settings-grid,.guide-grid{grid-template-columns:1fr}.learn-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.learn-side .panel{margin:0}.learn-side .panel:last-child{grid-column:1/-1}.content{padding:25px 18px}.topbar{padding:0 18px}.page-heading{align-items:start}.goal-pill{display:none}.metric-row{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:23px}.metric{padding:13px 16px}.metric-label{font-size:13px}.metric-value{font-size:27px;margin:5px 0}.metric-foot{font-size:12px}.flashcard{min-height:350px;padding:20px}.word-focus{margin:29px 0 21px}.word-focus h2{font-size:38px}.toolbar{gap:9px}.field select{max-width:100%;font-size:14px;width:100%}.toolbar .field{flex:1;min-width:110px}.toolbar .field.grow{flex-basis:100%}.toolbar .trailing{width:100%;margin:0}.ratings{gap:7px}.ratings button{padding:12px 3px;font-size:13px}.ratings small{font-size:12px}.under-card{align-items:start}.key-hint{display:none}.library-grid{gap:10px}.vocab-tile{padding:15px}.vocab-tile .word-link{font-size:21px}.tile-footer{flex-wrap:wrap}.collection-info{flex-wrap:wrap}.choices{grid-template-columns:1fr}.page-heading .btn{font-size:13px;padding:10px}.guide-grid .panel{padding:23px}.question-target{font-size:33px}.cloze-sentence{font-size:23px}.rail{padding:16px 18px}.nav{margin-left:-5px;margin-right:-5px}.nav a{padding:10px 11px}.save-status{font-size:12px}.topbar .crumb{font-size:12px}.page-footer{line-height:1.7}.practice-modes{gap:10px}.mode{padding:19px 15px}.mode.active{padding:18px 14px}dialog{padding:23px}.answer-form{flex-wrap:wrap}.answer-form .primary{width:100%}}@media(max-width:380px){.library-grid,.learn-side{grid-template-columns:1fr}.learn-side .panel:last-child{grid-column:auto}.word-focus h2{font-size:32px}.ratings{grid-template-columns:1fr 1fr}.brand{font-size:20px}h1{font-size:24px}.topbar .crumb{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.page-heading .eyebrow{display:none}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.metric{padding:12px 9px}.metric-label{font-size:12px;line-height:1.5}.metric-value{font-size:23px;letter-spacing:-1px}.metric-value small{font-size:12px}.metric-foot{display:none}.page-heading p{font-size:14px}.word-focus{margin-top:24px}.flashcard{min-height:315px}}