@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.type-veil{z-index:6;border-radius:inherit;cursor:text;background:var(--surface);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.type-veil{background:color-mix(in srgb,var(--surface) 60%,transparent)}}.type-veil{-webkit-backdrop-filter:blur(7px)}.type-veil b{letter-spacing:.06em;color:var(--text);opacity:.92;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;padding:12px 26px;font-size:19px;font-weight:650}:root{--bg:#f6f7fb;--surface:#fff;--text:#171822;--muted:#62657a;--line:#e7e8ee;--purple:#7165eb;--purple-soft:#eeecff;--danger:#c4394b;--sidebar:#fcfcfe;--shadow:0 16px 50px #19163712}*{box-sizing:border-box}button,input,select{font:inherit}::placeholder{color:var(--muted);opacity:1}button{cursor:pointer}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,SF Pro Display,PingFang SC,Noto Sans,Arial,sans-serif}.app{background:var(--bg);min-height:100vh;color:var(--text);transition:all .25s}html.dark,.app.dark{--bg:#111218;--surface:#1b1c24;--text:#f2f2f6;--muted:#9697a4;--line:#2a2c37;--purple:#8a7dff;--purple-soft:#2b284c;--danger:#ff9aa5;--sidebar:#15161d;--shadow:0 18px 50px #00000040}.app{--sidebar-idle:220px;--sidebar-w:var(--sidebar-idle);--bar-h:0px;--header-h:64px;--page-x:clamp(32px,2.5vw,48px);--learn-w:1120px;--panel-w:1320px;--reading-w:1400px;--word-top:38vh;--word-top-zh:32vh;--strip-h:72px;--card-pad-t:64px;--air-min:12px;--word-air:max(var(--air-min),calc(var(--word-top) - var(--header-h) - var(--strip-h) - var(--card-pad-t)));--word:clamp(40px,5.3vh,110px);--word-zh:clamp(38px,5vh,104px);--word-zh-ladder:clamp(34px,4.7vh,94px);--stats-gap:clamp(16px,11vh,240px);--touch:40px}@media(max-width:1279px){.app{--sidebar-idle: calc(116px + env(safe-area-inset-left,0px)) ;--page-x:24px}}@media(max-width:640px){.app{--sidebar-idle:0px;--bar-h: calc(64px + env(safe-area-inset-bottom,0px)) ;--header-h:56px;--page-x:16px;--word-top:34vh;--word-top-zh:30vh;--strip-h:145px;--stats-gap:12px;--word:clamp(32px,4.6vh,44px);--word-zh:clamp(30px,4.3vh,40px);--word-zh-ladder:clamp(28px,4.1vh,38px)}}@media(pointer:coarse)and (min-width:641px){.app{--strip-h:99px}}@media(min-width:641px)and (max-height:800px){.app{--header-h:56px;--word-top:35vh;--word-top-zh:30vh;--word:clamp(36px,5.3vh,72px);--word-zh:clamp(34px,5vh,68px);--stats-gap:clamp(12px,6vh,60px)}}@media(max-height:560px){.app{--header-h:56px;--word-top:26vh;--word-top-zh:22vh;--air-min:8px;--word:clamp(30px,5vh,44px);--word-zh:clamp(28px,4.7vh,42px);--word-zh-ladder:clamp(26px,4.4vh,40px);--stats-gap:12px}}.app.focused{--sidebar-w:0px;--bar-h:0px;--strip-h:28px}@supports (height:1svh){@media(max-width:640px){.app{--word-top:34svh;--word-top-zh:30svh}}}.word-card h1.target-word.zh{font-family:Noto Serif SC,Songti SC,serif}.vocab-card.zh h3{letter-spacing:2px;font-family:Noto Serif SC,Songti SC,serif}.vocab-card.id h3{font-size:22px}.vocab-card p{min-height:16px}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:3;flex-direction:column;display:flex}.brand{color:var(--text);background:0 0;border:0;align-items:center;gap:11px;padding:0 9px 22px;font-size:19px;display:flex}.brand>span{background:var(--text);width:34px;height:34px;color:var(--surface);letter-spacing:-2px;border-radius:11px;place-items:center;font-size:14px;font-weight:850;display:grid}.brand b{letter-spacing:-.6px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav{height:44px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;padding:0 13px;font-size:14px;font-weight:600;display:flex}.nav i{text-align:center;width:19px;font-size:18px;font-style:normal}.nav:hover,.nav.active{background:var(--purple-soft);color:var(--purple)}.sidebar-bottom{margin-top:auto}.mini-progress{padding:13px}.mini-progress span{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.mini-progress b{color:var(--text)}.mini-progress>div{background:var(--line);border-radius:9px;height:5px;margin-top:8px;overflow:hidden}.mini-progress i{background:var(--purple);border-radius:9px;height:100%;display:block}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:18px 8px 2px;display:flex}.profile>span{color:#14583b;background:#c9f4df;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.profile div{flex-direction:column;line-height:1.2;display:flex}.profile b{font-size:13px}.profile small{color:var(--muted);margin-top:3px;font-size:10px}.profile>i{color:var(--muted);margin-left:auto;font-style:normal}.main>header{border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.main>header{background:color-mix(in srgb,var(--bg) 86%,transparent)}}.main>header{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.chapter{text-align:left;min-width:0;color:var(--text);background:0 0;border:0;flex:0 auto;padding:4px 0}.chapter small{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px;display:block}.chapter b{white-space:nowrap;font-size:14px;display:flex}.chapter b>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.chapter b>span:last-child{white-space:pre;flex:none}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.round{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;width:40px;height:40px;font-size:18px}.language{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:center;gap:4px;height:40px;padding:0 10px;display:flex}.language span{font-size:13px}.language select{color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.language option{color:#171822}.primary{color:#fff;background:#171822;border:0;border-radius:11px;align-items:center;gap:14px;height:40px;padding:0 14px 0 16px;font-weight:700;display:flex;box-shadow:0 7px 14px #0000001f}.primary.running{background:var(--purple)}.session-meta{color:var(--muted);letter-spacing:1.1px;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.session-meta b{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}.live{background:#6ddba5;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #6ddba529}.word-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate;text-align:center;border-radius:22px;position:relative;overflow:hidden}.word-count{color:var(--purple);font-size:12px;font-weight:800;position:absolute}.word-count span{color:var(--muted);font-weight:500}.sound{border:1px solid var(--line);background:var(--bg);color:var(--purple);border-radius:50%;position:absolute}.sound.speaking{background:var(--purple);color:#fff;animation:.85s infinite sound-pulse}@keyframes sound-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--purple) 18%,transparent)}}.word-card h1{font-family:Georgia,Times New Roman,serif;font-weight:500}.letter{border-bottom:2px solid #0000}.letter.right{color:var(--purple);border-color:var(--purple)}.letter.wrong{color:#ec5f6f;border-color:#ec5f6f}.phonetic{color:var(--muted)}.meanings{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:680px;margin:0 auto;display:flex}.meanings>span{padding:0 14px;font-size:14px;font-weight:650;line-height:1.4}.meanings small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-style:normal;font-weight:600;display:block}.hint{color:var(--muted);letter-spacing:.5px}.hint span{color:var(--purple)}.metrics{grid-template-columns:repeat(4,1fr);display:grid}.metric{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:15px;align-items:center;gap:12px;display:flex}.metric>i{background:#9185f5;border-radius:9px;width:7px;height:38px}.metric.mint>i{background:#61d0a0}.metric.amber>i{background:#f2bd63}.metric.blue>i{background:#69a7ec}.metric div{flex-direction:column;display:flex}.metric strong{letter-spacing:-.5px;font-size:19px}.metric span{color:var(--muted);margin-top:2px;font-size:10px}.panel-head span{letter-spacing:1.8px;color:var(--purple);font-size:10px;font-weight:800}.panel-head h1{margin:7px 0 clamp(16px,3vh,30px);font-family:Georgia,serif;font-size:clamp(28px,4.2vh,43px);font-weight:500}.toolbar{gap:10px;margin-bottom:18px;display:flex}.toolbar input{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;outline:0;flex:220px;height:44px;padding:0 16px}.toolbar button,.settings-grid button,.settings-grid select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:0 16px}.word-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px;display:grid}.vocab-card{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;border-radius:17px;padding:clamp(14px,1.6vw,21px);transition:all .18s;position:relative}.vocab-card:hover{border-color:var(--purple);box-shadow:var(--shadow);transform:translateY(-3px)}.vocab-card>span{color:var(--muted);font-size:9px;position:absolute;top:14px;right:16px}.vocab-card h3{margin:0 0 3px;font-family:Georgia,serif;font-size:24px}.vocab-card p{color:var(--muted);margin:0;font-size:11px}.vocab-card div{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:16px;padding-top:14px;display:flex}.vocab-card small{color:var(--muted)}.review-summary,.stats-top{gap:12px;margin-bottom:18px;display:grid}.review-summary{grid-template-columns:repeat(3,1fr)}.stats-top{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mistake-list{background:var(--surface);border:1px solid var(--line);border-radius:17px;flex-direction:column;display:flex;overflow:hidden}.mistake-list>button{border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;background:0 0;grid-template-columns:32px minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:12px;min-height:56px;padding:14px 16px;display:grid}.mistake-list>button b,.mistake-list>button em{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mistake-list em{color:var(--muted);font-size:12px;font-style:normal}.mistake-list i{color:var(--purple);font-size:11px;font-style:normal}.empty{text-align:center;padding:clamp(28px,6vh,70px) 20px}.empty>b{color:#278360;background:#e5f8ef;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;display:inline-grid}.empty h3{margin:15px 0 5px}.empty p{color:var(--muted);font-size:13px}.reading-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.reading-heading>div:first-child>span{color:var(--purple);letter-spacing:2px;font-size:9px;font-weight:800}.reading-heading h1{margin:5px 0;font-family:Georgia,serif;font-size:clamp(26px,3.8vh,39px);font-weight:500}.reading-heading p{color:var(--muted);margin:0;font-size:12px}.reading-filters{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:6px;padding:4px;display:flex}.reading-filters button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:11px}.reading-filters button.active{background:var(--purple-soft);color:var(--purple);font-weight:800}.reading-layout{grid-template-columns:clamp(240px,24%,300px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.reading-library,.typing-reader{background:var(--surface);border:1px solid var(--line);border-radius:19px}.reading-library{top:calc(var(--header-h) + 12px);max-height:calc(100vh - var(--header-h) - 24px);padding:14px;position:sticky;overflow:auto}.reading-library-title{justify-content:space-between;align-items:center;padding:7px 5px 15px;display:flex}.reading-library-title b{font-size:12px}.reading-library-title span{color:var(--muted);font-size:10px}.reading-list{flex-direction:column;gap:5px;display:flex}.reading-list button{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:32px 1fr 20px;align-items:center;gap:10px;min-height:48px;padding:11px 9px;transition:all .18s;display:grid}.reading-list button:hover{background:var(--bg)}.reading-list button.active{background:var(--purple-soft);border-color:var(--purple)}@supports (color:color-mix(in lab,red,red)){.reading-list button.active{border-color:color-mix(in srgb,var(--purple) 28%,transparent)}}.piece-language{color:#5449c8;background:#eae8ff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.piece-language.id{color:#1b6b4e;background:#e1f6ec}.piece-language.zh{color:#8a5a0e;background:#fff0d7}.reading-list button>div{flex-direction:column;min-width:0;display:flex}.reading-list small{letter-spacing:1px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reading-list b{white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-family:Georgia,Noto Serif SC,serif;font-size:14px;overflow:hidden}.reading-list em{color:var(--muted);font-size:9px;font-style:normal}.reading-list button>i{color:var(--muted);font-size:8px;font-style:normal}.typing-reader{box-shadow:var(--shadow);overflow:hidden}.reader-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 29px 18px;display:flex}.reader-top>div>span{color:var(--purple);letter-spacing:1.5px;font-size:8px;font-weight:800}.reader-top h2{margin:5px 0 3px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(22px,3vh,28px);font-weight:500}.reader-top p{color:var(--muted);margin:0;font-size:10px}.reader-top>button{border:1px solid var(--line);background:var(--bg);color:var(--purple);border-radius:12px;padding:9px 13px;font-size:10px}.reader-top>button span{color:var(--text);margin-left:5px}.passage-preview{border-bottom:1px solid var(--line);background:var(--bg);max-height:clamp(140px,26vh,320px);padding:20px 29px 14px;overflow:auto}@supports (color:color-mix(in lab,red,red)){.passage-preview{background:color-mix(in srgb,var(--bg) 45%,var(--surface))}}.passage-preview p{margin:2px 0;font-family:Georgia,Noto Serif SC,serif;font-size:14px;line-height:1.7;transition:all .2s}.passage-preview p>span{width:30px;color:var(--muted);font-family:Inter,sans-serif;display:inline-block}.passage-preview p.complete{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.passage-preview p.complete{-webkit-text-decoration-color:color-mix(in srgb,var(--muted) 30%,transparent);text-decoration-color:color-mix(in srgb,var(--muted) 30%,transparent)}}.passage-preview p.complete>span{color:#23815f;text-decoration:none}.passage-preview p.current{color:var(--text);font-weight:700}.passage-preview p.current>span{color:var(--purple)}.passage-preview p.waiting{color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.passage-preview p.waiting{color:color-mix(in srgb,var(--muted) 60%,transparent)}}.line-practice{padding:24px 29px 26px}.line-meta{color:var(--muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:9px;display:flex}.line-meta b{color:#23815f}.dark .line-meta b{color:#5fd39c}.target-line{letter-spacing:.5px;flex-wrap:wrap;justify-content:center;align-items:center;min-height:72px;padding:12px 5px;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.6vh,28px);line-height:1.5;display:flex}.target-line.zh{letter-spacing:3px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(22px,3vh,32px)}.target-line span{border-bottom:2px solid #0000;transition:all .1s}.target-line span.right{color:var(--purple);border-color:var(--purple)}.target-line span.wrong{color:#c4394b;background:#fff0f1;border-color:#e45c69}.dark .target-line span.wrong{color:#ff9aa5;background:#492a32}.target-line span.cursor{border-color:var(--purple);animation:.85s infinite typing-cursor}@keyframes typing-cursor{50%{border-color:#0000}}.reading-input-wrap{border:1px solid var(--line);background:var(--bg);border-radius:13px;align-items:center;padding:5px;display:flex}.reading-input-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.reading-input-wrap textarea{resize:none;min-width:0;height:44px;color:var(--text);text-align:center;background:0 0;border:0;outline:0;flex:1;padding:11px 12px;font-size:14px;overflow:hidden}.reading-input-wrap button{background:var(--line);height:40px;color:var(--muted);cursor:not-allowed;border:0;border-radius:9px;padding:0 13px;font-weight:750}.reading-input-wrap button.ready{background:var(--text);color:var(--surface);cursor:pointer}.reading-input-wrap button span{margin-left:6px}.typing-help{text-align:center;color:#c4394b;margin:8px 0 -10px;font-size:9px}.reader-footer{border-top:1px solid var(--line);padding:14px 29px 18px}.reader-footer>p{color:var(--muted);margin:0 0 12px;font-size:10px;line-height:1.6}.reader-footer>div{color:var(--muted);grid-template-columns:34px 1fr 38px;align-items:center;gap:9px;font-size:9px;display:grid}.reader-footer i{background:var(--line);border-radius:5px;height:4px;overflow:hidden}.reader-footer i b{background:var(--purple);border-radius:5px;height:100%;display:block}.reader-footer time{text-align:right;font-variant-numeric:tabular-nums}.reading-complete{text-align:center;padding:clamp(32px,6vh,66px) 24px}.reading-complete>span{color:#23815f;background:#dff7ec;border-radius:50%;place-items:center;width:55px;height:55px;margin:auto;font-size:23px;display:grid}.reading-complete>small{color:#23815f;letter-spacing:2px;margin-top:15px;font-size:8px;display:block}.reading-complete h2{margin:8px 0;font-family:Georgia,Noto Serif SC,serif;font-size:32px;font-weight:500}.reading-complete p{color:var(--muted);font-size:11px}.reading-complete>div{grid-template-columns:1fr 1fr;max-width:280px;margin:24px auto;display:grid}.reading-complete>div b{font-size:20px}.reading-complete>div small{color:var(--muted);font-size:9px}.reading-complete>button{background:var(--purple);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-size:11px;font-weight:700}.plan-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:16px;display:grid}.goal-card,.week,.chart-card,.setting{background:var(--surface);border:1px solid var(--line);border-radius:18px}.goal-card{padding:24px}.goal-card>span{color:var(--muted);font-size:11px}.goal-card>strong{float:right;color:var(--purple)}.goal-ring{--p:0deg;background:conic-gradient(var(--purple) var(--p),var(--line) 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(140px,18vh,165px);height:clamp(140px,18vh,165px);margin:26px auto 8px;display:flex;position:relative}.goal-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:12px}.goal-ring b,.goal-ring small{position:relative}.goal-ring b{font-size:33px}.goal-ring small{color:var(--muted)}.week{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;padding:clamp(14px,2vw,24px) clamp(8px,1.5vw,15px);display:grid}.week>div{text-align:center;flex-direction:column;gap:15px;display:flex}.week span,.week small{color:var(--muted);line-height:1.2}.week b{background:var(--bg);border-radius:50%;place-items:center;width:40px;height:40px;margin:auto;display:grid}.week .done b{color:#23785b;background:#dff7ec}.week .today b{background:var(--purple);color:#fff;box-shadow:0 0 0 5px var(--purple-soft)}.chart-card{padding:24px}.chart-card h3{margin:0}.chart-card p{color:var(--muted);margin:6px 0;font-size:12px}.bars{align-items:flex-end;gap:clamp(6px,1.5vw,20px);height:clamp(160px,26vh,280px);padding:20px clamp(0px,1vw,20px) 0;display:flex}.bars>span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bars i{background:linear-gradient(var(--purple),#b6affb);border-radius:7px 7px 2px 2px;width:100%;max-width:55px;display:block}.bars small{color:var(--muted);margin-top:10px}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px;display:grid}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:clamp(16px,1.6vw,22px);display:flex}.setting>div{flex:220px}.setting b{font-size:14px}.setting p{color:var(--muted);margin:5px 0 0;font-size:11px}.setting button,.setting select{min-width:0;max-width:100%;height:40px;padding:0 14px}.setting:last-child button{color:var(--danger)}.loading-screen{background:var(--bg);min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.loading-mark{background:var(--text);width:54px;height:54px;color:var(--surface);letter-spacing:-2px;border-radius:15px;place-items:center;font-size:20px;font-weight:850;animation:1.1s ease-in-out infinite lt-pulse;display:grid}@keyframes lt-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.loading-screen p{font-size:13px}.nav-badge{background:var(--purple);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-style:normal;font-weight:800;display:grid}.review-banner{background:var(--purple-soft);color:var(--purple);border:1px solid var(--purple);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.review-banner{border:1px solid color-mix(in srgb,var(--purple) 28%,transparent)}}.review-banner{border-radius:13px;margin-bottom:15px;padding:11px 16px;font-size:13px;font-weight:700}.review-banner button{background:var(--purple);color:#fff;border:0;border-radius:9px;padding:7px 14px;font-size:12px;font-weight:700}.review-cta{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:18px 22px;display:flex}.review-cta b{font-size:14px;display:block}.review-cta small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.review-cta button{background:var(--line);color:var(--muted);cursor:not-allowed;border:0;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:800}.review-cta button.ready{background:var(--purple);color:#fff;cursor:pointer;box-shadow:0 8px 18px var(--purple)}@supports (color:color-mix(in lab,red,red)){.review-cta button.ready{box-shadow:0 8px 18px color-mix(in srgb,var(--purple) 35%,transparent)}}.lang-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0f1973;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.lang-modal{background:var(--surface);width:100%;max-width:640px;color:var(--text);border-radius:22px;padding:34px 38px 28px;position:relative;box-shadow:0 30px 80px #0000004d}.lang-modal h2{margin:0 0 6px;font-size:24px}.lang-modal-subtitle{color:var(--muted);margin:0 0 22px;font-size:13px}.lang-modal-close{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;font-size:16px;display:grid;position:absolute;top:10px;right:10px}.lang-modal-section{border-top:1px solid var(--line);padding:18px 0 6px}.lang-modal-section h3{margin:0 0 3px;font-size:15px}.lang-modal-section>p{color:var(--muted);margin:0 0 13px;font-size:12px}.lang-cards{flex-direction:column;gap:10px;display:flex}.lang-card{text-align:left;border:1.5px solid var(--line);background:var(--surface);min-height:56px;color:var(--text);border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 18px;transition:all .15s;display:flex;position:relative}.lang-card:hover{border-color:var(--purple)}@supports (color:color-mix(in lab,red,red)){.lang-card:hover{border-color:color-mix(in srgb,var(--purple) 45%,var(--line))}}.lang-card.active{border-color:var(--purple);background:var(--purple-soft)}.lang-card b{font-size:15px}.lang-card small{color:var(--muted);font-size:11px}.lang-card span{background:var(--purple);position:absolute;top:50%;right:14px;transform:translateY(-50%)}@supports (color:color-mix(in lab,red,red)){.lang-card span{background:color-mix(in srgb,var(--purple) 16%,var(--surface))}}.lang-card span{color:var(--purple);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800}.lang-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.lang-modal-cancel{color:var(--text);background:0 0;border:0;border-radius:11px;min-height:44px;padding:11px 18px;font-weight:600}.lang-modal-cancel:hover{background:var(--bg)}.lang-modal-save{background:var(--purple);color:#fff;min-height:44px;box-shadow:0 8px 18px var(--purple);border:0;border-radius:11px;padding:11px 20px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.lang-modal-save{box-shadow:0 8px 18px color-mix(in srgb,var(--purple) 35%,transparent)}}.lang-modal-save:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.lang-card:disabled{opacity:.5;cursor:not-allowed}.lang-card:disabled:hover{border-color:var(--line)}@media(max-width:640px){.lang-modal{padding:24px 20px 20px}.lang-cards{gap:8px}.lang-card{padding:12px 14px}}.ghost-input{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute}.target-word.shake{animation:.3s word-shake}.zh-ladder{z-index:7;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 4px;display:flex;position:relative}.sound,.fav-btn,.speech-unlock{z-index:7}.zh-ladder button{border:1.5px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 15px 7px 7px;font-size:12px;font-weight:650;transition:all .15s;display:flex}.zh-ladder button i{background:var(--line);width:20px;height:20px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}.zh-ladder button:hover{border-color:var(--purple);color:var(--purple)}.zh-ladder button.on{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.zh-ladder button.on i{background:var(--purple);color:#fff}.speech-unlock{z-index:7;border:1.5px solid var(--purple);background:var(--purple-soft);color:var(--purple);box-shadow:var(--shadow);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:650;position:absolute}.speech-unlock:hover{background:var(--purple);color:#fff}.zh-step{flex-direction:column;align-items:center;gap:16px;margin-top:26px;display:flex}.zh-go{background:var(--purple);color:#fff;box-shadow:var(--shadow);border:0;border-radius:999px;align-items:center;gap:11px;padding:13px 30px;font-size:15px;font-weight:700;display:flex}.zh-go i{letter-spacing:.1em;opacity:.9;border:1px solid #ffffff8c;border-radius:6px;padding:3px 8px;font-size:10px;font-style:normal}.zh-options{grid-template-columns:repeat(4,1fr);gap:13px;width:min(560px,92%);display:grid}.zh-options button{border:2px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:19px 8px;font-family:Noto Serif SC,Songti SC,serif;font-size:27px;transition:all .15s}.zh-options button:hover{border-color:var(--purple);transform:translateY(-2px)}.zh-options button.ok{color:#12603f;background:#e6f8f0;border-color:#22aa72}.zh-options button.no{color:#8d1f31;background:#fdecef;border-color:#e2566a;animation:.3s word-shake}.zh-pinbox{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px;display:flex}.zh-pinbox .syl{letter-spacing:.13em;color:var(--muted);border-bottom:2px solid var(--line);padding:0 4px 5px;font-size:26px;transition:all .15s}.zh-pinbox .syl.now{color:var(--purple);border-color:var(--purple)}.zh-pinbox .syl.done{color:var(--text);border-color:var(--text)}.zh-typebox{text-align:center;letter-spacing:.08em;border:2px solid var(--line);background:var(--bg);width:min(430px,90%);color:var(--text);border-radius:14px;outline:none;padding:13px 18px;font-size:21px}.zh-typebox::placeholder{letter-spacing:.02em;color:var(--muted);opacity:1;font-size:14px}.zh-typebox:focus{border-color:var(--purple);background:var(--surface);box-shadow:0 0 0 4px var(--purple-soft)}.zh-tip{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:560px;font-size:12px;line-height:1.7;display:flex}.zh-skip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 13px;font-size:11px}@media(max-width:640px){.zh-options{grid-template-columns:repeat(2,1fr)}.zh-pinbox .syl{font-size:21px}}.ime-input{text-align:center;letter-spacing:.1em;border:2px solid var(--line);background:var(--bg);width:min(430px,88%);color:var(--text);opacity:1;border-radius:14px;outline:none;height:auto;margin:26px auto 0;padding:13px 18px;font-size:23px;line-height:1.35;transition:all .15s;display:block;position:relative}.ime-input::placeholder{letter-spacing:.04em;color:var(--muted);opacity:1;font-size:15px}.ime-input:focus{border-color:var(--purple);background:var(--surface);box-shadow:0 0 0 4px var(--purple-soft)}@media(max-width:640px){.ime-input{padding:11px 14px;font-size:19px}}@keyframes word-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.word-card{cursor:text}.library-section-title{justify-content:space-between;align-items:center;margin:26px 0 12px;display:flex}.library-section-title b{font-size:14px}.library-section-title span{color:var(--muted);font-size:11px}.dict-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px;margin-bottom:8px;display:grid}.dict-card{text-align:left;border:1.5px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;align-items:flex-start;gap:13px;padding:17px;transition:all .16s;display:flex;position:relative}.dict-card:hover{border-color:var(--purple);box-shadow:var(--shadow);transform:translateY(-2px)}.dict-card.active{border-color:var(--purple);background:var(--purple-soft)}.dict-card>div{flex-direction:column;gap:3px;min-width:0;display:flex}.dict-card b{font-size:14px}.dict-card p{color:var(--muted);margin:0;font-size:11px}.dict-card small{color:var(--purple);margin-top:4px;font-size:10px;font-weight:700}.dict-card em{color:var(--purple);font-style:normal;font-weight:800;position:absolute;top:11px;right:13px}.chapter-nav{align-items:center;gap:8px;display:flex}.chapter-nav b{color:var(--text);font-size:11px;font-weight:700}.chapter-nav button{border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);border-radius:8px;font-size:13px;line-height:1}.chapter-nav button:hover:not(:disabled){color:var(--purple);border-color:var(--purple)}.chapter-nav button:disabled{opacity:.35;cursor:default}.mode-row{flex-wrap:wrap;align-items:center;gap:6px 7px;margin:13px 0 -6px;display:flex}.mode-group{display:contents}.mode-group>span{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:10px}.mode-row button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:5px 11px;font-size:11px}.mode-row button.active{background:var(--purple-soft);color:var(--purple);border-color:var(--purple)}@supports (color:color-mix(in lab,red,red)){.mode-row button.active{border-color:color-mix(in srgb,var(--purple) 30%,transparent)}}.mode-row button.active{font-weight:700}.mode-row em{color:var(--purple);margin-left:4px;font-size:10px;font-style:normal}.letter.masked{color:#0000;border-bottom:2px solid var(--line)}.letter.wrong.masked{border-color:#ec5f6f}.target-word .letter.masked{text-shadow:none}.skip-btn{border:1px solid var(--line);background:var(--bg);color:var(--danger);border-radius:11px;margin-top:16px;padding:9px 16px;font-size:12px;font-weight:700}.skip-btn:hover{border-color:var(--danger)}.prevnext{color:var(--muted);justify-content:space-between;margin:12px 0;padding:0 6px;font-size:12px;display:flex}.prevnext span{white-space:nowrap;text-overflow:ellipsis;max-width:45%;overflow:hidden}.chapter-complete{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.chapter-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.chapter-actions button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 18px;font-size:12px;font-weight:700}.chapter-actions button:hover{border-color:var(--purple);color:var(--purple)}.chapter-actions button.go{background:var(--purple);border-color:var(--purple);color:#fff}.chapter-complete>div:not(.chapter-actions):not(.finish-wrong){grid-template-rows:auto auto;grid-auto-flow:column;justify-content:center;gap:3px 70px;max-width:none;margin:22px auto 8px;display:grid}.chapter-complete>div:not(.chapter-actions) b{font-size:23px}.finish-wrong{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;margin:8px auto 16px;display:flex}.finish-wrong span{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-direction:column;align-items:flex-start;padding:7px 12px;display:flex}.finish-wrong b{color:var(--danger);font-size:13px}.finish-wrong small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:10px;overflow:hidden}.chapter-select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;outline:0;max-width:170px;padding:4px 8px;font-size:11px;font-weight:700}.chapter-select:hover{border-color:var(--purple)}.fav-btn{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:50%;font-size:16px;line-height:1;position:absolute}.fav-btn:hover{color:#e9ae4e;border-color:#e9ae4e}.fav-btn.on{color:#e9ae4e;background:#e9ae4e;border-color:#e9ae4e}@supports (color:color-mix(in lab,red,red)){.fav-btn.on{background:color-mix(in srgb,#e9ae4e 12%,var(--surface))}}.loop-dots{gap:5px;display:flex;position:absolute}.loop-dots i{background:var(--line);border-radius:50%;width:7px;height:7px}.loop-dots i.on{background:var(--purple)}.fav-source{border:1.5px solid #e9ae4e}@supports (color:color-mix(in lab,red,red)){.fav-source{border:1.5px solid color-mix(in srgb,#e9ae4e 55%,var(--line))}}.fav-source{background:#e9ae4e}@supports (color:color-mix(in lab,red,red)){.fav-source{background:color-mix(in srgb,#e9ae4e 10%,var(--surface))}}.fav-source{color:#7a5410;border-radius:12px;margin-bottom:8px;padding:9px 15px;font-size:12px;font-weight:800}.fav-source.active{background:#e9ae4e}@supports (color:color-mix(in lab,red,red)){.fav-source.active{background:color-mix(in srgb,#e9ae4e 22%,var(--surface))}}.fav-source.active{border-color:#e9ae4e}.dark .fav-source{color:#e9ae4e}.heatmap{gap:4px;max-width:440px;padding:8px 4px 4px;display:flex}.heat-col{flex-direction:column;flex:1 1 0;gap:4px;display:flex}.heat{background:var(--line);border-radius:4px;width:15px;height:15px;display:block}.heatmap .heat{aspect-ratio:1;width:100%;max-width:28px;height:auto}.heat.l0{background:var(--line)}@supports (color:color-mix(in lab,red,red)){.heat.l0{background:color-mix(in srgb,var(--line) 70%,transparent)}}.heat.l1{background:#c9e8d6}.heat.l2{background:#8fd4ae}.heat.l3{background:#4bb183}.heat.l4{background:#2c8560}.dark .heat.l1{background:#1f4a37}.dark .heat.l2{background:#2c6b4e}.dark .heat.l3{background:#3f9b71}.dark .heat.l4{background:#59c793}.heat-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:5px;padding:8px 6px 0;font-size:10px;display:flex}.heat-legend i{border-radius:3px;width:13px;height:13px}.backup-row{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:18px 22px;display:flex}.backup-row b{font-size:14px;display:block}.backup-row small{color:var(--muted);max-width:520px;margin-top:4px;font-size:11px;display:block}.backup-btns{gap:10px;display:flex}.backup-btns button,.import-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:11px;padding:11px 18px;font-size:12px;font-weight:700}.backup-btns button:hover,.import-btn:hover{border-color:var(--purple);color:var(--purple)}.import-btn input{display:none}.reading-group{margin-bottom:6px}.reading-group-head{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:12px 9px 6px;display:flex;position:sticky;top:0}.reading-group-head span{color:var(--purple);letter-spacing:.5px;font-size:11px;font-weight:800}.reading-group-head em{color:var(--muted);background:var(--bg);border-radius:8px;padding:2px 8px;font-size:10px;font-style:normal}.reading-list button{flex-shrink:0;grid-template-columns:32px 1fr!important}.toolbar{flex-wrap:wrap}.global-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:12px;min-height:44px;padding:0 14px;font-size:12px;font-weight:700}.global-toggle:hover{border-color:var(--purple);color:var(--purple)}.global-toggle.on{background:var(--purple-soft);color:var(--purple);border-color:var(--purple)}@supports (color:color-mix(in lab,red,red)){.global-toggle.on{border-color:color-mix(in srgb,var(--purple) 30%,transparent)}}.vocab-card:has(.res-src){padding-top:44px}.res-src{letter-spacing:.3px;color:var(--purple);background:var(--purple-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;max-width:120px;padding:3px 7px;font-size:9px;font-weight:800;position:absolute;top:13px;right:14px;overflow:hidden}.res-src.id{color:#1b6b4e;background:#e1f6ec}.res-src.zh{color:#8a5a0e;background:#fff0d7}.dark .res-src.id{color:#6ddba5;background:#1f4a37}.dark .res-src.zh{color:#e9ae4e;background:#3a2f13}.word-card.zh-compact h1.target-word.zh{margin:6px 0 2px}.word-card.zh-compact .meanings{gap:7px;max-width:620px;margin-top:12px}.word-card.zh-compact .meanings>span{padding:5px 12px;font-size:13px}.word-card.zh-compact .meanings small{margin-bottom:3px}.word-card.zh-compact .zh-step{gap:11px;margin-top:14px}.word-card.zh-compact .zh-go{padding:11px 26px;font-size:14px}.word-card.zh-compact .zh-tip{margin:0}.word-card.zh-compact .zh-options{gap:10px}.word-card.zh-compact .zh-options button{padding:14px 8px;font-size:24px}.word-card.zh-compact .zh-pinbox{gap:13px}.word-card.zh-compact .ime-input,.word-card.zh-compact .hint{margin-top:14px}.member-view{flex-direction:column;gap:14px;max-width:940px;margin:0 auto;display:flex}.member-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:24px 26px}.member-card.offer{border-color:var(--purple)}@supports (color:color-mix(in lab,red,red)){.member-card.offer{border-color:color-mix(in srgb,var(--purple) 35%,var(--line))}}.member-card.offer{background:linear-gradient(180deg,var(--purple-soft) 0,var(--surface) 130px)}.offer-head{align-items:center;gap:14px;display:flex}.offer-head .crown{background:var(--purple);color:#fff;border-radius:13px;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.offer-head b{font-size:19px;display:block}.offer-head small{color:var(--muted);font-size:12px}.offer-price{align-items:baseline;gap:10px;margin:20px 0 12px;display:flex}.offer-price b{letter-spacing:-1px;font-size:38px}.offer-price span{color:var(--muted);font-size:12px}.seat-bar{background:var(--line);border-radius:6px;height:7px;overflow:hidden}.seat-bar i{background:var(--purple);border-radius:6px;height:100%;transition:width .4s;display:block}.seat-note{color:var(--muted);margin:8px 0 18px;font-size:12px}.feature-list{grid-template-columns:1fr 1fr;gap:9px 20px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;display:flex}.feature-list i{color:var(--purple);flex:none;font-style:normal;font-weight:800}.offer-cta{background:var(--purple);color:#fff;width:100%;box-shadow:0 10px 22px var(--purple);border:0;border-radius:13px;margin-top:22px;padding:14px;font-size:15px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.offer-cta{box-shadow:0 10px 22px color-mix(in srgb,var(--purple) 32%,transparent)}}.offer-hint{color:var(--muted);text-align:center;margin:10px 0 0;font-size:12px}.card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.card-head b{font-size:16px;display:block}.card-head small{color:var(--muted);font-size:12px}.pill{background:var(--purple-soft);color:var(--purple);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700}.ref-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;display:grid}.ref-grid label small{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.copy-row{gap:8px;display:flex}.copy-row input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);border-radius:10px;flex:1;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.copy-row button{border:1px solid var(--line);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:10px;padding:0 15px;font-size:12px;font-weight:650}.copy-row button:hover{border-color:var(--purple);color:var(--purple)}.ref-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.ref-stats .stat{border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.ref-stats .stat i{color:#278360;background:#e5f8ef;border-radius:11px;place-items:center;width:36px;height:36px;font-size:15px;font-style:normal;display:grid}.ref-stats .stat.amber i{color:#a1690f;background:#fdf1dc}.ref-stats .stat.blue i{color:#2f6bbd;background:#e6effc}.dark .ref-stats .stat i{background:#1f3a2e}.dark .ref-stats .stat.amber i{background:#3a2f14}.dark .ref-stats .stat.blue i{background:#1c2a40}.ref-stats .stat b{letter-spacing:-.3px;font-size:17px;display:block}.ref-stats .stat small{color:var(--muted);font-size:11px}.rule-table{border-collapse:collapse;width:100%}.rule-table td{border-bottom:1px solid var(--line);padding:11px 0;font-size:13.5px}.rule-table td:last-child{text-align:right;font-weight:650}.rule-table tr:last-child td{border-bottom:0}.rule-note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.7}.empty-records{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:13px;padding:34px;font-size:13px}.checkout{border:1px solid var(--line);background:var(--surface);border-radius:15px;margin-top:16px;padding:18px}.checkout-ref{border:1px dashed var(--purple);justify-content:space-between;align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.checkout-ref{border:1px dashed color-mix(in srgb,var(--purple) 45%,var(--line))}}.checkout-ref{background:var(--purple-soft);border-radius:12px;padding:12px 14px}.checkout-ref small{color:var(--muted);margin-bottom:3px;font-size:11px;display:block}.checkout-ref b{letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.checkout-ref button,.pay-row button{border:1px solid var(--line);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:9px;padding:7px 13px;font-size:12px;font-weight:650}.checkout-ref button:hover,.pay-row button:hover{border-color:var(--purple);color:var(--purple)}.checkout-lead{color:var(--muted);margin:12px 0 4px;font-size:12.5px;line-height:1.7}.pay-method{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.pay-method>small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:9px;font-size:11px;display:block}.pay-method img{border:1px solid var(--line);border-radius:12px;width:100%;max-width:230px}.pay-row{justify-content:space-between;align-items:center;gap:10px;padding:3px 0;font-size:14px;display:flex}.pay-row b{letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.pay-row span{color:var(--muted);font-size:13px}.wa-cta{text-align:center;color:#fff;background:#25d366;border-radius:12px;margin-top:16px;padding:13px;font-size:14px;font-weight:700;text-decoration:none;display:block}.app.focused .sidebar{visibility:hidden;opacity:0;width:var(--sidebar-idle);transform:translate(-100%)}.app.focused .main>header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0}.app.focused .chapter small,.app.focused .session-meta .chapter-nav,.app.focused .mode-row,.app.focused .prevnext,.app.focused .hint{display:none}.app.focused .meanings{max-width:560px}.mode-sep{background:var(--line);width:1px;height:14px;margin:0 6px;display:inline-block}.type-veil{-webkit-backdrop-filter:none;background:0 0;justify-content:center;align-items:flex-end;padding-bottom:20px}.type-veil b{letter-spacing:.04em;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600}@supports (color:color-mix(in lab,red,red)){.type-veil b{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.type-veil b{box-shadow:none;animation:2.6s ease-in-out infinite veil-breathe}@keyframes veil-breathe{0%,to{opacity:.7}50%{opacity:1}}.word-card:has(.type-veil) .target-word,.word-card:has(.type-veil) .phonetic,.word-card:has(.type-veil) .meanings>span{opacity:.55;transition:opacity .25s}@media(prefers-reduced-motion:reduce){.type-veil b{opacity:.8;animation:none}.sound.speaking,.loading-mark,.target-word.shake,.zh-options button.no,.target-line span.cursor{animation:none}.loading-mark{opacity:1}}.word-card:has(.type-veil) .hint{visibility:hidden}button.profile{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit}button.profile:hover{background:var(--purple-soft);border-radius:0 0 11px 11px}button.profile:hover>i{color:var(--purple)}.acct{max-width:520px}.acct-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 24px 20px}.acct-tabs{gap:6px;margin-bottom:20px;display:flex}.acct-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:11px;flex:1;padding:9px;font-size:13px;font-weight:650}.acct-tabs button.on{background:var(--purple-soft);color:var(--purple);border-color:var(--purple)}@supports (color:color-mix(in lab,red,red)){.acct-tabs button.on{border-color:color-mix(in srgb,var(--purple) 32%,transparent)}}.acct-field{margin-bottom:14px;display:block}.acct-field span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.acct-field input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:11px;outline:0;height:46px;padding:11px 13px;font-size:14px}.acct-field input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.acct-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:700}.acct-btn.primary{background:var(--purple);border-color:var(--purple);color:#fff;width:100%;margin-top:4px}.acct-btn.ghost{color:var(--muted)}.acct-btn:disabled{opacity:.6;cursor:default}.acct-actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.acct-link{color:var(--purple);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:12px}.acct-note{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.7}.acct-note code{background:var(--purple-soft);color:var(--purple);border-radius:5px;padding:2px 7px;font-weight:700}.acct-ok{color:#1d7d1d;margin-top:12px;font-size:12.5px;line-height:1.6}.acct-err{color:#d03b3b;margin-top:12px;font-size:12.5px;line-height:1.6}.dark .acct-err{color:#f07b7b}.dark .acct-ok{color:#6ddba5}.dark .typing-help{color:#f07b7b}.dark .reading-complete>small,.dark .passage-preview p.complete>span{color:#5fd39c}.dark .zh-options button.ok{color:#7fe0b3;background:#173a2c;border-color:#2c8a63}.dark .zh-options button.no{color:#ff9aa5;background:#492a32;border-color:#a34455}.dark .reading-complete>span,.dark .week .done b{color:#5fd39c;background:#173a2c}.acct-who{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.acct-who>span{color:#14583b;background:#c9f4df;border-radius:50%;place-items:center;width:44px;height:44px;font-size:17px;font-weight:800;display:grid}.acct-who div{flex-direction:column;line-height:1.3;display:flex}.acct-who b{font-size:15px}.acct-who small{color:var(--muted);font-size:11.5px}.acct-badge{letter-spacing:.4px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:7px;margin-left:auto;padding:4px 9px;font-size:10.5px;font-style:normal;font-weight:800}.acct-badge.on{color:var(--purple);background:var(--purple-soft);border-color:#0000}.acct-typo{text-align:left;cursor:pointer;color:#8a5a00;background:#fff8e6;border:1px solid #f0c36a;border-radius:10px;width:100%;margin:-6px 0 14px;padding:9px 12px;font-size:12.5px;line-height:1.5;display:block}.dark .acct-typo{color:#f0c36a;background:#332a12;border-color:#6b5320}.reading-list .reading-group-head{background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:11px 9px;transition:all .18s;display:flex}.reading-list .reading-group-head:hover{background:var(--bg)}.reading-list .reading-group.open>.reading-group-head{background:var(--purple-soft);border-color:var(--purple)}@supports (color:color-mix(in lab,red,red)){.reading-list .reading-group.open>.reading-group-head{border-color:color-mix(in srgb,var(--purple) 26%,transparent)}}.reading-group-head em{align-items:center;gap:6px;display:inline-flex}.reading-chevron{font-size:9px;font-style:normal;line-height:1;transition:transform .18s}.reading-group.open .reading-chevron{transform:rotate(180deg)}.reading-group-items{overscroll-behavior:contain;flex-direction:column;gap:5px;max-height:min(50vh,400px);margin-top:4px;padding-right:3px;display:flex;overflow-y:auto}@media(max-width:640px){.reading-list{flex-direction:column;overflow-x:visible}.reading-list .reading-group-head,.reading-list .reading-group-items button{min-width:0}.reading-group-items{max-height:46vh}}.word-card.zh-compact .meanings>span{font-size:clamp(13px,1.4vh,17px)}.word-card h1.target-word{overflow-wrap:anywhere}.word-card{box-shadow:none;background:0 0;border-color:#0000}.metrics{background:var(--surface);border:1px solid var(--line);border-radius:16px}.metrics .metric{background:0 0;border:0;justify-content:center}.phonetic{font-size:clamp(13px,1.9vh,24px)}.meanings>span{font-size:clamp(14px,1.55vh,20px)}.zh-annot{color:var(--purple);letter-spacing:.13em;cursor:pointer;margin:0;font-size:clamp(15px,2.1vh,27px);font-weight:700;line-height:1.25}.zh-annot.solo{margin-bottom:6px;font-size:clamp(24px,3.4vh,44px)}@media(max-width:640px){.zh-annot{font-size:clamp(13px,1.9vh,19px)}.zh-annot.solo{font-size:clamp(20px,2.9vh,30px)}}.app{overflow-x:clip}.sidebar{width:var(--sidebar-w);overscroll-behavior:contain;padding:22px 16px 18px;transition:transform .25s,opacity .25s,visibility .25s;position:fixed;inset:0 auto 0 0;overflow-y:auto}.main{margin-left:var(--sidebar-w);padding-bottom:var(--bar-h);padding-right:env(safe-area-inset-right,0px);flex-direction:column;min-width:0;min-height:100svh;transition:margin-left .25s;display:flex}.app.focused .main{padding-left:env(safe-area-inset-left,0px)}.main>header{height:var(--header-h);padding:0 var(--page-x);flex:none;gap:12px}.language select{cursor:pointer;align-self:stretch}.primary{background:var(--text);color:var(--surface)}@media(min-width:641px)and (max-width:1279px){.sidebar{padding:14px 6px 12px calc(6px + env(safe-area-inset-left,0px))}.brand{justify-content:center;padding:0 0 16px}.brand>span{width:40px;height:40px}.brand b,.mini-progress,.profile div,.profile>i{display:none}.sidebar nav{gap:2px}.nav{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;height:58px;padding:0 4px;font-size:12px;line-height:1;position:relative}.nav i{width:auto;font-size:20px}.nav span{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.05;display:block}.nav-badge{min-width:18px;height:18px;margin:0;position:absolute;top:6px;right:8px}.profile{border-top:0;justify-content:center;padding:12px 0 0}.profile>span{width:40px;height:40px}button.profile:hover{border-radius:11px}}@media(max-width:640px){.sidebar{width:auto;height:var(--bar-h);padding:6px env(safe-area-inset-right,0px) calc(6px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);z-index:10;border-top:1px solid var(--line);border-right:0;flex-direction:row;align-items:center;position:fixed;inset:auto 0 0;overflow:visible}.brand{display:none}.main{padding-left:env(safe-area-inset-left,0px)}.app.focused .sidebar{display:none}.sidebar nav{flex-direction:row;flex:7 1 0;gap:0;min-width:0}.nav{border-radius:11px;flex:1 1 0;justify-content:center;min-width:0;height:48px;padding:0;position:relative}.nav i{width:auto;font-size:22px}.nav span{display:none}.nav .nav-badge{border-radius:9px;min-width:18px;height:18px;margin:0;padding:0 4px;font-size:12px;position:absolute;top:2px;right:2px}.sidebar-bottom{flex:1 1 0;align-items:center;min-width:0;margin:0;display:flex}.mini-progress{display:none}.sidebar-bottom .profile{border:0;justify-content:center;height:48px;padding:0}.profile div,.profile>i{display:none}.profile>span{width:40px;height:40px}.sidebar-bottom .profile:hover{border-radius:11px}.main>header{gap:8px}.chapter small{display:none}.chapter b{font-size:13px}.round{display:none}.language{padding:0 6px}.language span{display:none}.primary{gap:8px;padding:0 12px}}.learn-view{width:100%;max-width:var(--learn-w);padding:12px var(--page-x) var(--stats-gap);flex-direction:column;flex:1;justify-content:flex-start;margin:0 auto;display:flex}.word-card{margin-top:var(--word-air);padding:var(--card-pad-t) clamp(12px,4vw,64px) 24px}.word-card.zh-compact{margin-top:max(var(--air-min),calc(var(--word-top-zh) - var(--header-h) - var(--strip-h) - var(--card-pad-t)));padding:var(--card-pad-t) clamp(12px,4vw,48px) 20px}.chapter-complete{margin-top:var(--word-air)}.word-card h1{font-size:calc(var(--word) * var(--word-scale,1));letter-spacing:.07em;margin:0 0 4px;line-height:1.15}.word-card h1.target-word.id{letter-spacing:.05em}.word-card h1.target-word.zh{font-size:var(--word-zh);letter-spacing:.16em;line-height:1.2}.word-card.zh-compact h1.target-word.zh{font-size:var(--word-zh-ladder)}.word-count{top:20px;left:max(clamp(12px,3vw,27px),50% - 300px)}.sound{width:40px;height:40px;top:16px;right:max(clamp(12px,3vw,27px),50% - 300px)}.fav-btn{width:40px;height:40px;top:16px;right:max(clamp(12px,3vw,27px) + 48px,50% - 252px)}.loop-dots{top:40px;left:max(clamp(12px,3vw,27px),50% - 300px)}.speech-unlock{margin:8px 0 10px;display:inline-block;position:relative}.phonetic{margin:6px 0 18px}.word-card .hint{margin-top:18px}.metrics{gap:0;width:min(100%,880px);margin:auto auto 0}.metric{padding:14px 16px}.word-card.zh-compact .phonetic{margin:4px 0 8px}.word-card.zh-compact .meanings{gap:4px;margin-top:8px}.word-card.zh-compact .meanings>span{padding:0 12px}.word-card.zh-compact .zh-ladder{margin:16px 0 2px}.word-card .meanings>span.meaning-extra{color:var(--muted);font-size:clamp(12px,1.3vh,16px);font-weight:500;line-height:1.45}.meaning-extra small{margin:0 8px 0 0;display:inline}.meaning-extra.example{font-style:italic}.word-card .meanings>span.meaning-missing{color:var(--muted);font-size:clamp(13px,1.4vh,17px);font-weight:500}.mistake-list em.meaning-missing,.finish-wrong small.meaning-missing,.vocab-card small.meaning-missing{font-style:italic}.meaning-def{color:var(--muted);font-style:normal;font-weight:500}.meaning-pick,.meaning-peek{z-index:7;border-radius:999px;padding:6px 16px;font-size:clamp(13px,1.4vh,17px);font-weight:650;position:relative}.meaning-pick{color:var(--purple);text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}select.meaning-pick{border:1.5px solid var(--purple)}@supports (color:color-mix(in lab,red,red)){select.meaning-pick{border:1.5px solid color-mix(in srgb,var(--purple) 45%,var(--line))}}select.meaning-pick{background:var(--surface);cursor:pointer}.meaning-pick option{color:#171822;background:#fff}.toolbar input:focus-visible,.chapter-select:focus-visible,.language:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.meaning-peek{border:1.5px dashed var(--line);color:var(--muted);background:0 0}.meaning-peek:hover{border-color:var(--purple);color:var(--purple)}.phonetic.pron-hidden{visibility:hidden}@media(pointer:coarse),(max-width:640px){.meaning-pick,.meaning-peek{min-height:var(--touch)}}@media(max-width:640px){.session-meta{gap:8px}.session-meta>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.session-meta .chapter-nav{min-width:0}.session-meta .chapter-select{flex:auto;min-width:0}.session-meta b{flex-shrink:0}.mode-group{scrollbar-width:thin;flex:0 0 100%;align-items:center;gap:7px;min-width:0;display:flex;overflow-x:auto}.mode-sep,.prevnext,.zh-tip{display:none}.zh-tip.has-skip{display:flex}.word-card h1{letter-spacing:.04em}.word-card h1.target-word.id{letter-spacing:.03em}.word-card h1.target-word.zh{letter-spacing:.12em}.metrics .metric{text-align:center;flex-direction:column;justify-content:center;gap:2px;padding:8px 4px}.metrics .metric>i{order:2;width:24px;height:3px}.metrics .metric div{align-items:center}.metrics .metric strong{font-size:15px}.metrics .metric span{min-height:2.4em;line-height:1.2}.header-actions{gap:6px}.ghost-input,.toolbar input,.acct-field input,.copy-row input,.reading-input-wrap textarea,.language select,.chapter-nav .chapter-select,select.meaning-pick{font-size:16px}}@media(min-width:641px)and (max-height:800px){.nav{height:40px}.phonetic{margin:4px 0 10px}.meanings{gap:8px}.word-card{padding-bottom:12px}.word-card .hint{margin-top:12px}.type-veil{padding-bottom:4px}.metric{padding:10px 14px}.metric strong{font-size:17px}}@media(min-width:641px)and (max-width:1279px)and (max-height:800px){.nav{height:50px}}@media(max-height:560px){.metrics{margin-top:12px}}.panel{width:100%;max-width:var(--panel-w);padding:clamp(18px,3.5vh,34px) var(--page-x) 40px;margin:0 auto}.reading-panel{width:100%;max-width:var(--reading-w);padding:clamp(18px,3vh,30px) var(--page-x) 40px;margin:0 auto}.target-line{text-align:center;align-content:center;display:block}.target-line span{white-space:pre-wrap}.lang-card{padding-right:96px}.dark .piece-language{color:#b9b0ff;background:#2b284c}.dark .piece-language.id{color:#6ddba5;background:#1f4a37}.dark .piece-language.zh{color:#e9ae4e;background:#3a2f13}.chart-card+.chart-card{margin-top:14px}@media(min-width:1280px){.panel:has(>.stats-top){grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.panel:has(>.stats-top)>.panel-head,.panel:has(>.stats-top)>.stats-top,.panel:has(>.stats-top)>.backup-row{grid-column:1/-1}.panel:has(>.stats-top)>.stats-top{margin-bottom:0}.panel:has(>.stats-top)>.chart-card,.panel:has(>.stats-top)>.backup-row{margin-top:0}}@media(max-width:1023px){.reading-layout{display:block}.reading-library{max-height:none;margin-bottom:12px;position:static}.reader-top,.passage-preview,.line-practice,.reader-footer{padding-left:20px;padding-right:20px}}@media(max-width:899px){.plan-layout,.feature-list,.ref-grid,.ref-stats{grid-template-columns:1fr}.member-card{padding:20px 16px}.offer-price b{font-size:clamp(28px,4vh,38px)}}@media(max-width:640px){.panel,.reading-panel{padding:16px var(--page-x) 32px}.toolbar input{flex:100%}.reading-heading{display:block}.reading-heading p{display:none}.reading-filters{margin-top:12px;overflow-x:auto}.reading-filters button{white-space:nowrap;flex:1}.reading-library-title{display:none}.reading-library{padding:10px}.reading-input-wrap textarea,.target-line{text-align:left}.reader-top,.passage-preview,.line-practice,.reader-footer{padding-left:16px;padding-right:16px}.reading-input-wrap{flex-wrap:wrap;gap:5px}.reading-input-wrap textarea{flex:100%}.reading-input-wrap button{flex:1}.review-summary{grid-template-columns:1fr 1fr}.review-summary .metric:last-child{grid-column:1/-1}.mistake-list>button{grid-template-columns:32px minmax(0,1fr);gap:2px 12px}.mistake-list>button span{grid-row:1/3}.mistake-list>button b,.mistake-list>button em{grid-column:2}.mistake-list>button em{white-space:normal}.mistake-list>button i{display:none}.rule-table td:last-child{white-space:nowrap}}@media(pointer:coarse),(max-width:640px){.chapter,.round,.language,.primary,.chapter-nav button,.chapter-select,.mode-row button,.zh-ladder button,.zh-skip,.speech-unlock,.skip-btn,.reading-filters button,.category-tabs button,.global-toggle,.fav-source,.reader-top>button,.reading-input-wrap button,.review-banner button,.review-cta button,.chapter-actions button,.reading-complete>button,.setting button,.setting select,.acct-tabs button,.acct-link,.acct-btn,.acct-typo,.checkout-ref button,.pay-row button,.copy-row button,.backup-btns button,.import-btn,.lang-modal-cancel,.lang-modal-save{min-height:var(--touch)}.chapter-nav button,.lang-modal-close{width:var(--touch);height:var(--touch)}.chapter-nav button{border-radius:10px}.acct-link{align-items:center;display:inline-flex}.profile>span{width:40px;height:40px}}.chapter small,.session-meta,.sound,.hint,.meanings small,.word-card.zh-compact .meanings small,.metric span,.mini-progress span,.profile small,.panel-head span,.vocab-card>span,.vocab-card p,.mistake-list i,.reading-heading>div:first-child>span,.reading-filters button,.reading-library-title span,.piece-language,.reading-list small,.reading-list em,.reader-top>div>span,.reader-top p,.reader-top>button,.passage-preview p>span,.line-meta,.reading-input-wrap button,.typing-help,.reader-footer>p,.reader-footer>div,.reading-complete>small,.reading-complete p,.reading-complete>div small,.reading-complete>button,.goal-card>span,.week span,.week small,.setting p,.nav-badge,.review-cta small,.lang-card small,.lang-card span,.zh-go i,.zh-skip,.zh-ladder button i,.mode-group>span,.mode-row button,.mode-row em,.chapter-nav b,.chapter-select,.finish-wrong small,.heat-legend,.backup-row small,.reading-group-head span,.reading-group-head em,.reading-chevron,.res-src,.dict-card p,.dict-card small,.library-section-title span,.offer-price span,.pill,.ref-grid label small,.ref-stats .stat small,.checkout-ref small,.pay-method>small,.acct-field span,.acct-badge,.acct-who small,.type-veil b,.speech-unlock,.bars small{font-size:12px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.category-tabs{display:flex;gap:8px;margin:-10px 0 16px;overflow-x:auto;scrollbar-width:thin;padding:4px 1px}.category-tabs button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:12px}.category-tabs button.active{border-color:var(--purple);background:var(--purple-soft);color:var(--purple);font-weight:800}.category-tabs small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--bg);font-size:12px}.toolbar{align-items:center}.toolbar>span{color:var(--muted);font-size:12px;white-space:nowrap}.vocab-card>em{display:block;margin-top:9px;color:var(--purple);font-style:normal;font-size:12px;font-weight:750;letter-spacing:.5px;text-transform:uppercase}.source-note{margin-top:20px;padding:19px 21px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.source-note b{font-size:12px;color:var(--purple);letter-spacing:.8px;text-transform:uppercase}.source-note p{font-size:13px;font-weight:750;margin:7px 0}.source-note p a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--purple)}@media(pointer:coarse),(max-width:640px){.source-note p a{display:inline-block;padding:11px 0}}.source-note p a:hover{color:var(--purple)}.source-note span{color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:640px){.category-tabs{margin-top:-5px}.category-tabs button{padding:8px 11px}.toolbar{align-items:stretch}.toolbar>span{display:flex;align-items:center}.source-note{padding:16px}}