:root{--ink:#19352e;--muted:#687b75;--paper:#fbfaf5;--card:#fff;--green:#27845f;--green-soft:#dff4e8;--red:#c54343;--red-soft:#fde6e4;--line:#d9e1dd;--accent:#315c4e;--gold:#d99b3d}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#eef4ef,#f8f3e8);color:var(--ink);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted)}.boot-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--accent);color:#fff;font-size:27px;font-weight:900}.boot-screen small{font-size:12px}.shell{width:min(720px,100%);margin:auto;padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.view{display:none}.view.active{display:block}.hero{padding:24px 4px 18px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{font-size:34px;margin:0 0 10px;letter-spacing:-.03em}h2{font-size:26px;margin:8px 0 20px}h3{margin:24px 0 10px}.hero p:last-child,.hint{color:var(--muted)}button,select,input{font:inherit}button{cursor:pointer}.install-app{position:fixed;right:14px;top:calc(12px + env(safe-area-inset-top));z-index:10;border:0;border-radius:999px;padding:10px 14px;background:var(--gold);color:#fff;font-weight:800;box-shadow:0 6px 18px #50370c38}.audio-setting{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff94;font-size:13px}.speak-btn{border:0;background:transparent;padding:4px 7px;font-size:.72em;vertical-align:middle;cursor:pointer}.speak-btn:active{transform:scale(.9)}.primary,.secondary,.mode{border:0;border-radius:15px;padding:15px 18px;font-weight:750}.primary{background:var(--accent);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.day{aspect-ratio:1;border:1px solid var(--line);border-radius:14px;background:#fffc;color:var(--ink);font-weight:800;position:relative}.day small{display:block;font-size:10px;color:var(--muted);font-weight:600}.day.done:after{content:"✓";position:absolute;right:6px;top:4px;color:var(--green);font-size:11px}.card{background:var(--card);border:1px solid rgba(25,53,46,.08);border-radius:22px;padding:24px;box-shadow:0 14px 40px #20433914}.back{border:0;background:transparent;color:var(--muted);padding:12px 2px;margin-bottom:8px}.mode{display:flex;width:100%;background:#f4f7f5;color:var(--ink);margin:10px 0;text-align:left;justify-content:space-between;align-items:center}.mode span{font-size:12px;color:var(--muted);font-weight:500}.count-label{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--muted)}select{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.progress{height:7px;background:#dbe4df;border-radius:99px;overflow:hidden;margin:5px 0 18px}.progress i{display:block;height:100%;width:0;background:var(--green);transition:.25s}.question-card{text-align:center;min-height:430px;display:flex;flex-direction:column;justify-content:center}.question-card h2{font-size:34px;overflow-wrap:anywhere}.answer-area{display:grid;grid-template-columns:1fr auto;gap:9px}input{min-width:0;border:2px solid var(--line);border-radius:14px;padding:14px;font-size:18px;outline:none}input:focus{border-color:var(--green)}.choices{display:grid;gap:10px}.choice{border:2px solid var(--line);background:#fff;border-radius:14px;padding:14px;text-align:left;color:var(--ink)}.choice.correct{border-color:var(--green);background:var(--green-soft)}.choice.wrong{border-color:var(--red);background:var(--red-soft)}.feedback{border-radius:14px;padding:12px;margin:15px 0;text-align:left}.feedback.good{background:var(--green-soft);color:#166143}.feedback.bad{background:var(--red-soft);color:#9d2929}.hidden{display:none!important}.summary-card{text-align:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:#f4f7f5;border-radius:14px;padding:15px 5px}.stats b{display:block;font-size:25px}.stats span{font-size:12px;color:var(--muted)}.mistakes{text-align:left;max-height:280px;overflow:auto}.mistake{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 2px}.mistake span{color:var(--muted)}.summary-card>button{width:100%;margin-top:10px}@media(max-width:420px){.day-grid{grid-template-columns:repeat(5,1fr);gap:6px}.day{border-radius:11px;font-size:13px}.card{padding:20px 16px}.mode{align-items:flex-start;flex-direction:column;gap:4px}.question-card h2{font-size:29px}.answer-area,.home-actions{grid-template-columns:1fr}.audio-setting{align-items:flex-start;flex-direction:column}}:root{--article-bg:#fffdf8}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.today-card h2{margin:4px 0 8px;font-size:31px}.today-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.6}.progress-card{display:flex;flex-direction:column}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 auto}.dashboard-stats div{display:grid;gap:3px;padding:10px 4px;text-align:center;background:#f4f7f5;border-radius:12px}.dashboard-stats b{font-size:22px}.dashboard-stats span{font-size:10px;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}.quick-actions button{padding:13px 8px;font-size:13px}.app-shell{min-height:100vh}.app-content{min-height:100vh;padding-top:74px}.desktop-topbar{position:fixed;inset:0 0 auto;z-index:20;height:64px;display:flex;align-items:center;gap:34px;padding:0 max(20px,calc((100vw - 1120px)/2));background:#ffffffdb;border-bottom:1px solid rgba(25,53,46,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-button,.desktop-nav button,.desktop-account,.mobile-pagebar button,.mobile-bottom-nav button{font:inherit}.brand-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--ink);font-weight:850;font-size:17px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-size:16px;font-weight:900}.desktop-nav{display:flex;align-items:center;gap:5px}.desktop-nav button{border:0;border-radius:10px;padding:9px 14px;background:transparent;color:var(--muted);font-weight:700}.desktop-nav button:hover,.desktop-nav button.active{background:var(--green-soft);color:var(--green)}.desktop-account{display:flex;align-items:center;gap:7px;max-width:190px;margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fff;color:var(--ink);font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-account span,.mobile-user{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:850}.mobile-pagebar,.mobile-bottom-nav{display:none}.module-shell{max-width:900px}.module-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 4px 24px}.module-heading h1{margin-bottom:7px}.module-heading p:not(.eyebrow){margin:0;color:var(--muted)}.module-badge{display:grid;place-items:center;min-width:74px;height:74px;border-radius:22px;background:var(--green-soft);color:var(--green);font-size:19px;font-weight:900;text-align:center;line-height:1.1}.module-badge small{font-size:11px;font-weight:700}.article-badge{background:#fff1d9;color:#a96d18}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-title h2{margin:0;font-size:22px}.section-title span{color:var(--muted);font-size:13px}.article-list{display:grid;gap:10px}.article-list-item{display:flex;align-items:center;gap:14px;width:100%;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:#ffffffd1;color:var(--ink);text-align:left;transition:transform .18s,box-shadow .18s}.article-list-item:hover{transform:translateY(-1px);box-shadow:0 8px 24px #20433914}.article-day{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#f4f7f5;color:var(--green);font-weight:900}.article-list-copy{display:grid;gap:4px;min-width:0;flex:1}.article-list-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.article-arrow{color:var(--muted);font-size:20px}.immersive .app-content{padding-top:0}.article-card{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--article-bg),#f5faf6)}.article-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.article-heading h3{margin:2px 0 6px;font-size:21px}.article-theme{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.article-toggle{padding:9px 11px;white-space:nowrap;font-size:12px}.article-body{margin-top:16px;color:#304941;font-size:15px;line-height:1.85}.article-body p{margin:0 0 13px}.article-tip{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:520px){.article-heading{flex-direction:column}.article-toggle{align-self:flex-start}}.mobile-pagebar{position:fixed;inset:0 0 auto;z-index:20;height:58px;align-items:center;justify-content:space-between;padding:0 15px;background:#ffffffe6;border-bottom:1px solid rgba(25,53,46,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-brand{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);font-weight:800}.mobile-brand .brand-mark{width:29px;height:29px;font-size:14px}.mobile-user{border:0}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:30;height:66px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff0;border-top:1px solid rgba(25,53,46,.09);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav button{display:grid;place-items:center;gap:1px;border:0;border-radius:12px;background:transparent;color:var(--muted)}.mobile-bottom-nav button.active{background:var(--green-soft);color:var(--green)}.nav-icon{font-size:17px;font-weight:900;line-height:1.1}.mobile-bottom-nav small{font-size:11px;font-weight:750}.auth-help{margin:0;text-align:left;line-height:1.55}@media(max-width:700px){.desktop-topbar{display:none}.mobile-pagebar,.mobile-bottom-nav{display:flex}.app-content{padding-top:58px;padding-bottom:82px}.immersive .app-content{padding-bottom:0}.shell{padding-left:14px;padding-right:14px}.module-heading{padding-top:17px}.module-heading h1{font-size:30px}.module-badge{min-width:62px;height:62px;border-radius:18px;font-size:16px}.article-list-item{padding:13px 12px}.article-list-copy strong{font-size:14px}.article-list-copy small{font-size:11px}}@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr);gap:7px}.quick-actions button{font-size:11px;padding:12px 4px}.today-card h2{font-size:28px}}.audio-setting{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff94;font-size:13px}.audio-setting label{display:flex;align-items:center;gap:7px;font-weight:700}.audio-setting input{width:18px;height:18px;padding:0}.audio-setting select{margin-left:5px;padding:4px 8px}.audio-setting span{color:var(--muted);font-size:12px}.prompt-line{display:inline-flex;align-items:center;gap:8px;justify-content:center}.install-app{position:fixed;right:14px;top:14px;z-index:10;border:0;border-radius:999px;padding:10px 14px;background:var(--gold);color:#fff;font-weight:800;box-shadow:0 6px 18px #50370c38}.speak-btn{border:0;background:transparent;padding:4px 7px;cursor:pointer}.word-en{padding:13px;font-weight:700;overflow-wrap:anywhere}.word-en .speak-btn{float:right}.word-list{display:grid;gap:9px}.word-row{display:grid;grid-template-columns:minmax(120px,.9fr) 1.1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.meaning-cover{padding:12px;border-left:1px solid var(--line)}.meaning-cover.revealed{background:#f4f7f5;text-align:left}.review-note{margin-top:5px;color:var(--muted);font-size:12px}.quiz-ipa,.quiz-pos{display:block;text-align:center;margin:4px}.full-button{width:100%;margin-top:14px}.task-block{margin:14px 0 22px}.task-title{margin:0 0 10px}.auth-card{max-width:480px;margin:8vh auto 0}.auth-form{display:grid;gap:10px}.auth-form input{width:100%}.welcome-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 50% 10%,rgba(217,155,61,.17),transparent 32%)}.welcome-card{width:min(440px,100%);text-align:center;background:#ffffffd1;border:1px solid rgba(25,53,46,.08);border-radius:28px;padding:36px 28px;box-shadow:0 24px 70px #2043391f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.welcome-mark{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 20px;border-radius:20px;background:var(--accent);color:#fff;font-size:30px;font-weight:900;box-shadow:0 10px 26px #315c4e40}.welcome-copy{max-width:320px;margin:0 auto 28px;color:var(--muted);line-height:1.7}.welcome-actions,.auth-form{display:grid;gap:11px}.welcome-actions button,.auth-form>.primary{width:100%}.guest-button,.text-button,.back-inline{border:0;background:transparent;color:var(--green);font-weight:800;padding:12px}.identity-notes{display:grid;gap:7px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.form-heading{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px;font-size:21px}.back-inline{position:absolute;left:0;font-size:22px}.account-pill{display:flex;align-items:center;gap:7px;max-width:190px;margin-left:auto;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;padding:7px 11px;color:var(--ink);font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-pill span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--green-soft);color:var(--green)}.account-card{max-width:580px;margin:auto}.account-identity{display:flex;align-items:center;gap:13px;padding:16px 0 22px}.account-identity .avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--accent);color:#fff;font-weight:900}.account-identity div{display:grid;gap:4px;min-width:0}.account-identity strong{overflow-wrap:anywhere}.account-identity small{color:var(--muted)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.account-stats div{display:grid;gap:3px;padding:14px 7px;text-align:center;background:#f4f7f5;border-radius:14px}.account-stats b{font-size:22px}.account-stats span{color:var(--muted);font-size:11px}.sync-panel{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fbfcfb}.sync-panel p{color:var(--muted);line-height:1.6}.sync-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.sync-row span{color:var(--muted)}.status-synced{color:var(--green)}.status-error{color:var(--red)}.logout-actions{display:grid;gap:9px;margin-top:20px}.danger-button{border:0;background:transparent;color:var(--red);padding:12px;font-weight:750}.spelling-diff{margin:12px 0 2px;padding:12px;border-radius:13px;background:#f4f7f5}.spelling-diff span{display:inline-block;min-width:.7em;font-size:22px;font-weight:850;letter-spacing:.08em}.spelling-diff small{display:block;margin-top:7px;color:var(--muted)}.letter-correct{color:var(--green)}.letter-wrong{color:var(--red);text-decoration:underline}.wrongbook-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrongbook-heading p{margin:0}.meaning-toggle-all{padding:8px 12px;white-space:nowrap}.meaning-cover{border:0;width:100%;color:var(--muted);background:repeating-linear-gradient(135deg,#dfe7e3,#dfe7e3 8px,#edf2ef 8px,#edf2ef 16px)}.meaning-cover.revealed{color:var(--ink);background:#f4f7f5}@media(max-width:420px){.wrongbook-heading{align-items:flex-start;flex-direction:column}}.settings-section{margin:22px 0}.settings-section h2{font-size:18px;margin:0 0 10px}.menu-list{display:grid;gap:8px}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:1px solid var(--line);border-radius:15px;background:#fff;padding:14px 16px;color:var(--ink)}.menu-item span{display:grid;gap:4px;font-weight:750}.menu-item small{color:var(--muted);font-size:12px;font-weight:500}.menu-item b{font-size:22px;color:var(--muted)}.danger-text{color:var(--red)!important}.account-audio{margin:0}.large-stats{margin-bottom:22px}.stat-progress{padding:15px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.statistics-card{max-width:580px;margin:auto}.account-audio label{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-audio .range-setting{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.account-audio input[type=range]{accent-color:var(--green);min-width:120px}.account-audio output{color:var(--muted);font-size:12px;min-width:38px;text-align:right}.mini-audio-button{margin-left:auto;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--green);padding:5px 10px;font-size:12px;font-weight:750}.profile-card{padding:18px}.profile-form{display:grid;gap:12px}.profile-form label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:750}.profile-form input,.profile-form select{width:100%}.meaning-help{margin:-4px 0 10px;font-size:12px}.meaning-cover{min-height:54px;padding:12px;border:0;border-left:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;cursor:pointer;background:repeating-linear-gradient(135deg,#dfe7e3,#dfe7e3 8px,#edf2ef 8px,#edf2ef 16px)}.meaning-cover.revealed{color:var(--ink);background:#f4f7f5;text-align:left}.article-audio{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f7faf8}.article-audio-main{display:flex;flex-wrap:wrap;gap:8px}.audio-control{padding:9px 12px;border-radius:11px;font-size:13px}.article-audio-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--muted);font-size:12px}.article-audio-meta label{display:flex;align-items:center;gap:6px}.article-audio-meta select{padding:5px 8px}.audio-preview-row{display:flex;gap:8px;flex-wrap:wrap}.audio-preview-row .mini-audio-button{margin-left:0}.typing-mode{border-color:#27845f59;background:linear-gradient(135deg,#f5fff8,#fff)}.typing-copy-word{font-size:clamp(30px,8vw,54px);letter-spacing:.04em;overflow-wrap:anywhere}.quiz-meaning{display:block;margin-top:7px;color:var(--ink);font-size:15px;font-weight:700}.typing-answer-area{display:grid;gap:10px;margin-top:14px}.typing-target{display:flex;justify-content:center;gap:5px;min-height:42px;flex-wrap:wrap}.typing-target span{display:grid;place-items:center;width:25px;height:34px;border-bottom:2px solid var(--line);color:#a0b0aa;font-weight:800;font-size:20px}.typing-target span.typed-letter{border-color:var(--green);color:var(--green)}.typing-answer-area small{color:var(--muted);font-size:12px}.study-toolbar{position:fixed;inset:0 0 auto;z-index:25;display:flex;align-items:center;gap:20px;height:76px;padding:0 max(18px,calc((100vw - 1240px)/2));background:#ffffffe0;border-bottom:1px solid rgba(25,53,46,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toolbar-brand{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);font-size:18px;white-space:nowrap}.toolbar-console{display:flex;align-items:center;gap:6px;margin-left:auto}.toolbar-select,.toolbar-tool,.toolbar-icon,.toolbar-start,.toolbar-account,.mobile-book-button{border:0;border-radius:10px;background:transparent;color:var(--ink);font-weight:750}.toolbar-select{max-width:135px;padding:10px 9px;background:#fff}.toolbar-select:hover,.toolbar-tool:hover,.toolbar-icon:hover{background:var(--green-soft);color:var(--green)}.toolbar-tool{padding:9px 10px;color:var(--muted);font-size:13px}.toolbar-tool.active{background:var(--green-soft);color:var(--green)}.toolbar-icon{width:34px;height:34px;padding:0;color:var(--muted);font-size:20px}.toolbar-start{padding:11px 18px;background:var(--accent);color:#fff;box-shadow:0 6px 15px #315c4e33}.toolbar-account{display:grid;place-items:center;width:34px;height:34px;margin-left:8px;background:var(--green-soft);color:var(--green)}.toolbar-account span{font-size:12px}.mobile-book-button,.mobile-bottom-nav{display:none}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#111f1b4d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-drawer{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);overflow-y:auto;padding:24px 24px calc(30px + env(safe-area-inset-bottom));background:var(--card);box-shadow:-20px 0 60px #1432282e}.settings-drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.settings-drawer h2{margin:0}.icon-button{border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1}.drawer-section{display:grid;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.drawer-section h3{margin:0;font-size:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0;color:var(--ink);font-size:14px;font-weight:700}.setting-row span{display:grid;gap:4px}.setting-row small{color:var(--muted);font-size:11px;font-weight:500}.setting-row select{min-width:112px}.setting-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.setting-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--muted);font-size:13px}.setting-slider input{width:100%;padding:0;accent-color:var(--green)}.setting-slider output{min-width:42px;text-align:right;color:var(--ink);font-size:12px}.drawer-preview-row{display:flex;gap:8px}.drawer-preview{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px 10px;color:var(--green);font-size:12px;font-weight:750}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.book-card{display:grid;gap:7px;min-height:154px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#ffffffbf;color:var(--ink);text-align:left}.book-card:hover,.book-card.active{border-color:var(--green);box-shadow:0 9px 24px #27845f1f}.book-code{color:var(--green);font-size:13px;font-weight:900;letter-spacing:.06em}.book-card strong{font-size:20px}.book-card small{color:var(--muted);line-height:1.5}.book-card i{margin-top:auto;color:var(--muted);font-size:12px;font-style:normal}.chapter-section{padding-top:20px}.article-book-notice{max-width:600px;margin:auto}.training-page{min-height:100vh;background:linear-gradient(160deg,#f3f6fb,#fbfaf5);color:var(--ink)}.training-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;padding:0 max(16px,calc((100vw - 1040px)/2));background:#ffffffe0;border-bottom:1px solid rgba(25,53,46,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.training-exit,.training-actions button{border:0;background:transparent;color:var(--muted);font-size:22px}.training-location{display:flex;align-items:center;gap:10px;margin-right:auto}.training-location strong{color:var(--green)}.training-location span{color:var(--muted);font-size:13px}.training-actions{display:flex;gap:8px}.training-progress{height:5px;background:#dbe4df}.training-progress i{display:block;height:100%;background:var(--green);transition:width .25s}.training-stage{display:grid;place-items:center;min-height:calc(100vh - 73px);padding:30px 16px 60px}.training-word-card{width:min(680px,100%);min-height:430px;padding:42px 38px;text-align:center;background:#ffffffe6;border:1px solid rgba(25,53,46,.08);border-radius:24px;box-shadow:0 18px 60px #2043391a}.training-word-card h2{margin:45px 0 30px;font-size:42px}.training-word-card.is-typing{width:min(820px,100%);min-height:500px}.typing-word-display{display:flex;justify-content:center;flex-wrap:wrap;gap:.08em;margin:40px 0 16px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:clamp(38px,6vw,76px);font-weight:500;letter-spacing:.05em}.typing-word-display span{color:var(--ink);transition:color .12s,transform .12s}.typing-word-display span.correct{color:var(--green);transform:translateY(-2px)}.typing-word-display span.wrong{color:var(--red);transform:translateY(2px)}.word-meta{display:grid;gap:8px;color:var(--muted);font-size:14px}.word-meta button{border:0;background:transparent;color:var(--ink);font-size:15px}.typing-progress-letters{display:flex;justify-content:center;gap:5px;min-height:42px;flex-wrap:wrap}.typing-progress-letters span{display:grid;place-items:center;width:25px;height:34px;border-bottom:2px solid var(--line);color:#a0b0aa;font-weight:800;font-size:20px}.typing-progress-letters span.correct{border-color:var(--green);color:var(--green)}.typing-progress-letters span.wrong{border-color:var(--red);color:var(--red)}.training-word-card .typing-answer-area{max-width:620px;margin:28px auto 0}.training-word-card .typing-answer-area input{text-align:center}.training-word-card .typing-answer-area small{color:var(--muted);font-size:12px}.training-skip{margin-top:17px;border:1px solid var(--red);border-radius:10px;background:transparent;color:var(--red);padding:8px 13px;font-size:12px;font-weight:750}html.dark{--ink:#e7f1eb;--muted:#9aada4;--paper:#111a17;--card:#17231e;--green:#79d6a5;--green-soft:#1c4432;--red:#f18c87;--red-soft:#512c2d;--line:#34483f;--accent:#3f8065}html.dark body{background:linear-gradient(160deg,#111b18,#1c201d)}html.dark .study-toolbar,html.dark .training-topbar{background:#121e19e6}html.dark .toolbar-select,html.dark .secondary,html.dark .choice,html.dark .drawer-preview,html.dark .book-card{background:#1c2b25;color:var(--ink)}html.dark .card,html.dark .training-word-card{background:#17231ef0}html.dark .settings-drawer{background:var(--card)}html.dark .mobile-bottom-nav{background:#121e19f0}@media(max-width:700px){.study-toolbar{height:58px;padding:0 12px;gap:8px}.toolbar-brand{display:none}.toolbar-console{width:100%;justify-content:space-between;gap:5px;margin-left:0}.desktop-book-select,.desktop-tool,.toolbar-account{display:none}.mobile-book-button{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 6px;color:var(--ink)}.toolbar-select{max-width:120px;padding:9px 5px;font-size:13px}.toolbar-start{padding:10px 15px;font-size:13px}.mobile-bottom-nav{display:grid}.app-content{padding-top:58px}.training-stage{min-height:calc(100vh - 73px);padding:18px 12px 28px}.training-topbar{height:58px;padding:0 12px}.training-location{display:grid;gap:2px}.training-location span{font-size:11px}.training-word-card{min-height:420px;padding:32px 16px;border-radius:20px}.training-word-card.is-typing{min-height:500px;padding:28px 12px}.typing-word-display{margin:48px 0 14px;font-size:clamp(31px,10vw,58px)}.book-grid{grid-template-columns:1fr}.settings-drawer{width:100%;padding:20px 18px calc(24px + env(safe-area-inset-bottom))}}