:root{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizeLegibility;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--sidebar-width: 250px;--topbar-height: 68px;--content-gutter: 36px}:root,html[data-theme=light]{color-scheme:light;--surface-page: #f8fafb;--surface-raised: #ffffff;--surface-subtle: #fbfdfc;--surface-elevated: #ffffff;--surface-overlay: rgb(255 255 255 / 96%);--surface-topbar: rgb(255 255 255 / 94%);--surface-mobile-nav: rgb(255 255 255 / 96%);--surface-brand: #f6fcf9;--surface-brand-start: #f6fcf9;--surface-brand-end: #eef9f4;--surface-control-disabled: #eef2f1;--text-primary: #26364d;--text-secondary: #5f7085;--text-muted: #64748b;--text-strong: #203e34;--text-inverse: #ffffff;--text-disabled: #b8c2cc;--border-subtle: #edf1f3;--border-default: #e4ebf0;--border-strong: #d4dfe7;--border-brand: #bfe3d3;--border-brand-strong: #8dceb2;--border-focus: #4bb898;--brand-primary: #129b72;--brand-primary-strong: #087f5b;--brand-primary-soft: #eaf8f2;--brand-primary-wash: #f4fbf8;--brand-on-primary: #ffffff;--hero-highlight: rgb(255 255 255 / 72%);--state-info: #3974c2;--state-info-soft: #eef5ff;--state-warning: #b87917;--state-warning-soft: #fff6e7;--state-danger: #d64b4b;--state-danger-soft: #fff0f0;--state-success: #218161;--state-success-soft: #eaf7f0;--state-neutral: #718093;--state-neutral-soft: #f0f3f5;--state-accent: #7561c9;--state-accent-soft: #f3f0ff;--focus-ring: #54ad98;--focus-glow: rgb(75 184 152 / 15%);--brand-glow: rgb(18 155 114 / 12%);--overlay-backdrop: rgb(19 31 26 / 38%);--shadow-card: 0 5px 20px rgb(38 66 82 / 6%);--shadow-popover: 0 16px 38px rgb(38 66 82 / 16%);--shadow-nav: 0 8px 24px rgb(38 66 82 / 8%);--shadow-brand: 0 8px 20px rgb(18 155 114 / 12%);--shadow-control: 0 1px 3px rgb(33 53 64 / 20%);--markdown-code: #f4f6f4;--markdown-quote-border: #c2dcd0;--markdown-quote-text: #657c6e;--markdown-link: #087f5b;--markdown-highlight: #fff1cc;--markdown-mark-blue: #3478b9;--markdown-mark-red: #c6574c;--markdown-mark-green: #288b64;--markdown-annotation: #fff1cc;--chart-grid: #e8eef1;--chart-line: #35b98e;--chart-bar: #32ad86;--chart-empty: #dfe7eb;--chart-new: #cfd9df;--progress-track: #edf1f3;--color-primary: var(--brand-primary);--color-primary-strong: var(--brand-primary-strong);--color-primary-soft: var(--brand-primary-soft);--color-primary-wash: var(--brand-primary-wash);--color-blue: #2f80ed;--color-blue-soft: var(--state-info-soft);--color-orange: #f59e0b;--color-orange-soft: var(--state-warning-soft);--color-red: #e35d5d;--color-red-soft: var(--state-danger-soft);--color-purple: var(--state-accent);--color-purple-soft: var(--state-accent-soft);--color-page: var(--surface-page);--color-surface: var(--surface-raised);--color-surface-subtle: var(--surface-subtle);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-border: var(--border-default);--color-border-strong: var(--border-strong);--color-focus: var(--border-focus);--green: var(--brand-primary);--muted: var(--text-muted);--border: var(--border-default)}html[data-theme=dark]{color-scheme:dark;--surface-page: #111815;--surface-raised: #171f1b;--surface-subtle: #1c2521;--surface-elevated: #222d28;--surface-overlay: rgb(34 45 40 / 98%);--surface-topbar: rgb(17 24 21 / 94%);--surface-mobile-nav: rgb(17 24 21 / 96%);--surface-brand: #192a23;--surface-brand-start: #1c3028;--surface-brand-end: #17251f;--surface-control-disabled: #2a3530;--text-primary: #e7ece9;--text-secondary: #b5c1ba;--text-muted: #85938b;--text-strong: #edf1ef;--text-inverse: #102018;--text-disabled: #66736c;--border-subtle: rgb(255 255 255 / 7%);--border-default: rgb(255 255 255 / 11%);--border-strong: rgb(255 255 255 / 18%);--border-brand: rgb(96 211 169 / 42%);--border-brand-strong: rgb(120 217 180 / 68%);--border-focus: #67d5b0;--brand-primary: #3bbd91;--brand-primary-strong: #78d9b4;--brand-primary-soft: rgb(59 189 145 / 18%);--brand-primary-wash: rgb(59 189 145 / 10%);--brand-on-primary: #102018;--hero-highlight: rgb(184 255 225 / 12%);--state-info: #79a9ef;--state-info-soft: rgb(121 169 239 / 16%);--state-warning: #edbf76;--state-warning-soft: rgb(237 191 118 / 16%);--state-danger: #ef8f8f;--state-danger-soft: rgb(239 143 143 / 16%);--state-success: #78d7ad;--state-success-soft: rgb(120 215 173 / 16%);--state-neutral: #b8c4c0;--state-neutral-soft: rgb(184 196 192 / 13%);--state-accent: #b2a9ee;--state-accent-soft: rgb(178 169 238 / 16%);--focus-ring: #8be4c2;--focus-glow: rgb(103 213 176 / 22%);--brand-glow: rgb(59 189 145 / 22%);--overlay-backdrop: rgb(3 8 6 / 62%);--shadow-card: 0 8px 24px rgb(0 0 0 / 24%);--shadow-popover: 0 18px 44px rgb(0 0 0 / 42%);--shadow-nav: 0 10px 28px rgb(0 0 0 / 34%);--shadow-brand: 0 8px 22px rgb(0 0 0 / 26%);--shadow-control: 0 1px 3px rgb(0 0 0 / 35%);--markdown-code: #202a25;--markdown-quote-border: #4e806b;--markdown-quote-text: #a6b8ae;--markdown-link: #78d9b4;--markdown-highlight: #5b4b20;--markdown-mark-blue: #8cb8f0;--markdown-mark-red: #f09c9c;--markdown-mark-green: #87d9b2;--markdown-annotation: #5b4b20;--chart-grid: rgb(255 255 255 / 12%);--chart-line: #63d2aa;--chart-bar: #55c99f;--chart-empty: #3b4842;--chart-new: #526159;--progress-track: #34423b;--color-primary: var(--brand-primary);--color-primary-strong: var(--brand-primary-strong);--color-primary-soft: var(--brand-primary-soft);--color-primary-wash: var(--brand-primary-wash);--color-blue: var(--state-info);--color-blue-soft: var(--state-info-soft);--color-orange: var(--state-warning);--color-orange-soft: var(--state-warning-soft);--color-red: var(--state-danger);--color-red-soft: var(--state-danger-soft);--color-purple: var(--state-accent);--color-purple-soft: var(--state-accent-soft);--color-page: var(--surface-page);--color-surface: var(--surface-raised);--color-surface-subtle: var(--surface-subtle);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-border: var(--border-default);--color-border-strong: var(--border-strong);--color-focus: var(--border-focus);--green: var(--brand-primary);--muted: var(--text-muted);--border: var(--border-default)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:var(--text-primary);background:var(--surface-page);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;accent-color:var(--brand-primary)}html{scrollbar-color:var(--border-strong) var(--surface-page);scrollbar-width:thin}a{color:var(--brand-primary);text-decoration:none}button,input,select{font:inherit}input,select,textarea{color-scheme:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}button,select,summary{cursor:pointer}button{border:0}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.secondary-button,.dictionary-link{min-height:42px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:.025em;margin-bottom:0;font-weight:650}h2{font-size:17px;margin-bottom:16px;font-weight:650}h3{font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--surface-raised);border-right:1px solid var(--border-default);padding:28px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-.6px}.brand small{display:block;font-size:11px;letter-spacing:.18em;font-weight:400;color:var(--text-muted);margin-top:3px}.brand-mark{background:var(--brand-primary);color:var(--brand-on-primary);width:35px;height:39px;border-radius:9px 9px 3px;display:grid;place-items:center;font-family:serif;font-size:24px}.sidebar nav{margin-top:45px;display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:15px;font-weight:600}.nav-item:hover,.nav-item.router-link-active{background:var(--brand-primary-soft);color:var(--brand-primary-strong)}.nav-item>span{font-size:21px;line-height:1}.sidebar-note{margin-top:auto;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border-default);padding-top:20px}.sidebar-note p{margin:12px 0 0;font-size:11px}.status-dot{display:inline-block;height:6px;width:6px;background:var(--brand-primary);border-radius:50%;margin-right:8px;vertical-align:middle}.workspace{margin-left:232px;width:calc(100% - 232px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--border-default);background:var(--surface-topbar);padding:0 36px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-muted)}.local-label{font-size:12px}main{padding:36px;width:100%;max-width:1500px;margin:0 auto;flex:1}.app-footer{border-top:1px solid var(--border-default);color:var(--text-muted);padding:22px 36px;display:flex;justify-content:space-between;font-size:11px;gap:16px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;color:var(--text-muted);letter-spacing:.16em;margin-bottom:10px}.library-total{margin:0 0 4px;color:var(--text-muted);font-size:14px}.library-total strong{color:var(--brand-primary-strong);font-size:20px;font-weight:600}.page-description{color:var(--text-secondary);margin:12px 0 28px;font-size:14px}.search-form{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 17px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:9px;max-width:900px;box-shadow:var(--shadow-control)}.search-symbol{color:var(--text-muted);font-size:26px;line-height:1}.search-form input{width:100%;min-width:0;border:0;background:transparent;outline-offset:0;min-height:42px;font-size:14px}.search-form input::placeholder{color:var(--text-muted)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:10px 18px;font-size:13px;white-space:nowrap}.primary-button{background:var(--brand-primary);color:var(--brand-on-primary)}.primary-button:hover{background:var(--brand-primary-strong)}.secondary-button{background:var(--surface-elevated);border:1px solid var(--border-strong);color:var(--text-secondary)}.secondary-button:not(:disabled):hover{background:var(--brand-primary-soft)}.text-button{color:var(--text-muted);background:transparent;white-space:nowrap;padding:4px;font-size:12px}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.library-tab{color:var(--brand-primary-strong);font-size:14px;font-weight:600;background:var(--brand-primary-soft);border-radius:6px;padding:11px 17px}.sort-control{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}select{border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-elevated);color:var(--text-primary);padding:10px;min-height:42px}.result-summary{color:var(--text-muted);font-size:12px;margin:19px 0 13px}.vocabulary-table{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.table-heading,.vocabulary-row{display:grid;grid-template-columns:30px 140px 160px minmax(0,1fr) 76px 12px;gap:18px;align-items:center;padding:18px 22px}.table-heading{background:var(--surface-subtle);color:var(--muted);font-size:12px;padding-top:16px;padding-bottom:16px}.vocabulary-row{border-top:1px solid var(--border);color:var(--text-secondary);min-height:104px}.vocabulary-row-shell{position:relative}.vocabulary-row:hover{background:var(--brand-primary-wash)}.entry-term{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.entry-pinyin{color:var(--text-secondary);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.entry-excerpt{font-size:13px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.6em}.entry-excerpt img{display:none}.entry-excerpt.markdown-content p{margin:0}.sentiment{display:inline-block;justify-self:start;align-self:center;padding:4px 9px;border-radius:5px;font-size:11px;color:var(--text-secondary);background:var(--state-neutral-soft);white-space:nowrap}.sentiment.positive{color:var(--brand-primary-strong);background:var(--state-success-soft)}.sentiment.negative{color:var(--state-warning);background:var(--state-warning-soft)}.row-arrow{color:var(--text-secondary);font-size:22px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:12px;color:var(--muted)}.pagination>div{display:flex;gap:10px}.empty-state{text-align:center;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:10px;padding:60px 24px;margin-top:20px;line-height:1.8;color:var(--text-secondary)}.empty-state h1,.empty-state h2{font-size:22px;color:var(--text-primary);margin-bottom:18px}.breadcrumb{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:22px}.panel{padding:25px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:9px;min-width:0}.panel h2{display:flex;align-items:center;gap:10px}.panel h2:before{content:"";width:3px;height:15px;background:var(--brand-primary);border-radius:2px}.detail-hero{display:flex;justify-content:space-between;gap:16px;padding:30px;margin-bottom:20px}.detail-hero h1{font-size:42px;overflow-wrap:anywhere}.detail-hero>div{min-width:0}.detail-pinyin{color:var(--text-secondary);margin:16px 0 0;overflow-wrap:anywhere}.detail-pinyin span{display:inline-block;font-size:11px;color:var(--muted);margin:0 0 0 16px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:20px;align-items:start}.detail-content,.detail-aside{display:grid;gap:16px;min-width:0}.markdown-content{line-height:1.85;overflow-wrap:anywhere;color:var(--text-primary)}.detail-content .markdown-content{font-size:14px;color:var(--text-secondary)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:1.4em 0 .55em;color:var(--text-primary);line-height:1.35}.markdown-content h1{font-size:1.7em}.markdown-content h2{font-size:1.35em}.markdown-content h3{font-size:1.15em}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:1em}.markdown-content code{padding:.12em .35em;border-radius:4px;background:var(--markdown-code);color:var(--text-strong);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}.markdown-content pre code{padding:0;background:transparent;color:inherit;font-size:inherit}.markdown-content hr{margin:22px 0;border:0;border-top:1px solid var(--border-default)}.markdown-content strong{color:var(--text-strong)}.markdown-content a{color:var(--markdown-link)}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{margin-bottom:12px}.markdown-content pre{background:var(--markdown-code);padding:16px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}.markdown-content img{max-width:100%;height:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--surface-subtle)}.markdown-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.markdown-content td,.markdown-content th{padding:8px;border:1px solid var(--border)}.markdown-content th{background:var(--surface-subtle);color:var(--text-primary);font-weight:650;text-align:left}.markdown-content td{color:var(--text-secondary)}.markdown-content blockquote{margin:14px 0;padding:4px 16px;border-left:3px solid var(--markdown-quote-border);color:var(--markdown-quote-text)}.markdown-content a{text-decoration:underline}.markdown-content mark{background:var(--markdown-highlight);color:inherit;padding:1px 2px;border-radius:2px}.markdown-content ul,.markdown-content ol{padding-left:23px}.markdown-content li::marker{color:var(--brand-primary-strong)}.meaning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}.meaning-card{background:var(--brand-primary-wash);border:1px solid var(--border-default);border-radius:6px;padding:15px;min-width:0}.meaning-card h3{color:var(--green);margin-bottom:8px}.examples{padding-left:22px;margin:0}.examples li{margin-bottom:12px;padding-left:4px}.examples li::marker{color:var(--green);font-size:13px}.examples li:last-child{margin-bottom:0}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.term-chips{display:flex;flex-wrap:wrap;gap:8px}.term-chips a{background:var(--brand-primary-wash);border:1px solid var(--border-default);border-radius:4px;padding:8px 10px;font-size:13px;overflow-wrap:anywhere;max-width:100%}.term-chips a:hover{background:var(--brand-primary-soft)}.muted{color:var(--muted);font-size:12px;line-height:1.8}.panel>.muted:last-child{margin-bottom:0}.dictionary-link{border:1px solid var(--border-default);border-radius:6px;padding:13px;display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px}.source-info dl{margin:0;font-size:12px}.source-info dt{color:var(--muted);margin:16px 0 7px}.source-info dd{margin:0;line-height:1.7}.stable-id{overflow-wrap:anywhere;font-family:monospace}.source-warnings{font-size:12px;color:var(--state-warning);line-height:1.8}.source-warnings ul{padding-left:18px;margin-bottom:0}.raw-sources details{padding-top:15px;margin-top:12px;border-top:1px solid var(--border)}summary{font-size:13px;color:var(--green);min-height:28px}details[open]>summary{margin-bottom:14px}.source-mark.wavy-blue,.source-mark.wavy-red{text-decoration:underline wavy var(--markdown-mark-blue);text-underline-offset:4px}.source-mark.wavy-red{text-decoration-color:var(--markdown-mark-red)}.source-mark.double-green{text-decoration:underline double var(--markdown-mark-green);text-underline-offset:4px}.source-mark.annotation-bubble{background:var(--markdown-highlight);border-radius:4px;padding:3px 5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:15px;padding:12px;background:var(--surface-raised);z-index:5;clip-path:inset(50%)}.skip-link:focus{top:10px;clip-path:none}@media (max-width: 1200px){.sidebar{width:208px;padding:25px 16px}.brand{font-size:20px}.workspace{margin-left:208px;width:calc(100% - 208px)}main{padding:28px}.table-heading,.vocabulary-row{grid-template-columns:30px 110px 125px minmax(0,1fr) 65px 10px;gap:12px;padding-left:17px;padding-right:17px}.detail-layout{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.panel{padding:20px}}@media (max-width: 900px){.sidebar{width:180px}.brand{font-size:16px;gap:7px}.brand-mark{width:29px;height:34px;font-size:20px}.workspace{margin-left:180px;width:calc(100% - 180px)}.table-heading{display:none}.vocabulary-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:20px}.vocabulary-row:first-child{border-top:0}.entry-term{grid-column:1;grid-row:1}.entry-pinyin{grid-column:1;grid-row:2}.entry-excerpt{grid-column:1 / -1;grid-row:3;margin-top:7px}.sentiment{grid-column:2;grid-row:1}.row-arrow{grid-column:2;grid-row:2;justify-self:end}.detail-layout{grid-template-columns:1fr}.detail-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:16px;flex-direction:row;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid var(--border);gap:12px}.sidebar nav{margin:0}.brand{font-size:18px}.brand small{font-size:9px}.nav-item{padding:10px 12px;font-size:12px;gap:8px}.nav-item>span{font-size:17px}.sidebar-note,.topbar{display:none}.workspace{margin:0;width:100%;min-height:calc(100vh - 74px)}main{padding:25px 16px}h1{font-size:26px}.library-total{font-size:12px}.library-total strong{font-size:18px}.page-description{font-size:12px;margin-bottom:22px}.search-form{padding-left:11px;gap:7px}.search-form input{font-size:16px}.search-symbol{display:none}.primary-button{padding:10px 13px}.library-toolbar{margin-top:20px}.library-tab{font-size:12px;padding:11px}.sort-control{gap:7px;font-size:11px}select{max-width:155px;padding:10px 6px;font-size:11px}.pagination{flex-wrap:wrap}.pagination>div{margin-left:auto}.app-footer{padding:20px 16px;font-size:10px}.detail-hero{padding:22px;align-items:flex-start}.detail-hero h1{font-size:32px}.detail-pinyin{font-size:14px;line-height:1.8}.detail-pinyin span{display:block;margin:5px 0 0}.detail-hero>.sentiment{align-self:flex-start;margin-top:3px}.two-columns,.detail-aside,.meaning-grid{grid-template-columns:1fr}.panel{padding:20px}}.learning-page,.settings-page{display:grid;gap:20px}.learning-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.learning-heading .page-description{margin-bottom:0}.learning-heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.learning-plan-summary{display:grid;grid-template-columns:180px 180px minmax(0,1fr);gap:18px;align-items:stretch;padding:18px}.learning-count-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 10px;align-items:center;padding:14px 15px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-subtle);color:var(--muted);font-size:12px}.learning-count-card.new-count-card{border-color:var(--border-default);background:var(--surface-subtle)}.learning-count-icon{display:grid;place-items:center;grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--brand-primary-soft);color:var(--green);font-size:20px}.new-count-card .learning-count-icon{background:var(--state-info-soft);color:var(--state-info)}.learning-count-card strong{color:var(--text-secondary);font-size:24px;line-height:1;font-weight:650}.learning-count-card small{color:var(--muted);font-size:10px}.learning-plan-note{display:grid;align-content:center;gap:7px;padding:10px 17px;border-left:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.7}.learning-plan-note strong{color:var(--text-secondary);font-size:14px}.learning-progress-row{display:flex;justify-content:space-between;gap:12px;max-width:900px;width:100%;margin:2px auto -8px;color:var(--muted);font-size:12px}.task-kind,.recall-kind,.recall-due-note{padding:4px 9px;border-radius:5px;background:var(--brand-primary-soft);color:var(--green);font-size:11px}.recall-card{max-width:900px;width:100%;margin:0 auto;padding:27px 34px 31px}.recall-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}.recall-due-note{background:var(--state-warning-soft);color:var(--state-warning)}.recall-prompt{display:grid;place-items:center;min-height:250px;padding:35px 15px;text-align:center}.recall-prompt h2{margin:0;color:var(--text-strong);font-size:clamp(34px,6vw,54px);letter-spacing:.08em;line-height:1.35}.recall-prompt p{margin:15px 0 0;color:var(--muted);font-size:14px}.reveal-answer-button{display:flex;width:min(230px,100%);margin:0 auto}.recall-answer{display:grid;gap:18px;padding:24px 0 5px;border-top:1px solid var(--border)}.recall-pinyin{display:flex;align-items:baseline;gap:13px;color:var(--muted);font-size:12px}.recall-pinyin strong{color:var(--green);font-size:18px;font-weight:500}.answer-section{min-width:0;color:var(--text-secondary)}.answer-section h3{margin-bottom:8px;color:var(--text-secondary);font-size:13px}.answer-section .markdown-content{font-size:14px;line-height:1.85}.answer-section .markdown-content p:last-child{margin-bottom:0}.recall-examples{margin:0;padding-left:21px;font-size:13px;line-height:1.8}.recall-examples li{padding-left:4px;margin-bottom:8px}.recall-examples li:last-child{margin-bottom:0}.recall-examples li::marker{color:var(--green)}.recall-relations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.recall-answer .term-chips span{display:inline-block;max-width:100%;padding:7px 10px;border:1px solid var(--border-default);border-radius:4px;background:var(--brand-primary-wash);color:var(--brand-primary-strong);font-size:12px;overflow-wrap:anywhere}.recall-tips{padding:13px 15px;border:1px solid var(--border-default);border-radius:6px;background:var(--state-warning-soft)}.recall-tips .markdown-content+.markdown-content{margin-top:9px}.feedback-section{margin-top:19px;padding-top:20px;border-top:1px solid var(--border)}.feedback-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.feedback-heading h3{margin:0;color:var(--text-secondary);font-size:14px}.feedback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.feedback-button{display:grid;gap:5px;min-height:67px;padding:10px 8px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-raised);color:var(--text-secondary);text-align:center}.feedback-button:hover:not(:disabled){background:var(--brand-primary-wash);border-color:var(--border-brand-strong)}.feedback-button strong{font-size:13px}.feedback-button small{color:var(--muted);font-size:10px}.feedback-forgot{color:var(--state-danger)}.feedback-fuzzy{color:var(--state-warning)}.feedback-remembered,.feedback-easy{color:var(--green)}.recall-action-error{margin:16px 0 -5px}.learning-empty-state,.learning-complete-state{margin-top:0}.learning-empty-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 17px;border-radius:50%;background:var(--state-success-soft);color:var(--green);font-size:25px}.settings-layout{display:grid;gap:16px;max-width:900px}.settings-card{padding:25px 28px}.settings-card .panel-heading-row{align-items:center}.settings-card .panel-heading-row h2{margin-bottom:7px}.settings-card .panel-heading-row .muted{margin-bottom:0}.settings-value-badge{flex-shrink:0;padding:8px 12px;border-radius:6px;background:var(--state-success-soft);color:var(--green);font-size:13px}.daily-limit-options{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:19px}.limit-option,.custom-limit-option{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:12px}.limit-option:has(input:checked){border-color:var(--border-brand-strong);background:var(--brand-primary-soft);color:var(--green)}.limit-option input,.custom-limit-option input,.strategy-option input{accent-color:var(--green)}.custom-limit-option{border-color:transparent;padding-left:3px}.custom-limit-option input{width:70px;min-height:38px;padding:7px 8px;border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary)}.strategy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.strategy-option{display:flex;align-items:flex-start;gap:10px;min-height:69px;padding:13px 14px;border:1px solid var(--border-default);border-radius:7px;color:var(--text-secondary);cursor:pointer}.strategy-option:has(input:checked){border-color:var(--border-brand-strong);background:var(--brand-primary-wash)}.strategy-option strong,.strategy-option small{display:block}.strategy-option strong{font-size:13px}.strategy-option small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.interval-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0;margin:17px 0 0;list-style:none}.interval-list li{display:grid;gap:5px;padding:11px 12px;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-subtle)}.interval-list li span,.interval-list li small{color:var(--muted);font-size:10px}.interval-list li strong{color:var(--green);font-size:15px;font-weight:600}.settings-note{margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.save-confirmation{color:var(--green);font-size:12px}@media (max-width: 900px){.learning-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-plan-note{grid-column:1 / -1;border-top:1px solid var(--border);border-left:0;padding:14px 3px 2px}}@media (max-width: 640px){.learning-heading{flex-direction:column}.learning-heading-actions .secondary-button{align-self:flex-start}.learning-heading-actions{align-items:flex-start;flex-wrap:wrap}.learning-plan-summary{gap:9px;padding:12px}.learning-count-card{grid-template-columns:27px minmax(0,1fr);gap:0 7px;padding:11px 9px}.learning-count-icon{width:27px;height:27px;font-size:17px}.learning-count-card strong{font-size:20px}.learning-progress-row{margin-top:0}.recall-card{padding:20px 18px 22px}.recall-prompt{min-height:190px;padding:28px 8px}.recall-relations,.strategy-options{grid-template-columns:1fr}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-heading{display:grid;gap:5px}.settings-card{padding:20px}.settings-card .panel-heading-row{align-items:flex-start}.settings-value-badge{padding:6px 8px;font-size:11px}.daily-limit-options{gap:7px}.limit-option{flex:1;justify-content:center;padding:7px 5px}.custom-limit-option{width:100%;padding-left:0}.interval-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-actions{justify-content:flex-start;flex-wrap:wrap}}.panel-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading-row h2{margin-bottom:0}.favorite-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-raised);color:var(--text-secondary);font-size:13px;white-space:nowrap}.favorite-button:hover,.favorite-button.active{border-color:var(--border-brand-strong);background:var(--brand-primary-soft);color:var(--green)}.favorite-button>span:first-child{color:var(--text-muted);font-size:20px;line-height:1}.favorite-button.active>span:first-child{color:var(--state-warning)}.favorite-button.compact{min-height:32px;width:32px;padding:2px;border:0;background:transparent}.favorite-button.compact>span:first-child{font-size:22px}.favorite-button.compact:hover,.favorite-button.compact.active{background:var(--brand-primary-soft)}.inline-error{margin:10px 0 0;color:var(--state-danger);font-size:12px;line-height:1.7}.home-page,.tags-page{display:grid;gap:20px}.home-hero{display:flex;align-items:center;justify-content:space-between;min-height:154px;padding:29px 36px;border:1px solid var(--border-default);border-radius:12px;background:var(--brand-primary-soft);overflow:hidden}.home-hero h1{margin-bottom:12px;color:var(--text-strong)}.home-hero p:last-child{margin-bottom:0;color:var(--text-secondary);font-size:15px}.home-hero-mark{display:grid;place-items:center;width:94px;height:94px;border:1px solid var(--border-default);border-radius:50%;background:var(--state-success-soft);color:var(--green);font-family:serif;font-size:42px;transform:rotate(8deg)}.home-overview{padding:25px 28px}.home-overview .muted{margin-top:1px}.overview-grid{display:grid;grid-template-columns:150px repeat(4,minmax(0,1fr));gap:0;align-items:center;margin-top:20px}.progress-ring{display:grid;place-content:center;width:116px;height:116px;margin:0 auto;border-radius:50%;background:conic-gradient(var(--brand-primary) var(--progress),var(--progress-track) 0);text-align:center;position:relative}.progress-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--surface-raised)}.progress-ring strong,.progress-ring span{position:relative;z-index:1}.progress-ring strong{color:var(--green);font-size:24px;line-height:1.25}.progress-ring span{color:var(--muted);font-size:11px}.overview-metric{min-height:78px;padding:4px 22px;border-left:1px solid var(--border)}.overview-metric span,.overview-metric small{display:inline-block;color:var(--muted);font-size:12px}.overview-metric strong{display:block;margin:9px 0 1px;color:var(--green);font-size:28px;line-height:1;font-weight:650}.home-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-state-card{display:grid;grid-template-columns:39px minmax(0,1fr);gap:0 12px;align-items:center;padding:19px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-raised)}.home-state-card .state-icon{display:grid;place-items:center;grid-row:span 2;width:39px;height:39px;border-radius:50%;background:var(--brand-primary-soft);color:var(--green);font-size:21px}.home-state-card>div span,.home-state-card small{color:var(--muted);font-size:12px}.home-state-card>div strong{display:block;margin-top:5px;color:var(--text-secondary);font-size:21px;font-weight:650}.home-state-card small{grid-column:2;margin-top:7px;line-height:1.5}.favorite-state .state-icon{background:var(--state-warning-soft);color:var(--state-warning)}.tag-state .state-icon{background:var(--state-info-soft);color:var(--state-info)}.note-state .state-icon{background:var(--state-accent-soft);color:var(--state-accent)}.home-actions{padding:25px 28px 21px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised)}.home-actions .eyebrow{margin-bottom:7px}.home-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.home-entry{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:75px;padding:15px 18px;border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary)}.home-entry:hover{background:var(--surface-subtle);border-color:var(--border-brand-strong)}.home-entry.primary-entry{border-color:var(--green);background:var(--green);color:var(--brand-on-primary)}.home-entry.primary-entry:hover{background:var(--brand-primary-strong)}.entry-icon{font-size:22px;color:var(--brand-primary-strong);text-align:center}.primary-entry .entry-icon{color:var(--brand-on-primary)}.home-entry strong,.home-entry small{display:block}.home-entry strong{font-size:14px}.home-entry small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.primary-entry small{color:var(--brand-primary-soft)}.entry-count{color:var(--green);font-size:17px;font-weight:650}.primary-entry .entry-count{color:var(--brand-on-primary)}.home-boundary{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.filter-tabs,.library-controls{display:flex;align-items:center;gap:8px}.library-filter{display:inline-flex;align-items:center;min-height:42px;padding:9px 18px;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-raised);color:var(--text-secondary);font-size:13px}.library-filter:hover,.library-filter.active{border-color:var(--border-brand-strong);background:var(--brand-primary-soft);color:var(--green);font-weight:600}.library-controls{flex-wrap:wrap;justify-content:flex-end}.library-controls .sort-control{gap:7px}.library-controls select{max-width:190px}.entry-excerpt{display:block;min-width:0;max-height:none}.entry-excerpt-text,.entry-tags{display:block}.entry-tags{margin-top:8px}.user-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin:0 5px 5px 0;padding:3px 7px;border:1px solid var(--border-default);border-radius:5px;background:var(--brand-primary-wash);color:var(--text-secondary);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.user-tag button{min-height:16px;padding:0 2px;background:transparent;color:var(--brand-primary-strong);font-size:15px;line-height:1}.user-tag button:hover{color:var(--state-danger)}.vocabulary-row-shell .vocabulary-row{padding-right:118px}.row-favorite-button{position:absolute;top:50%;left:15px;z-index:2;transform:translateY(-50%)}.row-tag-editor{position:absolute;right:19px;bottom:9px;z-index:2}.row-tag-editor summary{padding:3px 5px;border-radius:4px;background:var(--surface-raised);color:var(--green);font-size:11px}.row-tag-editor[open]{right:10px;bottom:8px;width:min(320px,calc(100% - 20px));padding:10px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-raised);box-shadow:var(--shadow-popover)}.tag-editor:not(.compact-tag-editor){padding:22px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised)}.tag-editor h2{margin-bottom:14px}.tag-editor-body{display:grid;gap:8px}.tag-editor-label{color:var(--muted);font-size:11px}.preset-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.tag-option{min-height:29px;padding:5px 8px;border:1px solid var(--border-default);border-radius:5px;background:var(--surface-subtle);color:var(--brand-primary-strong);font-size:11px}.tag-option:hover{background:var(--brand-primary-soft)}.custom-tag-form{display:grid;gap:7px;margin-top:8px}.custom-tag-form>div{display:flex;gap:7px}.custom-tag-form input,.custom-tag-form select,.new-tag-form input,.new-tag-form select,.user-note-panel textarea{width:100%;min-width:0;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-raised);color:var(--text-secondary);padding:9px 10px}.custom-tag-form label,.new-tag-form label{color:var(--text-secondary);font-size:12px}.compact-tag-editor .custom-tag-form{grid-template-columns:minmax(0,1fr) auto}.compact-tag-editor .custom-tag-form input{grid-column:1}.compact-tag-editor .custom-tag-form button{grid-column:2;grid-row:1}.user-note-panel{min-width:0}.user-note-panel form{margin-top:14px}.user-note-panel textarea{display:block;resize:vertical;line-height:1.7}.user-note-content{margin:14px 0 0;padding:13px 15px;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-subtle);color:var(--text-secondary);white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.note-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.danger-button{color:var(--state-danger)}.detail-hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px;flex-shrink:0}.detail-action-error{margin:-5px 0 15px}.personal-status-panel p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:11px 0;border-bottom:1px solid var(--border)}.personal-status-panel p:last-child{border-bottom:0;padding-bottom:0}.personal-status-panel strong{color:var(--green);font-size:12px;font-weight:600}.tags-heading{align-items:center}.tags-heading .page-description{margin-bottom:0}.personal-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.personal-summary-card{display:grid;grid-template-columns:40px auto minmax(0,1fr) auto;gap:0 10px;align-items:center;padding:17px 19px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised);color:var(--muted);font-size:12px}.summary-icon{display:grid;place-items:center;grid-row:span 2;width:39px;height:39px;border-radius:50%;color:var(--green);background:var(--state-success-soft);font-size:21px}.summary-icon.tag-icon{color:var(--state-info);background:var(--state-info-soft)}.summary-icon.note-icon{color:var(--state-accent);background:var(--state-accent-soft)}.personal-summary-card strong{color:var(--text-secondary);font-size:24px;line-height:1;font-weight:650}.personal-summary-card small{color:var(--muted);font-size:11px}.tags-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px;align-items:start}.tag-list-panel,.personal-entries-panel{min-width:0}.tag-list-panel .panel-heading-row{align-items:center;margin-bottom:12px}.tag-list-panel h2{margin-bottom:0}.new-tag-details{position:relative}.new-tag-details>summary{padding:7px 9px;border-radius:5px;background:var(--green);color:var(--brand-on-primary);font-size:11px;list-style:none;white-space:nowrap}.new-tag-details>summary::-webkit-details-marker{display:none}.new-tag-form{position:absolute;top:38px;right:0;z-index:4;display:grid;gap:8px;width:230px;padding:13px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-raised);box-shadow:var(--shadow-popover)}.new-tag-form .primary-button{min-height:36px;padding:7px 10px;font-size:12px}.new-tag-form small{color:var(--muted);font-size:10px;line-height:1.5}.tag-filter-item{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:41px;margin-top:6px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-secondary);text-align:left;font-size:12px}.tag-filter-item:hover,.tag-filter-item.active{border-color:var(--border-brand-strong);background:var(--brand-primary-soft);color:var(--green)}.tag-filter-item strong{color:var(--muted);font-weight:500}.tag-filter-item small{color:var(--muted);font-size:10px}.favorite-filter{border-bottom:1px solid var(--border);border-radius:7px 7px 0 0;margin-bottom:7px}.tag-list-empty{margin:16px 5px 0}.personal-entries-panel>.panel-heading-row{align-items:center;margin-bottom:14px}.personal-entries-panel .panel-heading-row h2{margin-bottom:5px}.personal-entries-panel .panel-heading-row .muted{margin:0}.personal-entry-list{overflow:visible;border:1px solid var(--border);border-radius:7px}.personal-entry-row{display:grid;position:relative;grid-template-columns:34px minmax(0,1fr) minmax(100px,.65fr) auto;gap:12px;align-items:center;min-height:83px;padding:11px 14px;border-top:1px solid var(--border)}.personal-entry-row:first-child{border-top:0}.personal-entry-link{display:grid;gap:3px;min-width:0;color:var(--text-secondary)}.personal-entry-link:hover strong{color:var(--green)}.personal-entry-link strong{font-size:14px}.personal-entry-link span,.personal-entry-link small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-entry-link span,.personal-entry-link small{font-size:11px}.personal-entry-tags{min-width:0}.personal-entry-row .compact-tag-editor{position:static;min-width:62px}.personal-entry-row .compact-tag-editor summary{color:var(--green);font-size:11px}.personal-entry-row .compact-tag-editor[open]{position:absolute;right:20px;z-index:3;width:min(320px,calc(100% - 40px));padding:12px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-raised);box-shadow:var(--shadow-popover)}.compact-empty-state{margin-top:0;padding:40px 20px}.feature-placeholder{max-width:700px;margin:42px auto}.feature-placeholder .eyebrow,.feature-placeholder p{margin-bottom:10px}.placeholder-note{color:var(--muted);font-size:13px}.placeholder-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}.statistics-page,.settings-page{display:grid;gap:20px}.statistics-overview,.hardest-panel{padding:25px 28px}.statistics-generated,.preview-applied-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:5px;background:var(--brand-primary-soft);color:var(--green);font-size:11px}.statistics-state-grid{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.statistics-state-card{min-width:0;padding:16px 15px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle)}.statistics-state-card span,.statistics-state-card small{display:block;color:var(--muted);font-size:11px}.statistics-state-card strong{display:block;margin:10px 0 5px;color:var(--text-secondary);font-size:27px;line-height:1}.statistics-state-card small{line-height:1.5}.total-stat{background:var(--brand-primary-soft);border-color:var(--border-brand)}.total-stat strong,.mastered-stat strong{color:var(--green)}.new-stat strong{color:var(--text-muted)}.learning-stat strong{color:var(--state-warning)}.reviewing-stat strong{color:var(--state-info)}.statistics-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(190px,.7fr);gap:16px}.activity-card,.streak-card{min-width:0;padding:22px 23px}.activity-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.activity-card-heading .eyebrow{margin-bottom:7px}.activity-card-heading h2{margin-bottom:0}.activity-total{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-primary-soft);color:var(--green);font-size:20px;font-weight:650}.activity-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 16px}.activity-breakdown div{padding:10px 9px;border-left:1px solid var(--border)}.activity-breakdown span,.activity-breakdown strong{display:block}.activity-breakdown span{color:var(--muted);font-size:11px}.activity-breakdown strong{margin-top:7px;color:var(--text-secondary);font-size:22px}.activity-card>.muted,.streak-card>.muted{margin:0;font-size:11px;line-height:1.6}.streak-card{background:var(--surface-subtle)}.streak-card .eyebrow{margin-bottom:7px}.streak-card h2{margin-bottom:10px}.streak-card>strong{color:var(--green);font-size:46px;line-height:1}.streak-card>span{margin-left:7px;color:var(--muted);font-size:13px}.streak-card>.muted{margin-top:18px}.hardest-panel .panel-heading-row{align-items:center;margin-bottom:14px}.hardest-panel h2{margin-bottom:0}.hardest-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.hardest-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:65px;border-bottom:1px solid var(--border)}.hardest-rank{color:var(--text-muted);font-size:12px;text-align:center}.hardest-term{display:grid;gap:3px;min-width:0;color:var(--text-secondary)}.hardest-term:hover strong{color:var(--green)}.hardest-term strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.hardest-term small,.hardest-review-count{color:var(--muted);font-size:11px}.hardest-metric{color:var(--state-danger);font-size:11px;white-space:nowrap}.hardest-metric strong{font-size:17px}.statistics-empty{padding:25px 0 5px;color:var(--muted);font-size:13px}.statistics-empty p{margin-bottom:10px}.settings-page{gap:20px}.data-management-card{padding:25px 28px}.data-management-card>.panel-heading-row{margin-bottom:18px}.data-management-card h3{margin-bottom:9px}.data-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.data-management-column{min-width:0;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle)}.data-management-column>.muted{min-height:42px;font-size:12px;line-height:1.7}.file-picker-label{display:inline-flex;align-items:center;min-height:38px;margin-top:4px;padding:8px 13px;border:1px solid var(--border-default);border-radius:6px;background:var(--brand-primary-wash);color:var(--green);font-size:12px;cursor:pointer}.file-picker-label:hover{background:var(--brand-primary-soft)}.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.markdown-dropzone{display:grid;gap:5px;min-height:82px;margin-top:12px;padding:16px;border:1px dashed var(--border-default);border-radius:7px;background:var(--surface-raised);color:var(--text-secondary);align-content:center;text-align:center}.markdown-dropzone span{color:var(--muted);font-size:11px}.data-status{margin:10px 0 0;color:var(--muted);font-size:12px}.save-confirmation{margin:10px 0 0;color:var(--green);font-size:12px;line-height:1.6}.backup-column>.secondary-button{margin:2px 0 13px}.import-preview,.backup-preview{margin-top:18px;padding:19px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-brand)}.import-preview .panel-heading-row{align-items:center}.import-preview h3,.backup-preview h3{margin-bottom:5px}.import-preview .muted{margin:0;overflow-wrap:anywhere;font-size:10px}.import-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px}.import-summary-grid div{padding:10px 8px;border:1px solid var(--border-default);border-radius:5px;background:var(--surface-raised);text-align:center}.import-summary-grid span,.import-summary-grid strong{display:block}.import-summary-grid span{color:var(--muted);font-size:10px}.import-summary-grid strong{margin-top:6px;color:var(--green);font-size:20px}.import-detail-list{display:grid;gap:7px;margin-top:14px}.import-detail-list details,.missing-source-panel{padding:10px 12px;border:1px solid var(--border-default);border-radius:5px;background:var(--surface-raised);color:var(--text-secondary);font-size:11px;line-height:1.65}.import-detail-list summary{color:var(--green);font-weight:600}.import-detail-list ul,.missing-source-panel ul{max-height:210px;margin:9px 0 0;padding-left:19px;overflow:auto}.missing-source-panel{margin-top:14px}.missing-source-panel h4{margin:0 0 5px;color:var(--text-secondary);font-size:12px}.missing-source-panel p{margin-bottom:7px}.import-preview-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.backup-preview p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}@media (max-width: 1100px){.overview-grid{grid-template-columns:125px repeat(4,minmax(0,1fr))}.overview-metric{padding:4px 13px}.vocabulary-row-shell .vocabulary-row{padding-right:98px}}@media (max-width: 900px){.home-state-grid,.personal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 0}.progress-ring{grid-row:span 2}.overview-metric:nth-of-type(3){border-left:0}.tags-layout{grid-template-columns:1fr}.tag-list-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tag-list-panel .panel-heading-row{grid-column:1 / -1}.tag-filter-item{margin-top:0}.personal-entry-row{grid-template-columns:34px minmax(0,1fr) auto}.personal-entry-tags{grid-column:2}.personal-entry-row .compact-tag-editor{grid-column:3;grid-row:1 / span 2}.table-heading{display:none}.vocabulary-row{grid-template-columns:34px minmax(0,1fr) auto;gap:6px 14px;padding:20px}.vocabulary-row>span:first-child{grid-column:1;grid-row:1 / span 2}.vocabulary-row .entry-term{grid-column:2;grid-row:1}.vocabulary-row .entry-pinyin{grid-column:2;grid-row:2}.vocabulary-row .entry-excerpt{grid-column:1 / -1;grid-row:3;margin-top:7px}.vocabulary-row .sentiment{grid-column:3;grid-row:1}.vocabulary-row .row-arrow{grid-column:3;grid-row:2;justify-self:end}.vocabulary-row-shell .vocabulary-row{padding-right:92px}.row-favorite-button{left:16px}.row-tag-editor{right:13px}}@media (max-width: 640px){.sidebar nav{display:flex;flex:1;min-width:0;margin:0;overflow-x:auto}.nav-item{flex-shrink:0;white-space:nowrap}.home-hero{min-height:130px;padding:22px}.home-hero p:last-child{font-size:13px}.home-hero-mark{width:62px;height:62px;font-size:28px}.home-overview,.home-actions{padding:20px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-ring{width:90px;height:90px}.progress-ring strong{font-size:19px}.overview-metric{padding:3px 10px}.overview-metric strong{font-size:22px}.home-state-grid,.personal-summary-grid,.home-entry-grid{grid-template-columns:1fr}.home-entry{min-height:68px}.library-toolbar{align-items:flex-start;flex-wrap:wrap}.library-controls{width:100%;justify-content:space-between}.library-controls .sort-control{min-width:0}.library-controls select{max-width:142px}.vocabulary-row-shell .vocabulary-row{padding-right:78px}.row-tag-editor{right:8px;bottom:7px}.row-tag-editor summary{font-size:10px}.detail-hero-actions{gap:8px}.detail-hero-actions .favorite-button{min-height:38px;padding:7px 9px}.tags-heading{align-items:flex-start;flex-direction:column}.tags-heading>.secondary-button{align-self:flex-start}.tag-list-panel{display:block}.tag-list-panel .panel-heading-row{display:flex}.tag-filter-item{margin-top:6px}.personal-entry-row{grid-template-columns:31px minmax(0,1fr) auto;gap:8px;padding:11px 10px}.personal-entry-row .compact-tag-editor[open]{right:10px;width:calc(100% - 20px)}.feature-placeholder{margin:15px auto}}@media (max-width: 900px){.statistics-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statistics-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.streak-card{grid-column:1 / -1}}@media (max-width: 640px){.statistics-overview,.hardest-panel,.data-management-card{padding:20px}.statistics-state-grid,.statistics-activity-grid,.data-management-grid{grid-template-columns:1fr}.streak-card{grid-column:auto}.statistics-state-card strong{font-size:24px}.hardest-list li{grid-template-columns:29px minmax(0,1fr) auto;gap:7px;padding:8px 0}.hardest-review-count{grid-column:2 / -1}.import-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-management-column{padding:14px}}html,body,#app{max-width:100%}body{overflow-x:hidden}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}.pwa-install-control{position:relative;display:inline-flex;align-items:center;min-width:0}.pwa-install-button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:6px 10px;border:1px solid var(--border-default);border-radius:999px;background:var(--brand-primary-wash);color:var(--green);font-size:11px;white-space:nowrap}.pwa-install-button:hover,.pwa-install-button.available{border-color:var(--border-brand-strong);background:var(--state-success-soft)}.pwa-install-message{position:absolute;top:calc(100% + 10px);right:0;z-index:8;width:min(300px,calc(100vw - 30px));padding:10px 12px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-raised);box-shadow:var(--shadow-card);color:var(--text-secondary);font-size:11px;line-height:1.6}.mobile-nav{display:none}.confusion-page{display:grid;gap:20px}.confusion-heading{align-items:center}.confusion-heading .page-description{margin-bottom:0}.confusion-layout{display:grid;grid-template-columns:minmax(230px,278px) minmax(0,1fr);gap:18px;align-items:start}.confusion-groups-panel,.confusion-workspace{min-width:0}.confusion-groups-panel{position:sticky;top:18px;padding:20px}.confusion-groups-panel .panel-heading-row{align-items:center;margin-bottom:14px}.confusion-groups-panel h2{margin-bottom:5px}.panel-count{color:var(--muted);font-size:14px;font-weight:500}.compact-button{min-height:36px;padding:7px 10px;font-size:11px}.confusion-search,.confusion-term-picker{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 10px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-subtle);color:var(--muted)}.confusion-search span,.confusion-term-picker span{font-size:19px;line-height:1}.confusion-search input,.confusion-term-picker input{width:100%;min-width:0;min-height:34px;border:0;outline:0;background:transparent;color:var(--text-secondary);font-size:13px}.confusion-group-list{display:grid;gap:2px;margin-top:12px}.confusion-group-item{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;gap:7px;align-items:center;width:100%;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-secondary);text-align:left}.confusion-group-item:hover,.confusion-group-item.active{border-color:var(--border-brand-strong);background:var(--brand-primary-soft);color:var(--green)}.confusion-group-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.confusion-group-item span{color:var(--muted);font-size:10px;white-space:nowrap}.confusion-group-item span:last-child{color:var(--text-muted);font-size:18px}.confusion-list-empty{margin:18px 4px 4px}.confusion-group-form{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.confusion-group-form h3{margin-bottom:3px;color:var(--text-secondary);font-size:14px}.confusion-group-form label,.confusion-description-editor label,.confusion-toolbar label,.confusion-note-form label{color:var(--text-secondary);font-size:11px}.confusion-group-form input,.confusion-group-form textarea,.confusion-description-editor textarea,.confusion-edit-heading input,.confusion-note-form input,.confusion-note-form textarea{width:100%;min-width:0;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-raised);color:var(--text-secondary);padding:9px 10px;line-height:1.6}.confusion-group-form textarea,.confusion-description-editor textarea,.confusion-note-form textarea{resize:vertical}.confusion-form-actions,.confusion-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.confusion-form-actions .primary-button{min-height:36px;padding:7px 12px;font-size:11px}.confusion-workspace{padding:24px}.confusion-workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.confusion-workspace-header h2{margin-bottom:8px;color:var(--text-strong);font-size:clamp(22px,3vw,30px)}.confusion-description{margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.7}.confusion-edit-heading{max-width:560px}.confusion-edit-heading input{min-height:42px;font-size:22px;font-weight:650}.confusion-header-actions{flex-shrink:0;justify-content:flex-end}.confusion-description-editor{display:grid;gap:7px;margin-top:16px}.confusion-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:18px 0}.confusion-toolbar>div:first-child{position:relative;width:min(520px,100%)}.confusion-toolbar label{display:block;margin-bottom:6px}.confusion-term-picker{background:var(--surface-subtle)}.confusion-term-options{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:5;display:grid;max-height:270px;overflow:auto;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-raised);box-shadow:var(--shadow-card)}.confusion-term-options button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);text-align:left}.confusion-term-options button:last-child{border-bottom:0}.confusion-term-options button:hover{background:var(--brand-primary-soft)}.confusion-term-options strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.confusion-term-options span{color:var(--muted);font-size:11px}.confusion-count{margin:0 0 8px;color:var(--muted);font-size:12px;white-space:nowrap}.confusion-comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:8px}.confusion-comparison{display:grid;grid-template-columns:102px repeat(var(--term-columns),minmax(190px,1fr));min-width:680px;background:var(--surface-subtle)}.confusion-dimensions{background:var(--surface-subtle);color:var(--text-secondary)}.confusion-column{min-width:0;border-left:1px solid var(--border);background:var(--surface-raised)}.confusion-column-heading{position:relative;display:grid;align-content:start;gap:6px;min-height:125px;padding:17px 14px;background:var(--surface-subtle)}.confusion-dimensions .confusion-column-heading{background:var(--brand-primary-soft)}.confusion-term-link{color:var(--text-strong);font-size:20px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.confusion-term-link:hover{color:var(--green)}.confusion-pinyin{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.confusion-status{justify-self:start;padding:4px 8px;border-radius:999px;font-size:10px}.status-new{background:var(--surface-control-disabled);color:var(--text-muted)}.status-learning{background:var(--state-info-soft);color:var(--state-info)}.status-reviewing{background:var(--state-warning-soft);color:var(--state-warning)}.status-mastered{background:var(--state-success-soft);color:var(--green)}.confusion-column-actions{position:absolute;top:12px;right:9px;display:flex;gap:2px}.confusion-column-actions button{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--border-default);border-radius:4px;background:var(--surface-raised);color:var(--text-muted);font-size:13px}.confusion-column-actions button:hover:not(:disabled){border-color:var(--border-brand-strong);color:var(--green)}.confusion-dimension-label,.confusion-cell{min-height:92px;padding:13px 12px;border-top:1px solid var(--border)}.confusion-dimension-label{display:flex;align-items:center;color:var(--text-secondary);font-size:12px;font-weight:650}.confusion-cell{color:var(--text-secondary);font-size:12px;line-height:1.75;overflow-wrap:anywhere}.confusion-cell .markdown-content{font-size:12px;line-height:1.75}.confusion-cell p{margin:0}.confusion-placeholder{color:var(--state-warning)}.confusion-missing-term{color:var(--text-secondary);font-size:16px;font-weight:650}.confusion-note-details{margin:10px 12px 0;padding:10px 0 0;border-top:1px dashed var(--border-default)}.confusion-note-details summary{color:var(--green);font-size:11px}.confusion-note-form{display:grid;gap:6px;margin-top:10px}.confusion-note-form input,.confusion-note-form textarea{font-size:11px}.confusion-note-form .secondary-button{min-height:34px;padding:6px 9px;font-size:11px}.confusion-detail-link{display:block;margin:13px 12px 15px;color:var(--green);font-size:11px}.confusion-footnote{margin:17px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.confusion-minimum-state{margin-top:0;padding:33px 20px}.confusion-minimum-state h3{margin-bottom:9px;color:var(--text-secondary);font-size:16px}.confusion-minimum-state p{margin-bottom:0;font-size:12px}@media (max-width: 1100px){.confusion-layout{grid-template-columns:minmax(205px,240px) minmax(0,1fr)}.confusion-groups-panel,.confusion-workspace{padding:18px}.confusion-comparison{grid-template-columns:88px repeat(var(--term-columns),minmax(175px,1fr))}}@media (max-width: 900px){.confusion-layout{grid-template-columns:1fr}.confusion-groups-panel{position:static}.confusion-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}.confusion-group-form{max-width:560px}}@media (max-width: 640px){.sidebar{position:sticky;top:0;z-index:20;width:100%;min-height:62px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar nav{display:none!important}.sidebar .brand{font-size:18px}.topbar{display:flex;height:48px;padding:0 16px}.topbar-title{display:none}.topbar-actions{width:100%;justify-content:space-between;gap:8px}.local-label{font-size:11px}.pwa-install-button{min-height:30px;padding:5px 8px;font-size:10px}main{padding-bottom:91px}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;min-height:68px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border-default);background:var(--surface-overlay);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav a{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;min-height:52px;border-radius:7px;color:var(--text-secondary);font-size:17px;line-height:1}.mobile-nav a:hover,.mobile-nav a.router-link-active{background:var(--brand-primary-soft);color:var(--green)}.mobile-nav small{font-size:9px;line-height:1.2}.app-footer{display:none}.confusion-heading{align-items:flex-start;flex-direction:column}.confusion-heading>.secondary-button{align-self:flex-start}.confusion-groups-panel,.confusion-workspace{padding:16px}.confusion-group-list{display:grid;grid-template-columns:1fr;max-height:245px;overflow:auto}.confusion-workspace-header{flex-direction:column;gap:13px}.confusion-header-actions{justify-content:flex-start}.confusion-toolbar{display:grid;gap:9px;align-items:start}.confusion-count{margin:0}.confusion-comparison-scroll{overflow:visible;border:0}.confusion-comparison{display:grid;grid-template-columns:1fr;min-width:0;gap:12px;background:transparent}.confusion-dimensions{display:none}.confusion-column{border:1px solid var(--border);border-radius:8px;overflow:hidden}.confusion-column-heading{min-height:105px;padding:14px}.confusion-term-link{padding-right:70px;font-size:20px}.confusion-cell{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;min-height:0;padding:11px 12px}.confusion-cell:before{content:attr(data-label);color:var(--text-secondary);font-size:11px;font-weight:650}.confusion-cell .markdown-content{min-width:0}.confusion-note-details{margin-left:12px;margin-right:12px}.pwa-install-message{right:-4px}}html,body,#app{min-height:100%;max-width:100%}body{overflow-x:hidden;background:var(--surface-page);color:var(--text-primary)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;width:100%}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--sidebar-width);min-height:100vh;flex-direction:column;padding:24px 16px 20px;border-right:1px solid var(--border-default);background:var(--surface-raised)}.app-brand,.app-mobile-brand{display:inline-flex;align-items:center;color:var(--brand-primary-strong)}.app-brand{gap:10px;padding:0 8px}.app-brand-mark{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border-radius:10px 10px 4px;background:var(--brand-primary);color:var(--brand-on-primary)}.app-brand-copy{display:grid;gap:2px}.app-brand-copy strong,.app-mobile-brand strong{letter-spacing:-.03em}.app-brand-copy strong{font-size:20px;line-height:1.1}.app-brand-copy small{color:var(--text-muted);font-size:10px;letter-spacing:.2em;line-height:1.2}.app-primary-nav{display:grid;gap:4px;margin-top:40px}.app-nav-item,.app-secondary-nav-item{display:flex;align-items:center;min-width:0;min-height:48px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:550;transition:background-color .16s ease,color .16s ease}.app-nav-item{gap:14px;padding:0 14px}.app-nav-item:hover,.app-nav-item.is-active,.app-nav-item.router-link-active{background:var(--brand-primary-soft);color:var(--brand-primary-strong)}.app-nav-item .app-icon,.app-secondary-nav-item .app-icon{flex:0 0 auto}.app-nav-item.is-active .app-icon,.app-nav-item.router-link-active .app-icon{stroke-width:2.1}.app-sidebar-utility{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-default)}.app-secondary-nav-item{gap:13px;padding:0 14px;font-size:13px;font-weight:500}.app-secondary-nav-item:hover,.app-secondary-nav-item.router-link-active{background:var(--surface-subtle);color:var(--brand-primary-strong)}.app-local-card{margin-top:auto;padding:15px 14px 14px;border:1px solid var(--border-brand);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--surface-brand-start),var(--surface-brand-end));color:var(--text-secondary)}.app-local-heading{display:flex;align-items:center;gap:8px;color:var(--brand-primary-strong);font-size:13px}.app-local-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface-elevated);color:var(--brand-primary)}.app-online-dot{display:inline-block;width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow)}.app-local-card p{margin:10px 0 0;color:var(--text-secondary);font-size:11px;line-height:1.65}.app-sidebar .pwa-install-control{display:block;margin-top:12px}.app-sidebar .pwa-install-button{justify-content:center;width:100%;min-height:34px;padding:7px 10px;border-color:var(--border-brand);background:var(--surface-elevated);color:var(--brand-primary-strong);font-size:11px}.app-sidebar .pwa-install-button:hover,.app-sidebar .pwa-install-button.available{border-color:var(--border-brand-strong);background:var(--brand-primary-soft)}.app-workspace{grid-column:2;display:flex;min-width:0;min-height:100vh;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:var(--topbar-height);padding:0 var(--content-gutter);border-bottom:1px solid var(--border-default);background:var(--surface-topbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-topbar-leading,.app-topbar-actions{display:flex;align-items:center;min-width:0}.app-topbar-leading{gap:16px}.app-topbar-context{color:var(--text-secondary);font-size:13px;font-weight:500}.app-topbar-actions{justify-content:flex-end;gap:16px}.app-topbar-status{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:11px;white-space:nowrap}.app-topbar-status .app-online-dot{width:6px;height:6px;margin-left:0;box-shadow:none}.app-icon-button{display:inline-grid;place-items:center;width:42px;height:42px;min-height:42px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);transition:background-color .16s ease,border-color .16s ease,color .16s ease}.app-icon-button:hover{border-color:var(--border-default);background:var(--surface-subtle);color:var(--brand-primary-strong)}.app-icon-button-small{width:32px;height:32px;min-height:32px}.app-mobile-brand{display:none;gap:8px;font-size:16px}.app-mobile-pwa{display:none}.global-search-panel{position:absolute;top:calc(100% + 10px);right:var(--content-gutter);z-index:40;display:grid;width:min(450px,calc(100vw - 32px));gap:13px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-popover)}.global-search-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);font-size:14px}.global-search-input-wrap{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);background:var(--surface-subtle)}.global-search-input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-glow)}.global-search-input-wrap input{width:100%;min-width:0;min-height:36px;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:13px}.global-search-panel p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.65}.global-search-submit{justify-self:end;min-height:36px;padding:8px 14px;border-radius:var(--radius-sm);font-size:12px}.app-main{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:var(--content-gutter)}.app-main:focus{outline:0}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:18px var(--content-gutter);border-top:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-muted);font-size:11px}.app-footer-brand,.app-footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.app-footer-brand strong{color:var(--text-secondary);font-weight:550}.app-footer-nav{justify-content:flex-end;gap:22px}.app-footer-nav a{color:var(--text-secondary);transition:color .16s ease}.app-footer-nav a:hover{color:var(--brand-primary-strong)}.app-mobile-nav{display:none}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.ui-page-header h1{color:var(--text-primary)}.ui-eyebrow{margin:0 0 9px;color:var(--text-muted);font-size:10px;letter-spacing:.16em;line-height:1.2}.ui-page-description{margin:10px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.7}.ui-page-header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}.ui-page-total{color:var(--text-secondary);font-size:13px;white-space:nowrap}.ui-page-total strong{color:var(--brand-primary-strong);font-size:20px}.ui-metric-card{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-card)}.ui-metric-icon{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand-primary-soft);color:var(--brand-primary-strong)}.ui-metric-card[data-tone=blue] .ui-metric-icon{background:var(--state-info-soft);color:var(--state-info)}.ui-metric-card[data-tone=orange] .ui-metric-icon{background:var(--state-warning-soft);color:var(--state-warning)}.ui-metric-card[data-tone=purple] .ui-metric-icon{background:var(--state-accent-soft);color:var(--state-accent)}.ui-metric-copy{display:grid;min-width:0;gap:3px}.ui-metric-copy>span,.ui-metric-copy small{color:var(--text-secondary);font-size:11px}.ui-metric-copy strong{color:var(--text-primary);font-size:24px;line-height:1.15}.ui-status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--state-neutral-soft);color:var(--text-secondary);font-size:11px;line-height:1.2;white-space:nowrap}.ui-status-pill[data-status=new]{background:var(--state-neutral-soft);color:var(--state-neutral)}.ui-status-pill[data-status=learning]{background:var(--state-info-soft);color:var(--state-info)}.ui-status-pill[data-status=reviewing]{background:var(--state-warning-soft);color:var(--state-warning)}.ui-status-pill[data-status=mastered]{background:var(--state-success-soft);color:var(--state-success)}.ui-progress-ring{position:relative;display:grid;place-items:center;width:var(--ring-size);height:var(--ring-size);padding:8px;border-radius:50%;background:conic-gradient(var(--brand-primary) var(--progress),var(--progress-track) 0);color:var(--brand-primary-strong);text-align:center}.ui-progress-ring:before{position:absolute;width:calc(var(--ring-size) - 14px);height:calc(var(--ring-size) - 14px);border-radius:50%;background:var(--surface-raised);content:""}.ui-progress-ring strong,.ui-progress-ring span{position:relative;z-index:1}.ui-progress-ring strong{font-size:19px;line-height:1.1}.ui-progress-ring span{margin-top:2px;color:var(--text-secondary);font-size:10px}.ui-empty-state{display:grid;justify-items:center;padding:54px 24px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-secondary);text-align:center}.ui-empty-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:50%;background:var(--brand-primary-soft);color:var(--brand-primary)}.ui-empty-state h2{margin-bottom:8px;color:var(--text-primary)}.ui-empty-state p{max-width:520px;margin:0;font-size:13px;line-height:1.7}.ui-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.ui-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-secondary);font-size:12px}.ui-pagination-controls{display:flex;align-items:center;gap:4px}.ui-pagination-controls button{display:grid;place-items:center;min-width:34px;height:34px;min-height:34px;padding:0 8px;border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-raised);color:var(--text-secondary);font-size:12px}.ui-pagination-controls button:hover:not(:disabled),.ui-pagination-controls button.active{border-color:var(--border-brand-strong);background:var(--brand-primary-soft);color:var(--brand-primary-strong)}.ui-pagination-controls button:disabled{color:var(--text-disabled)}.ui-pagination-prev{transform:rotate(180deg)}.ui-pagination-ellipsis{display:grid;place-items:center;min-width:24px;color:var(--text-muted)}.info-page{max-width:900px;margin:0 auto}.info-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:26px;color:var(--text-secondary);font-size:12px}.info-back-link:hover{color:var(--brand-primary-strong)}.info-card{margin-top:26px;padding:28px 32px}.info-section+.info-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--color-border)}.info-section h2{margin-bottom:10px}.info-section p{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.85}.info-section p+p{margin-top:10px}@media (max-width: 1100px){:root{--content-gutter: 28px}}@media (max-width: 920px){.app-shell{display:block}.app-sidebar{display:none}.app-workspace{min-height:100vh}.app-mobile-brand{display:inline-flex}.app-topbar{min-height:60px;padding:0 20px}.app-topbar-context,.app-topbar-status{display:none}.app-mobile-pwa{display:block}.app-mobile-pwa .pwa-install-button{min-height:34px;padding:6px 9px;font-size:10px}.app-mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:35;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;min-height:70px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border-default);background:var(--surface-mobile-nav);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-mobile-nav-item{display:grid;position:relative;place-items:center;align-content:center;gap:3px;min-width:0;min-height:54px;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:17px}.app-mobile-nav-item small{max-width:100%;overflow:hidden;color:inherit;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-mobile-nav-item:hover,.app-mobile-nav-item.is-active,.app-mobile-nav-item.router-link-active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.app-mobile-more-button{width:100%;padding:0}.app-mobile-more-menu{position:absolute;right:8px;bottom:calc(100% + 10px);display:grid;width:min(210px,calc(100vw - 24px));padding:7px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-popover)}.app-mobile-more-menu a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:var(--radius-xs);color:var(--color-text-secondary);font-size:12px}.app-mobile-more-menu a:hover,.app-mobile-more-menu a.router-link-active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.app-main{padding-bottom:calc(var(--content-gutter) + 78px)}}@media (max-width: 640px){:root{--content-gutter: 16px}.app-topbar{padding:0 var(--content-gutter)}.app-footer{display:none}.global-search-panel{right:var(--content-gutter);left:var(--content-gutter);width:auto}.ui-page-header{align-items:flex-start;flex-direction:column}.ui-page-header-actions{justify-content:flex-start}.ui-pagination{align-items:flex-start;flex-direction:column}.info-card{padding:22px 20px}}.library-page{display:grid;gap:20px}.library-page .ui-page-header{align-items:flex-end}.library-page .ui-page-header h1{font-size:30px;letter-spacing:.025em}.library-page .ui-page-description{margin-top:10px}.library-total{margin:0 0 3px;color:var(--color-text-secondary);font-size:13px;white-space:nowrap}.library-total strong{color:var(--color-primary-strong);font-size:21px;font-weight:700}.library-page .search-form{width:min(100%,760px);max-width:none;min-height:48px;padding:5px 7px 5px 15px;border-color:var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.library-page .search-form:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--focus-glow)}.library-page .search-symbol{flex:0 0 auto;color:var(--color-text-secondary)}.library-page .search-form input{min-height:36px;font-size:14px}.library-filter-toolbar,.library-control-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.library-filter-toolbar{flex-wrap:wrap}.filter-tabs,.preset-tag-filters,.library-controls,.view-toggle{display:flex;align-items:center;min-width:0}.filter-tabs,.preset-tag-filters{flex-wrap:wrap;gap:8px}.library-filter,.tag-filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;white-space:nowrap;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.library-filter:hover,.library-filter.active,.tag-filter-chip:hover,.tag-filter-chip.active{border-color:var(--border-brand-strong);background:var(--color-primary-soft);color:var(--color-primary-strong)}.library-filter.active{font-weight:650}.preset-tag-filters{justify-content:flex-end;margin-left:auto}.tag-filter-chip:nth-child(2){color:var(--state-info)}.tag-filter-chip:nth-child(3){color:var(--state-warning)}.tag-filter-chip:nth-child(2).active,.tag-filter-chip:nth-child(3).active{background:var(--color-orange-soft)}.library-control-toolbar{justify-content:flex-end;padding:4px 0 16px;border-bottom:1px solid var(--color-border)}.library-control-toolbar .sort-control{gap:8px;color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.library-control-toolbar select{min-height:38px;max-width:190px;padding:7px 10px;border-color:var(--color-border-strong);border-radius:var(--radius-xs);color:var(--color-text);font-size:12px}.view-toggle{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.view-toggle button{display:grid;place-items:center;width:42px;height:38px;min-height:38px;border-left:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary)}.view-toggle button:first-child{border-left:0}.view-toggle button:hover,.view-toggle button.active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.vocabulary-table{overflow:visible;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.vocabulary-table .table-heading,.vocabulary-row-shell-list .vocabulary-row{display:grid;grid-template-columns:42px minmax(130px,1.1fr) minmax(140px,1.1fr) minmax(180px,1.8fr) minmax(110px,1fr) 70px minmax(108px,.9fr) 82px;gap:12px;align-items:center;padding-right:18px;padding-left:18px}.vocabulary-table .table-heading{min-height:48px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:11px;font-weight:550}.vocabulary-row-shell{min-width:0}.vocabulary-row-shell-list+.vocabulary-row-shell-list{border-top:1px solid var(--color-border)}.vocabulary-row-shell-list .vocabulary-row{position:relative;min-height:104px;padding-top:14px;padding-bottom:14px;color:var(--color-text);cursor:pointer;transition:background-color .16s ease}.vocabulary-row-shell-list:last-child .vocabulary-row{border-radius:0 0 var(--radius-md) var(--radius-md)}.vocabulary-row-shell-list .vocabulary-row:hover,.vocabulary-row-shell-list .vocabulary-row:focus-visible{background:var(--color-surface-subtle)}.vocabulary-field{min-width:0}.row-favorite{display:grid;place-items:center}.row-term{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px 8px}.vocabulary-term-link{min-width:0;color:var(--color-text)}.vocabulary-term-link:hover{color:var(--color-primary-strong)}.entry-term{display:block;overflow-wrap:anywhere;font-size:15px;line-height:1.45}.row-pinyin{display:flex;align-items:center;gap:8px;min-width:0}.entry-pinyin{min-width:0;overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:12px;line-height:1.55}.row-excerpt{display:grid;gap:7px;min-width:0}.entry-excerpt-text{display:-webkit-box;overflow:hidden;color:var(--color-text-secondary);font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sentiment{justify-self:start;padding:3px 7px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:10px;white-space:nowrap}.sentiment.positive{border-color:var(--border-brand);background:var(--color-primary-soft);color:var(--color-primary-strong)}.sentiment.negative{border-color:var(--border-strong);background:var(--color-orange-soft);color:var(--state-warning)}.row-tags{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.row-tags .entry-tags{display:flex;min-width:0;flex-wrap:wrap;gap:4px}.row-tags .user-tag{margin:0;padding:3px 6px;border-color:var(--border-brand);background:var(--state-success-soft);color:var(--state-success);font-size:10px}.row-tags .no-tags{color:var(--color-text-muted);font-size:11px}.row-tags .compact-tag-editor{position:relative;flex:0 0 auto}.row-tags .compact-tag-editor>summary{display:inline-flex;align-items:center;min-height:26px;padding:4px 6px;border:1px solid transparent;border-radius:5px;color:var(--color-primary-strong);font-size:10px;list-style:none;white-space:nowrap}.row-tags .compact-tag-editor>summary::-webkit-details-marker,.row-actions-menu>summary::-webkit-details-marker{display:none}.row-tags .compact-tag-editor>summary:hover{border-color:var(--border-brand);background:var(--color-primary-soft)}.row-tags .compact-tag-editor[open]{position:absolute;top:35px;right:0;z-index:10;display:block;width:min(320px,calc(100vw - 36px));padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-popover)}.row-mastery{display:grid;place-items:center}.mastery-ring{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--mastery-color) var(--mastery-progress),var(--progress-track) 0);color:var(--mastery-color)}.mastery-ring:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--color-surface);content:""}.mastery-ring strong{position:relative;z-index:1;font-size:11px;font-weight:650}.mastery-ring-new{--mastery-color: var(--state-neutral)}.mastery-ring-learning{--mastery-color: var(--color-red)}.mastery-ring-reviewing{--mastery-color: var(--color-orange)}.mastery-ring-mastered{--mastery-color: var(--color-primary)}.row-next-review{display:grid;gap:4px;min-width:0}.row-next-review strong{overflow:hidden;color:var(--color-primary-strong);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.row-next-review small{overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.row-detail-link,.row-actions-menu>summary{display:grid;place-items:center;width:32px;height:32px;min-height:32px;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-secondary)}.row-detail-link:hover,.row-actions-menu>summary:hover{border-color:var(--color-border);background:var(--color-surface-subtle);color:var(--color-primary-strong)}.row-actions-menu{position:relative}.row-actions-menu>summary{list-style:none}.row-actions-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:12;display:grid;width:156px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-popover)}.row-actions-popover a{min-height:34px;padding:8px 9px;border-radius:5px;color:var(--color-text-secondary);font-size:11px}.row-actions-popover a:hover{background:var(--color-primary-soft);color:var(--color-primary-strong)}.pronunciation-control{position:relative;display:inline-flex;flex:0 0 auto}.pronunciation-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid var(--border-brand);border-radius:var(--radius-xs);background:var(--color-primary-wash);color:var(--color-primary-strong);font-size:11px;white-space:nowrap}.pronunciation-button:hover{border-color:var(--border-brand-strong);background:var(--color-primary-soft)}.pronunciation-button.compact{width:28px;min-height:28px;padding:3px;border:0;background:transparent}.pronunciation-button.compact:hover{background:var(--color-primary-soft)}.pronunciation-status{position:absolute;top:calc(100% + 5px);left:0;z-index:13;width:max-content;max-width:220px;padding:6px 8px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);box-shadow:var(--shadow-popover);color:var(--color-text-secondary);font-size:10px;line-height:1.5}.library-state{min-height:250px;margin-top:0}.library-page>.result-summary{margin:-3px 0 -8px;color:var(--color-text-secondary);font-size:12px}.library-page>.ui-pagination{margin-top:0}.vocabulary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vocabulary-row-shell-grid{min-width:0}.vocabulary-row-shell-grid .vocabulary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"term favorite" "pinyin pinyin" "excerpt excerpt" "tags tags" "mastery next" "actions actions";gap:12px 10px;min-height:286px;padding:17px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.vocabulary-row-shell-grid .vocabulary-row:hover,.vocabulary-row-shell-grid .vocabulary-row:focus-visible{border-color:var(--border-brand-strong);box-shadow:var(--shadow-card);transform:translateY(-1px)}.vocabulary-row-shell-grid .row-favorite{grid-area:favorite;align-self:start}.vocabulary-row-shell-grid .row-term{grid-area:term}.vocabulary-row-shell-grid .row-pinyin{grid-area:pinyin}.vocabulary-row-shell-grid .row-excerpt{grid-area:excerpt;min-height:73px}.vocabulary-row-shell-grid .row-tags{grid-area:tags;align-content:start;min-height:46px;padding-top:10px;border-top:1px solid var(--color-border)}.vocabulary-row-shell-grid .row-mastery{grid-area:mastery;display:flex;align-items:center;justify-content:flex-start;gap:8px}.vocabulary-row-shell-grid .row-next-review{grid-area:next;align-self:center;text-align:right}.vocabulary-row-shell-grid .row-actions{grid-area:actions;padding-top:8px;border-top:1px solid var(--color-border)}.vocabulary-row-grid .vocabulary-field:before{display:block;margin-bottom:5px;color:var(--color-text-muted);content:attr(data-label);font-size:10px}.vocabulary-row-grid .row-term:before,.vocabulary-row-grid .row-pinyin:before{margin-bottom:6px}@media (max-width: 1200px){.vocabulary-table .table-heading,.vocabulary-row-shell-list .vocabulary-row{grid-template-columns:38px minmax(115px,1.1fr) minmax(120px,1fr) minmax(150px,1.5fr) minmax(95px,.9fr) 64px minmax(100px,.9fr) 74px;gap:9px;padding-right:14px;padding-left:14px}.vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.library-page .ui-page-header,.library-filter-toolbar{align-items:flex-start}.preset-tag-filters{justify-content:flex-start;margin-left:0}.library-control-toolbar{justify-content:flex-start;flex-wrap:wrap}.library-control-toolbar .view-toggle{margin-left:auto}}@media (max-width: 800px){.vocabulary-table{display:grid;gap:12px;border:0;background:transparent;box-shadow:none}.vocabulary-table .table-heading{display:none}.vocabulary-row-shell-list+.vocabulary-row-shell-list{border-top:0}.vocabulary-row-shell-list .vocabulary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"term favorite" "pinyin pinyin" "excerpt excerpt" "tags tags" "mastery next" "actions actions";gap:12px 10px;min-height:286px;padding:17px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.vocabulary-row-shell-list .row-favorite{grid-area:favorite;align-self:start}.vocabulary-row-shell-list .row-term{grid-area:term}.vocabulary-row-shell-list .row-pinyin{grid-area:pinyin}.vocabulary-row-shell-list .row-excerpt{grid-area:excerpt;min-height:73px}.vocabulary-row-shell-list .row-tags{grid-area:tags;align-content:start;min-height:46px;padding-top:10px;border-top:1px solid var(--color-border)}.vocabulary-row-shell-list .row-mastery{grid-area:mastery;display:flex;justify-content:flex-start;gap:8px}.vocabulary-row-shell-list .row-next-review{grid-area:next;align-self:center;text-align:right}.vocabulary-row-shell-list .row-actions{grid-area:actions;padding-top:8px;border-top:1px solid var(--color-border)}.vocabulary-row-shell-list .vocabulary-field:before{display:block;margin-bottom:5px;color:var(--color-text-muted);content:attr(data-label);font-size:10px}.vocabulary-row-shell-list .row-term:before,.vocabulary-row-shell-list .row-pinyin:before{margin-bottom:6px}}@media (max-width: 640px){.library-page{gap:16px}.library-page .ui-page-header h1{font-size:26px}.library-total{margin-bottom:0;font-size:12px}.library-total strong{font-size:18px}.library-page .search-form{width:100%;padding-left:10px}.library-page .search-form input{font-size:16px}.filter-tabs,.preset-tag-filters{width:100%}.library-filter,.tag-filter-chip{flex:1 1 auto;min-width:0;padding-right:9px;padding-left:9px}.library-control-toolbar{align-items:flex-start;gap:9px}.library-control-toolbar .sort-control{flex:1 1 45%;align-items:flex-start;flex-direction:column;gap:4px}.library-control-toolbar .sort-control select{width:100%;max-width:none}.library-control-toolbar .view-toggle{margin-left:0}.vocabulary-grid{grid-template-columns:1fr}.row-actions-popover{right:-2px}}.ui-detail-page{display:grid;gap:16px}.detail-breadcrumb{display:flex;align-items:center;gap:8px;min-height:24px;color:var(--color-text-muted);font-size:12px}.detail-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.detail-breadcrumb a:hover{color:var(--color-primary-strong)}.detail-hero-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:32px;min-width:0;padding:28px 32px;box-shadow:var(--shadow-card)}.detail-hero-main,.detail-mastery-summary{min-width:0}.detail-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px}.detail-title-line h1{min-width:0;color:var(--color-text);font-size:clamp(32px,4vw,44px);line-height:1.2;overflow-wrap:anywhere}.detail-pronunciation-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:13px;color:var(--color-text-secondary);font-size:15px;line-height:1.6}.detail-pronunciation-line small{color:var(--color-text-muted);font-size:10px}.detail-semantic-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:17px}.detail-semantic-tag{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border:1px solid var(--border-brand);border-radius:var(--radius-xs);background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:11px;line-height:1.2}.detail-semantic-tag.negative{border-color:var(--border-strong);background:var(--color-orange-soft);color:var(--state-warning)}.detail-semantic-tag.user{border-color:var(--border-strong);background:var(--color-blue-soft);color:var(--state-info)}.detail-mastery-summary{display:grid;align-content:center;gap:13px;padding-left:28px;border-left:1px solid var(--color-border)}.detail-mastery-status,.detail-mastery-progress{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:11px}.detail-mastery-status .ui-status-pill{margin-left:auto}.detail-mastery-progress>span{flex:0 0 auto}.detail-progress-track{flex:1 1 auto;min-width:90px;height:7px;overflow:hidden;border-radius:var(--radius-pill);background:var(--progress-track)}.detail-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .18s ease}.detail-mastery-progress strong{flex:0 0 auto;min-width:35px;color:var(--color-text-secondary);font-size:11px;font-weight:600;text-align:right}.detail-mastery-summary>p{margin:0;color:var(--color-text-muted);font-size:11px;line-height:1.65}.detail-mastery-ring{display:none}.detail-action-message{display:inline-flex;align-items:center;gap:7px;justify-self:start;margin:0;padding:8px 11px;border:1px solid var(--border-brand);border-radius:var(--radius-xs);background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:12px;line-height:1.4}.ui-detail-page .detail-action-error{margin:-5px 0 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,304px);gap:18px;align-items:start}.detail-content,.detail-aside{display:grid;gap:14px;min-width:0}.detail-aside{position:sticky;top:calc(var(--topbar-height) + 16px)}.detail-section-card,.detail-action-card,.detail-info-card,.detail-source-info{min-width:0;padding:22px 24px;border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.detail-section-heading{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:15px}.detail-section-heading h2{min-width:0;margin:0;color:var(--color-text);font-size:16px;line-height:1.35}.detail-section-heading h2:before{display:none}.detail-section-icon{display:grid;flex:0 0 auto;place-items:center;color:var(--color-primary)}.detail-definition-lead{color:var(--color-text-secondary)}.detail-definition-lead+.meaning-grid{margin-top:18px}.detail-content .markdown-content{color:var(--color-text-secondary);font-size:13px;line-height:1.85}.meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.meaning-card{min-width:0;padding:14px 15px;border:1px solid var(--border-brand);border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--surface-brand-start),var(--brand-primary-wash))}.meaning-card h3{margin:0 0 8px;color:var(--color-primary-strong);font-size:12px}.meaning-card .markdown-content{font-size:12px}.detail-markdown-stack{display:grid;gap:10px}.detail-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.detail-split-grid>.detail-section-card{min-width:0}.detail-record-grid>*{min-width:0}.negative-heading .detail-section-icon{color:var(--color-red)}.negative-chips a{border-color:var(--border-strong);background:var(--color-red-soft);color:var(--state-danger)}.detail-content .examples{margin:0;padding-left:23px}.detail-content .examples li{margin-bottom:10px;padding-left:4px;color:var(--color-text-secondary)}.detail-content .examples li:last-child{margin-bottom:0}.detail-content .examples li::marker{color:var(--color-primary)}.detail-source-mark-row{margin:0 0 10px;color:var(--color-text-secondary);font-size:13px;line-height:1.7}.detail-source-mark-row:last-child{margin-bottom:0}.detail-source-card>.muted{margin-bottom:0}.detail-source-card details{margin-top:13px;padding-top:13px;border-top:1px solid var(--color-border)}.detail-source-card details>summary{color:var(--color-primary-strong);font-size:12px}.detail-source-card details[open]>summary{margin-bottom:11px}.detail-warning-details{color:var(--state-warning)}.detail-warning-details ul{margin:0;padding-left:19px;font-size:12px;line-height:1.8}.detail-action-card{display:grid;gap:11px}.detail-action-card h2,.detail-info-card h2,.detail-source-info h2{margin-bottom:2px}.detail-primary-action,.detail-secondary-action,.detail-dictionary-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.detail-primary-action{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--brand-on-primary)}.detail-primary-action:hover:not(:disabled){border-color:var(--color-primary-strong);background:var(--color-primary-strong)}.detail-secondary-action{border:1px solid var(--border-brand);background:var(--surface-raised);color:var(--color-primary-strong)}.detail-secondary-action:hover:not(:disabled){background:var(--color-primary-soft)}.detail-dictionary-action{min-height:44px;border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-weight:550}.detail-dictionary-action>span{display:inline-flex;align-items:center;gap:9px}.detail-dictionary-action:hover{border-color:var(--border-brand-strong);color:var(--color-primary-strong)}.detail-info-card .compact-heading,.detail-source-info .compact-heading{margin-bottom:13px}.detail-info-list,.detail-id-meta{display:grid;gap:0;margin:0}.detail-info-list>div,.detail-id-meta>div{display:grid;gap:6px;padding:11px 0;border-bottom:1px solid var(--color-border)}.detail-info-list>div:first-child,.detail-id-meta>div:first-child{padding-top:2px}.detail-info-list>div:last-child,.detail-id-meta>div:last-child{padding-bottom:0;border-bottom:0}.detail-info-list dt,.detail-id-meta dt{color:var(--color-text-muted);font-size:11px}.detail-info-list dd,.detail-id-meta dd{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.detail-info-list dd{color:var(--color-text);font-weight:550}.detail-id-card .compact-heading{margin-bottom:12px}.detail-copy-button{margin-left:auto}.detail-stable-id{display:block;margin-bottom:12px;color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.detail-id-card>.muted{margin:12px 0 0;font-size:10px}.detail-source-info .detail-id-meta>div{padding:8px 0}.detail-source-info .detail-id-meta>div:first-child{padding-top:0}.detail-entry-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;min-width:0}.detail-navigation-summary{grid-column:1 / -1;margin:2px 0 0;color:var(--color-text-muted);font-size:11px;line-height:1.5;text-align:center}.detail-navigation-link{display:flex;align-items:center;gap:13px;min-width:0;min-height:72px;padding:13px 17px;border-color:var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);box-shadow:var(--shadow-card);transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.detail-navigation-link>span{display:grid;gap:3px;min-width:0}.detail-navigation-link small{color:var(--color-text-muted);font-size:10px;line-height:1.3}.detail-navigation-link strong{overflow:hidden;color:var(--color-text);font-size:14px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.detail-navigation-link.next{justify-content:flex-end;text-align:right}a.detail-navigation-link:hover{border-color:var(--border-brand-strong);background:var(--color-primary-soft);color:var(--color-primary-strong);transform:translateY(-1px)}.detail-navigation-link.disabled{color:var(--color-text-muted);box-shadow:none;cursor:default;opacity:.62}.detail-navigation-link.disabled strong{color:var(--color-text-muted);font-weight:500}.ui-detail-page .ui-empty-state{min-height:300px}@media (max-width: 1100px){.detail-hero-card{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:24px;padding-right:24px;padding-left:24px}.detail-mastery-summary{padding-left:22px}.detail-layout{grid-template-columns:minmax(0,1fr) 270px}}@media (max-width: 920px){.detail-hero-card{grid-template-columns:1fr}.detail-mastery-summary{padding-top:20px;padding-left:0;border-top:1px solid var(--color-border);border-left:0}.detail-layout{grid-template-columns:1fr}.detail-aside{position:static}}@media (max-width: 720px){.meaning-grid,.detail-split-grid{grid-template-columns:1fr}}@media (max-width: 640px){.ui-detail-page{gap:13px}.detail-breadcrumb{font-size:11px}.detail-hero-card{padding:21px 19px}.detail-title-line{align-items:flex-start;gap:10px 12px}.detail-title-line h1{flex:1 1 180px;font-size:31px}.detail-pronunciation-line{align-items:flex-start;flex-direction:column;gap:5px;font-size:14px}.detail-pronunciation-line .pronunciation-control{position:absolute;margin:-39px 0 0 72px}.detail-pronunciation-line small{margin-top:2px}.detail-mastery-summary{gap:11px;padding-top:17px}.detail-mastery-progress{flex-wrap:wrap}.detail-mastery-progress .detail-progress-track{order:3;flex-basis:100%}.detail-section-card,.detail-action-card,.detail-info-card,.detail-source-info{padding:19px 17px}.detail-section-heading{margin-bottom:13px}.detail-entry-navigation{gap:8px}.detail-navigation-link{gap:8px;min-height:66px;padding:11px 12px}.detail-navigation-link strong{font-size:13px}.detail-primary-action,.detail-secondary-action,.detail-dictionary-action{min-height:46px}.ui-detail-page .ui-empty-state{min-height:250px;padding:42px 20px}}.ui-tags-page{display:grid;gap:20px;min-width:0}.ui-tags-page .ui-page-header{align-items:flex-end}.ui-tags-page .panel h2:before{display:none}.tags-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tags-metrics-grid .ui-metric-card{min-height:104px}.tags-content-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start;min-width:0}.tags-filter-panel,.tags-entries-panel,.confusion-preview-panel{min-width:0;padding:22px;box-shadow:var(--shadow-card)}.tags-filter-heading,.tags-entries-heading,.confusion-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.tags-filter-heading h2,.tags-entries-heading h2,.confusion-preview-heading h2{margin-bottom:0}.tags-filter-heading .ui-eyebrow,.tags-entries-heading .ui-eyebrow,.confusion-preview-heading .ui-eyebrow{margin-bottom:7px}.compact-button{min-height:34px;padding:7px 10px;font-size:11px}.tag-definition-form{display:grid;gap:8px;margin:17px 0 14px;padding:14px;border:1px solid var(--border-brand);border-radius:var(--radius-sm);background:var(--color-primary-wash)}.tag-definition-form h3{margin:0 0 3px;color:var(--color-text);font-size:13px}.tag-definition-form label{color:var(--color-text-secondary);font-size:11px}.tag-definition-form input,.tag-definition-form select,.tags-page-size select{width:100%;min-width:0;min-height:36px;padding:7px 9px;border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text);font-size:12px}.tag-definition-form .muted{margin:0;font-size:10px;line-height:1.55}.tag-definition-form .inline-error{margin:0}.tag-definition-form-actions{display:flex;align-items:center;gap:10px;margin-top:3px}.tag-definition-form-actions .primary-button{min-height:34px;padding:7px 11px;font-size:11px}.tags-filter-list{display:grid;gap:5px;margin-top:17px}.tag-filter-item,.tag-definition-row{min-width:0}.tag-filter-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:12px;text-align:left;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.tag-filter-item:hover,.tag-filter-item.active{border-color:var(--border-brand);background:var(--color-primary-soft);color:var(--color-primary-strong)}.tag-filter-item strong{flex:0 0 auto;color:var(--color-text-muted);font-size:11px;font-weight:600}.tag-filter-name{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-filter-name .app-icon{flex:0 0 auto}.tag-definition-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center}.tag-definition-row .tag-filter-item{min-width:0}.tag-color-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 3px var(--brand-glow)}.tag-color-blue .tag-color-dot{background:var(--color-blue);box-shadow:0 0 0 3px var(--focus-glow)}.tag-color-orange .tag-color-dot{background:var(--color-orange);box-shadow:0 0 0 3px var(--focus-glow)}.tag-color-purple .tag-color-dot{background:var(--color-purple);box-shadow:0 0 0 3px var(--focus-glow)}.tag-color-teal .tag-color-dot{background:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow)}.tag-definition-actions{display:flex;align-items:center;gap:2px}.tag-definition-action{display:grid;place-items:center;width:29px;height:29px;min-height:29px;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-muted)}.tag-definition-action:hover{background:var(--color-surface-subtle);color:var(--color-primary-strong)}.tag-definition-action.danger-button:hover{color:var(--color-red)}.favorite-filter-item{margin-bottom:6px;border-bottom-color:var(--color-border)}.favorite-filter-item:hover,.favorite-filter-item.active{border-bottom-color:var(--border-brand)}.tags-filter-note{margin:16px 2px 0;padding-top:13px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:10px;line-height:1.65}.tags-entries-panel{display:grid;gap:15px}.tags-entries-heading{align-items:flex-end}.tags-entries-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.active-filter-pill{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:5px 8px 5px 10px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:11px}.active-filter-pill button{display:grid;place-items:center;width:18px;height:18px;min-height:18px;border-radius:50%;background:transparent;color:inherit;font-size:15px;line-height:1}.active-filter-pill button:hover{background:var(--brand-glow)}.tags-page-size{display:inline-flex;align-items:center;gap:7px;color:var(--color-text-muted);font-size:11px;white-space:nowrap}.tags-page-size select{width:auto;min-height:34px;padding:6px 8px;font-size:11px}.tags-entry-table{min-width:0;overflow:visible;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.tags-entry-table-heading,.tags-entry-row{display:grid;grid-template-columns:38px minmax(145px,1.05fr) minmax(170px,1.55fr) minmax(110px,.9fr) 62px minmax(144px,1fr);gap:12px;align-items:center;min-width:0;padding-right:15px;padding-left:15px}.tags-entry-table-heading{min-height:45px;border-bottom:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:11px}.tags-entry-row{min-height:98px;padding-top:12px;padding-bottom:12px;border-top:1px solid var(--color-border);transition:background-color .16s ease}.tags-entry-row:first-of-type{border-top:0}.tags-entry-row:hover{background:var(--color-surface-subtle)}.tags-entry-row>.favorite-button{justify-self:center}.tags-entry-term{display:grid;align-content:center;justify-items:start;gap:5px;min-width:0;color:var(--color-text)}.tags-entry-term:hover strong{color:var(--color-primary-strong)}.tags-entry-term strong,.tags-entry-term span{min-width:0;max-width:100%;overflow-wrap:anywhere}.tags-entry-term strong{font-size:14px;line-height:1.35}.tags-entry-term>span:not(.ui-status-pill){color:var(--color-text-muted);font-size:11px}.tags-entry-term .ui-status-pill{margin-top:1px}.tags-entry-definition{display:-webkit-box;min-width:0;margin:0;overflow:hidden;color:var(--color-text-secondary);font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tags-entry-tags{min-width:0}.tags-entry-tags .user-tag{margin-right:3px;padding:3px 6px;font-size:10px}.tags-entry-mastery{display:grid;place-items:center}.tags-entry-mastery .mastery-ring{width:48px;height:48px}.tags-entry-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;min-width:0}.tags-entry-actions .compact-tag-editor{position:relative;min-width:0}.tags-entry-actions .compact-tag-editor>summary{min-height:30px;padding:6px 7px;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--color-primary-strong);font-size:10px;list-style:none;white-space:nowrap}.tags-entry-actions .compact-tag-editor>summary::-webkit-details-marker{display:none}.tags-entry-actions .compact-tag-editor>summary:hover{border-color:var(--border-brand);background:var(--color-primary-soft)}.tags-entry-actions .compact-tag-editor[open]{position:absolute;right:16px;z-index:5;width:min(320px,calc(100vw - 48px));padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-popover)}.tags-entry-detail-link{display:inline-flex;align-items:center;min-height:30px;padding:5px 7px;border-radius:var(--radius-xs);color:var(--color-text-secondary);font-size:10px;white-space:nowrap}.tags-entry-detail-link:hover{background:var(--color-primary-soft);color:var(--color-primary-strong)}.tags-entries-empty .ui-empty-state{min-height:250px;border:0;box-shadow:none}.confusion-preview-panel{display:grid;gap:16px}.text-link-with-arrow{display:inline-flex;align-items:center;gap:7px;color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.text-link-with-arrow:hover{color:var(--color-primary-strong)}.confusion-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.confusion-preview-card{display:grid;gap:13px;min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--surface-brand-start),var(--surface-subtle))}.confusion-preview-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.confusion-preview-card h3{margin:0;overflow-wrap:anywhere;color:var(--color-text);font-size:14px;line-height:1.4}.confusion-preview-card>header span{display:block;margin-top:4px;color:var(--color-text-muted);font-size:10px}.confusion-preview-card>header a{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;min-height:30px;border-radius:var(--radius-xs);color:var(--color-text-muted)}.confusion-preview-card>header a:hover{background:var(--color-primary-soft);color:var(--color-primary-strong)}.confusion-preview-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.confusion-preview-term{position:relative;min-width:0}.confusion-preview-term+.confusion-preview-term{padding-left:12px;border-left:1px solid var(--color-border)}.confusion-preview-term>a,.confusion-preview-term>strong{display:block;min-width:0;overflow-wrap:anywhere;color:var(--color-text);font-size:13px;font-weight:650;line-height:1.4}.confusion-preview-term>a:hover{color:var(--color-primary-strong)}.confusion-preview-term .ui-status-pill{margin-top:7px;font-size:10px}.confusion-preview-term p,.confusion-preview-focus p{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:var(--color-text-secondary);font-size:11px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.confusion-preview-vs{position:absolute;top:0;right:-21px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--border-brand);border-radius:50%;background:var(--surface-raised);color:var(--color-primary-strong);font-size:8px;font-weight:700}.confusion-preview-focus{padding-top:11px;border-top:1px solid var(--color-border)}.confusion-preview-focus>span{display:inline-flex;padding:3px 7px;border-radius:var(--radius-xs);background:var(--color-orange-soft);color:var(--state-warning);font-size:10px}.confusion-preview-focus p{-webkit-line-clamp:2}.confusion-preview-empty-note{margin:0;color:var(--color-text-muted);font-size:11px;line-height:1.7}@media (max-width: 1180px){.tags-content-layout{grid-template-columns:235px minmax(0,1fr)}.tags-entry-table-heading,.tags-entry-row{grid-template-columns:34px minmax(125px,1fr) minmax(150px,1.35fr) minmax(90px,.8fr) 58px minmax(125px,.9fr);gap:9px;padding-right:11px;padding-left:11px}}@media (max-width: 980px){.tags-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tags-content-layout{grid-template-columns:1fr}.tags-filter-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px}.tags-filter-heading,.tag-definition-form,.tags-filter-list,.tags-filter-note{grid-column:1 / -1}.tags-filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-filter-item{margin-bottom:0}.confusion-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.tags-entries-heading{align-items:flex-start;flex-direction:column}.tags-entries-controls{justify-content:flex-start;width:100%}.tags-entry-table{border:0;background:transparent}.tags-entry-table-heading{display:none}.tags-entry-row{display:grid;grid-template-columns:34px minmax(0,1fr) 60px;grid-template-areas:"favorite term mastery" "favorite definition definition" "tags tags tags" "actions actions actions";gap:10px;min-height:0;margin-top:10px;padding:15px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.tags-entry-row:first-of-type{margin-top:0}.tags-entry-row>.favorite-button{grid-area:favorite;align-self:start}.tags-entry-term{grid-area:term}.tags-entry-definition{grid-area:definition;min-height:40px}.tags-entry-tags{grid-area:tags;min-height:30px;padding-top:10px;border-top:1px solid var(--color-border)}.tags-entry-mastery{grid-area:mastery;align-self:start}.tags-entry-actions{grid-area:actions;justify-content:flex-start;padding-top:9px;border-top:1px solid var(--color-border)}.tags-entry-actions .compact-tag-editor[open]{right:0;width:min(320px,calc(100vw - 64px))}}@media (max-width: 640px){.ui-tags-page{gap:16px}.ui-tags-page .ui-page-header{align-items:flex-start}.tags-metrics-grid{gap:10px}.tags-metrics-grid .ui-metric-card{min-height:96px;padding:14px}.tags-metrics-grid .ui-metric-copy strong{font-size:20px}.tags-filter-panel,.tags-entries-panel,.confusion-preview-panel{padding:17px}.tags-filter-panel{display:block}.tags-filter-list,.confusion-preview-grid{grid-template-columns:1fr}.tags-filter-list,.tags-filter-note{margin-top:14px}.confusion-preview-heading{align-items:flex-start;flex-direction:column}.confusion-preview-card{padding:14px}}.ui-settings-page{display:grid;gap:20px;min-width:0}.ui-settings-page .ui-page-header{align-items:flex-end}.ui-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.98fr);gap:18px;align-items:start;min-width:0}.ui-settings-primary,.ui-settings-secondary{display:grid;gap:18px;min-width:0}.ui-settings-card,.ui-data-management-card{min-width:0;padding:22px;box-shadow:var(--shadow-card)}.ui-settings-card h2,.ui-data-management-card h2{margin:0}.ui-settings-card h2:before,.ui-data-management-card h2:before{display:none}.ui-settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}.ui-settings-card-title{display:flex;align-items:center;gap:10px;min-width:0}.ui-settings-card-title>div{min-width:0}.ui-settings-icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-settings-icon-blue{background:var(--color-blue-soft);color:var(--color-blue)}.ui-settings-icon-green{background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-settings-version{flex:0 0 auto;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:10px;white-space:nowrap}.ui-settings-card-description{margin:10px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.65}.ui-setting-block{margin-top:19px;padding-top:18px;border-top:1px solid var(--color-border)}.ui-setting-label-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ui-setting-label-row h3,.ui-setting-label-row p{margin:0}.ui-setting-label-row h3{color:var(--color-text);font-size:13px}.ui-setting-label-row p{margin-top:5px;color:var(--color-text-muted);font-size:11px;line-height:1.55}.ui-setting-value{flex:0 0 auto;color:var(--color-primary-strong);font-size:18px;font-weight:650;white-space:nowrap}.ui-segmented-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:13px}.ui-segment-option,.ui-custom-number{display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:6px 7px;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.ui-segment-option:has(input:checked){border-color:var(--border-brand-strong);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:650}.ui-segment-option input{position:absolute;width:1px;height:1px;opacity:0}.ui-custom-number{justify-content:space-between;gap:5px;padding-right:5px;padding-left:9px;cursor:default}.ui-custom-number input,.ui-form-field input,.ui-form-field select{min-width:0;min-height:34px;padding:6px 8px;border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:12px}.ui-custom-number input{width:48px;padding:5px 4px;text-align:center}.ui-strategy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.ui-strategy-option{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-subtle);cursor:pointer}.ui-strategy-option:has(input:checked){border-color:var(--border-brand-strong);background:var(--color-primary-soft)}.ui-strategy-option input{flex:0 0 auto;margin-top:2px;accent-color:var(--color-primary)}.ui-strategy-option span{display:grid;gap:3px;min-width:0}.ui-strategy-option strong{color:var(--color-text);font-size:11px}.ui-strategy-option small{color:var(--color-text-muted);font-size:10px;line-height:1.45}.ui-toggle-list{display:grid;gap:0}.ui-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:12px 0;border-bottom:1px solid var(--color-border)}.ui-toggle-row:first-child{padding-top:0}.ui-toggle-row:last-child{padding-bottom:0;border-bottom:0}.ui-toggle-row>div{min-width:0}.ui-toggle-row label{display:block;color:var(--color-text);font-size:12px;font-weight:600;cursor:pointer}.ui-toggle-row p{margin:4px 0 0;color:var(--color-text-muted);font-size:10px;line-height:1.55}.ui-toggle-row input[role=switch]{position:relative;flex:0 0 auto;width:40px;height:22px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:var(--surface-control-disabled);cursor:pointer;transition:background-color .16s ease}.ui-toggle-row input[role=switch]:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--surface-elevated);box-shadow:var(--shadow-control);content:"";transition:transform .16s ease}.ui-toggle-row input[role=switch]:checked{background:var(--color-primary)}.ui-toggle-row input[role=switch]:checked:after{transform:translate(18px)}.ui-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.ui-theme-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;min-width:0;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-subtle);color:var(--color-text);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.ui-theme-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.ui-theme-option input{margin:2px 0 0;accent-color:var(--color-primary)}.ui-theme-option span{display:grid;gap:3px;min-width:0}.ui-theme-option strong{font-size:11px}.ui-theme-option small{color:var(--color-text-muted);font-size:10px;line-height:1.45}.ui-theme-status{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--color-text-muted);font-size:10px}.ui-review-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.ui-form-field{display:grid;gap:6px;min-width:0;color:var(--color-text-secondary);font-size:11px}.ui-form-field>span:first-child{color:var(--color-text);font-weight:600}.ui-form-field select,.ui-form-field input{width:100%}.ui-form-field small{min-height:29px;color:var(--color-text-muted);font-size:10px;line-height:1.45}.ui-input-with-suffix{display:flex;align-items:center;gap:7px}.ui-input-with-suffix input{flex:1 1 auto}.ui-input-with-suffix em{flex:0 0 auto;color:var(--color-text-muted);font-size:11px;font-style:normal}.ui-interval-preview{min-width:0;margin-top:19px;overflow-x:auto;overflow-y:hidden}.ui-interval-preview ol{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-width:320px;margin:0;padding:0;list-style:none}.ui-interval-preview ol:before{position:absolute;top:30px;right:6.25%;left:6.25%;height:2px;background:var(--border-brand-strong);content:""}.ui-interval-preview li{display:grid;grid-template-rows:16px 12px auto;row-gap:9px;min-width:0;text-align:center}.ui-interval-preview li:before{position:relative;z-index:1;grid-row:2;justify-self:center;width:12px;height:12px;border:2px solid var(--surface-raised);border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 1px var(--border-brand-strong);content:""}.ui-interval-preview li span{grid-row:1;color:var(--color-text-muted);font-size:11px;line-height:16px;white-space:nowrap}.ui-interval-preview li strong{grid-row:3;color:var(--color-primary-strong);font-size:11px;font-weight:650;white-space:nowrap}.ui-settings-note{display:flex;align-items:flex-start;gap:7px;margin:18px 0 0;padding:10px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--state-info-soft);color:var(--color-text-secondary);font-size:10px;line-height:1.6}.ui-settings-note .app-icon{flex:0 0 auto;color:var(--color-blue)}.ui-data-management-card{display:grid;gap:0}.ui-upload-dropzone{display:grid;justify-items:center;gap:7px;min-height:154px;margin-top:18px;padding:22px 16px;border:1px dashed var(--border-brand-strong);border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--surface-brand-start),var(--brand-primary-wash));color:var(--color-text-secondary);text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.ui-upload-dropzone:hover,.ui-upload-dropzone.is-dragging{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 3px var(--brand-glow)}.ui-upload-dropzone.is-busy{cursor:progress;opacity:.78}.ui-upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-elevated);color:var(--color-primary);box-shadow:var(--shadow-brand)}.ui-upload-dropzone strong{color:var(--color-text);font-size:13px}.ui-upload-dropzone>span:not(.ui-upload-icon){color:var(--color-primary-strong);font-size:11px}.ui-upload-dropzone small{color:var(--color-text-muted);font-size:10px}.ui-selected-file{display:flex;align-items:center;gap:9px;min-width:0;margin-top:12px;padding:10px 11px;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-subtle)}.ui-selected-file-icon{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-selected-file>div{display:grid;flex:1 1 auto;gap:3px;min-width:0}.ui-selected-file strong{overflow:hidden;color:var(--color-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ui-selected-file small,.ui-backup-file-status{color:var(--color-text-muted);font-size:10px}.ui-status-ok,.ui-status-pending,.ui-status-error,.ui-preview-applied{flex:0 0 auto;padding:4px 6px;border-radius:var(--radius-pill);font-size:9px;white-space:nowrap}.ui-status-ok,.ui-preview-applied{background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-status-pending{background:var(--state-warning-soft);color:var(--state-warning)}.ui-status-error{background:var(--color-red-soft);color:var(--color-red)}.ui-import-preview{min-width:0;margin-top:14px;padding:15px;border:1px solid var(--border-brand);border-radius:var(--radius-sm);background:var(--surface-brand)}.ui-import-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ui-import-heading h3{margin:0;color:var(--color-text);font-size:14px}.ui-import-hash{margin:6px 0 0;overflow-wrap:anywhere;color:var(--color-text-muted);font-size:9px}.ui-import-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px}.ui-import-summary-grid div{display:grid;gap:4px;min-width:0;padding:8px 4px;border:1px solid var(--border-brand);border-radius:5px;background:var(--surface-elevated);text-align:center}.ui-import-summary-grid span{overflow:hidden;color:var(--color-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui-import-summary-grid strong{color:var(--color-primary-strong);font-size:17px;font-weight:650}.ui-report-details,.ui-missing-source-panel{margin-top:10px;padding:9px 10px;border:1px solid var(--border-brand);border-radius:5px;background:var(--surface-elevated);color:var(--color-text-secondary);font-size:10px;line-height:1.6}.ui-report-details>summary{color:var(--color-primary-strong);font-weight:650;cursor:pointer}.ui-report-facts{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:9px;color:var(--color-text-muted)}.ui-report-detail-list{display:grid;gap:6px;margin-top:8px}.ui-report-detail-list details{padding-top:6px;border-top:1px solid var(--color-border)}.ui-report-detail-list summary{color:var(--color-primary-strong);cursor:pointer}.ui-report-detail-list ul,.ui-missing-source-panel ul{max-height:180px;margin:7px 0 0;padding-left:17px;overflow:auto}.ui-missing-source-panel h4{margin:0 0 4px;color:var(--color-text);font-size:11px}.ui-missing-source-panel p{margin:0}.ui-import-actions,.ui-backup-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px}.ui-import-actions .primary-button,.ui-import-actions .secondary-button,.ui-backup-actions .secondary-button{min-height:35px;padding:7px 10px;font-size:11px}.ui-backup-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--color-border)}.ui-subsection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ui-subsection-heading h3{margin:0;color:var(--color-text);font-size:13px}.ui-subsection-heading p{margin:5px 0 0;color:var(--color-text-muted);font-size:10px;line-height:1.55}.ui-subsection-heading>.app-icon{flex:0 0 auto;color:var(--color-primary-strong)}.ui-backup-actions .secondary-button,.ui-backup-file-label{gap:6px}.ui-backup-file-status{margin:9px 0 0}.ui-backup-preview{margin-top:13px;padding:12px;border:1px solid var(--state-warning);border-radius:var(--radius-xs);background:var(--state-warning-soft)}.ui-backup-warning{display:flex;align-items:center;gap:7px;color:var(--state-warning);font-size:12px}.ui-backup-warning .app-icon{flex:0 0 auto}.ui-backup-preview p{margin:8px 0 0;color:var(--text-secondary);font-size:10px;line-height:1.65}.ui-settings-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-card)}.ui-settings-save-status{flex:1 1 auto;min-width:180px;color:var(--color-text-muted);font-size:11px}.ui-unsaved-status{color:var(--state-warning)}.ui-settings-form-error{grid-column:1 / -1;margin-top:-8px}.ui-empty-settings{display:grid;justify-items:center;gap:9px;min-height:240px;padding:40px 20px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center}.ui-empty-settings h2,.ui-empty-settings p{margin:0}.ui-empty-settings h2{color:var(--color-text);font-size:17px}.ui-empty-settings p{max-width:460px;color:var(--color-text-secondary);font-size:12px;line-height:1.7}@media (max-width: 1040px){.ui-settings-layout{grid-template-columns:1fr}}@media (max-width: 640px){.ui-settings-page{gap:16px}.ui-settings-card,.ui-data-management-card{padding:18px}.ui-settings-card-heading,.ui-settings-card-title{gap:8px}.ui-settings-icon{width:31px;height:31px}.ui-settings-version{padding:4px 6px;font-size:9px}.ui-segmented-options{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-custom-number{grid-column:1 / -1;justify-content:flex-start;gap:8px}.ui-strategy-options,.ui-review-fields{grid-template-columns:1fr}.ui-form-field small{min-height:0}.ui-import-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-settings-actions{align-items:stretch;justify-content:stretch}.ui-settings-save-status{flex-basis:100%}.ui-settings-actions .secondary-button,.ui-settings-actions .primary-button{flex:1 1 0;justify-content:center}}.ui5-learning-page{gap:16px}.ui5-learning-heading{align-items:flex-end}.ui5-learning-overview{display:grid;gap:0;padding:0;overflow:hidden;box-shadow:var(--shadow-card)}.ui5-learning-overview-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px) auto;gap:24px;align-items:center;padding:22px 25px 19px;border-bottom:1px solid var(--color-border)}.ui5-learning-overview-head h2,.ui5-learning-overview-head p{margin:0}.ui5-learning-overview-head h2{color:var(--color-text);font-size:20px;letter-spacing:.02em}.ui5-learning-overview-head>div:first-child>p:last-child{margin-top:6px;color:var(--color-text-secondary);font-size:12px;line-height:1.6}.ui5-learning-kicker,.learning-subcard-eyebrow{margin:0 0 7px;color:var(--color-primary-strong);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.ui5-learning-overview-progress{display:grid;gap:8px;min-width:0}.ui5-learning-progress-label{display:flex;justify-content:space-between;gap:10px;color:var(--color-text-secondary);font-size:11px}.ui5-learning-progress-label strong{color:var(--color-primary-strong);font-weight:700}.ui5-learning-progress-track,.ui5-sidebar-progress{height:7px;border-radius:var(--radius-pill);background:var(--progress-track);overflow:hidden}.ui5-learning-progress-track span,.ui5-sidebar-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-primary-strong),var(--brand-primary));transition:width .18s ease}.ui5-end-button{min-width:100px;min-height:36px;padding:7px 14px;color:var(--color-primary-strong);font-size:12px}.ui5-learning-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 25px}.ui5-learning-metric{display:flex;align-items:center;gap:10px;min-width:0;padding:0 18px;border-right:1px solid var(--color-border)}.ui5-learning-metric:first-child{padding-left:0}.ui5-learning-metric:last-child{padding-right:0;border-right:0}.ui5-learning-metric-icon{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:50%}.ui5-metric-green{background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui5-metric-blue{background:var(--color-blue-soft);color:var(--color-blue)}.ui5-metric-purple{background:var(--color-purple-soft);color:var(--color-purple)}.ui5-metric-orange{background:var(--color-orange-soft);color:var(--state-warning)}.ui5-learning-metric>span:last-child{display:grid;gap:3px;min-width:0}.ui5-learning-metric strong{color:var(--color-text);font-size:20px;font-weight:700;line-height:1;white-space:nowrap}.ui5-learning-metric small{color:var(--color-text-muted);font-size:10px;white-space:nowrap}.ui5-learning-plan-note{display:flex;justify-content:space-between;gap:12px;min-width:0;padding:12px 25px;border-top:1px solid var(--color-border);border-left:0;background:var(--color-surface-subtle);font-size:11px}.ui5-learning-plan-note strong{color:var(--color-text);font-size:12px}.ui5-learning-plan-note span{color:var(--color-text-muted);text-align:right}.ui5-session-notice{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--state-warning);border-radius:var(--radius-sm);background:var(--state-warning-soft);color:var(--state-warning);font-size:11px}.ui5-learning-workspace{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:18px;align-items:start;min-width:0}.ui5-learning-main{display:grid;gap:10px;min-width:0}.ui5-learning-progress-row{max-width:none;width:auto;margin:0;padding:0 3px}.ui5-recall-card{max-width:none;width:auto;margin:0;padding:22px 26px 25px;box-shadow:var(--shadow-card)}.ui5-recall-topline{min-height:32px}.ui5-recall-actions{display:flex;align-items:center;gap:8px}.ui5-recall-prompt{min-height:245px;padding:33px 15px 27px}.ui5-recall-prompt h2{color:var(--text-primary);font-weight:650}.ui5-prompt-meta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:30px;margin-top:4px}.ui5-prompt-meta .recall-prompt-pinyin{margin:0;color:var(--color-text-secondary);font-size:14px}.ui5-reveal-button{width:min(230px,100%);min-height:42px;margin:0 auto;font-size:13px;box-shadow:var(--shadow-brand)}.ui5-recall-card .recall-answer{padding-top:22px}.ui5-recall-card .feedback-section{margin-top:22px}.ui5-feedback-button{position:relative;min-height:76px;padding:12px 8px 9px}.feedback-key{position:absolute;top:7px;left:8px;display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:var(--surface-elevated);color:currentColor;font-size:10px;font-weight:700}.learning-history-notice{display:flex;align-items:center;gap:8px;margin-top:20px;padding:11px 13px;border:1px solid var(--border-brand);border-radius:var(--radius-sm);background:var(--color-primary-wash);color:var(--color-primary-strong);font-size:12px}.learning-history-notice span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--color-primary-soft);font-weight:700}.learning-history-notice p{margin:0}.learning-queue-preview{margin-top:22px;padding-top:18px;border-top:1px solid var(--color-border)}.learning-subcard-heading,.learning-sidebar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.learning-subcard-heading h3,.learning-sidebar-heading h2{margin:0;color:var(--color-text);font-size:14px}.learning-subcard-eyebrow{margin-bottom:4px;font-size:9px}.learning-subcard-count,.ui5-plan-date{color:var(--color-text-muted);font-size:10px}.learning-preview-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.learning-preview-item{display:grid;gap:7px;min-width:0;min-height:66px;padding:10px 9px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.learning-preview-index{color:var(--color-primary-strong);font-size:10px;font-weight:700}.learning-preview-term{display:grid;gap:4px;min-width:0}.learning-preview-term strong{overflow:hidden;color:var(--color-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.learning-preview-term small{color:var(--color-text-muted);font-size:10px}.learning-preview-empty{margin:12px 0 0;color:var(--color-text-muted);font-size:11px}.ui5-learning-sidebar{display:grid;gap:14px;min-width:0}.learning-sidebar-card{min-width:0;padding:17px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.learning-sidebar-card h2:before{display:none}.ui5-plan-list,.ui5-shortcuts-list{display:grid;gap:12px;margin:17px 0 15px;padding:0;list-style:none}.ui5-plan-list li,.ui5-shortcuts-list li{display:flex;align-items:center;gap:8px;min-width:0;color:var(--color-text-secondary);font-size:11px}.ui5-plan-list li strong{margin-left:auto;color:var(--color-text);font-size:11px;font-weight:650;white-space:nowrap}.ui5-plan-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%}.ui5-plan-dot-green{background:var(--color-primary)}.ui5-plan-dot-blue{background:var(--color-blue)}.ui5-plan-dot-muted{border:1px solid var(--color-border-strong);background:var(--color-surface)}.ui5-sidebar-progress{height:5px}.ui5-sidebar-caption,.learning-sidebar-hint,.learning-sidebar-empty{margin:12px 0 0;color:var(--color-text-muted);font-size:10px;line-height:1.6}.learning-sidebar-link{color:var(--color-primary-strong);font-size:11px;text-decoration:none}.learning-sidebar-link:hover{text-decoration:underline}.learning-quick-tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.learning-quick-tag{min-height:29px;padding:5px 8px;border:1px solid var(--border-brand);border-radius:6px;background:var(--color-primary-wash);color:var(--color-primary-strong);font:inherit;font-size:10px}.learning-quick-tag:hover:not(:disabled),.learning-quick-tag.active{border-color:var(--border-brand-strong);background:var(--color-primary-soft);font-weight:650}.learning-quick-tag:disabled{cursor:wait;opacity:.62}.ui5-shortcuts-card .app-icon{color:var(--color-primary-strong)}.ui5-shortcuts-list{gap:8px;margin-bottom:0}.ui5-shortcuts-list kbd{display:inline-grid;flex:0 0 auto;min-width:32px;min-height:27px;place-items:center;padding:4px 6px;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface-subtle);color:var(--color-text);font:inherit;font-size:10px}.ui5-shortcuts-list span{color:var(--color-text-secondary)}.ui5-learning-empty-state,.ui5-session-summary,.ui5-learning-complete-state{min-height:270px;padding:42px 20px;box-shadow:var(--shadow-card)}.ui5-session-summary .learning-empty-mark{color:var(--color-blue);background:var(--color-blue-soft)}.ui5-session-summary .ui5-learning-kicker,.ui5-learning-complete-state .ui5-learning-kicker{margin-bottom:3px}.ui5-session-summary h2,.ui5-learning-complete-state h2{margin-top:0}@media (max-width: 1080px){.ui5-learning-workspace{grid-template-columns:minmax(0,1fr) 240px}.ui5-learning-overview-head{gap:15px}}@media (max-width: 900px){.ui5-learning-overview-head{grid-template-columns:minmax(0,1fr) minmax(170px,230px)}.ui5-end-button{grid-column:1 / -1;justify-self:end}.ui5-learning-workspace{grid-template-columns:1fr}.ui5-learning-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ui5-shortcuts-card{grid-column:1 / -1}}@media (max-width: 640px){.ui5-learning-overview-head{grid-template-columns:1fr;gap:13px;padding:18px}.ui5-learning-overview-progress{order:3}.ui5-end-button{grid-column:auto;justify-self:stretch;width:100%}.ui5-learning-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 0;padding:16px 18px}.ui5-learning-metric,.ui5-learning-metric:first-child,.ui5-learning-metric:last-child{padding:0 10px;border-right:0}.ui5-learning-metric:nth-child(odd){padding-left:0;border-right:1px solid var(--color-border)}.ui5-learning-metric:nth-child(2n){padding-right:0}.ui5-learning-metric strong{font-size:18px}.ui5-learning-plan-note{display:grid;gap:5px;padding:12px 18px}.ui5-learning-plan-note span{text-align:left}.ui5-recall-card{padding:18px 15px 20px}.ui5-recall-prompt{min-height:190px;padding:25px 5px 21px}.ui5-recall-prompt h2{font-size:clamp(32px,12vw,47px)}.ui5-recall-topline{align-items:flex-start}.learning-preview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-preview-item:last-child:nth-child(odd){grid-column:1 / -1}.ui5-learning-sidebar{grid-template-columns:1fr}.ui5-shortcuts-card{grid-column:auto}.ui5-session-summary,.ui5-learning-empty-state,.ui5-learning-complete-state{min-height:240px;padding:32px 16px}}.review-only-page .ui5-learning-overview-head{grid-template-columns:minmax(0,1fr) minmax(210px,280px)}.review-only-page .ui5-learning-overview-head>div:first-child>p:last-child{max-width:460px}.ui6-review-metrics .ui5-learning-metric{align-items:flex-start}.ui6-review-metrics .ui5-learning-metric>span:last-child{align-content:start;min-height:45px}.ui6-review-metrics .ui5-learning-metric em{overflow:hidden;color:var(--color-text-muted);font-size:10px;font-style:normal;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ui6-review-metrics .ui5-metric-blue{background:var(--color-blue-soft);color:var(--color-blue)}.ui6-review-metrics .ui5-metric-orange{background:var(--color-orange-soft);color:var(--state-warning)}.ui6-review-metrics .ui5-metric-purple{background:var(--color-purple-soft);color:var(--color-purple)}.ui6-review-plan-note strong{color:var(--color-primary-strong)}.ui6-review-state-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;color:var(--color-text-muted);font-size:11px}.ui6-review-state-meta>span:not(.ui6-review-status){padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-subtle)}.ui6-review-status{padding:4px 8px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:650}.ui6-review-queue-card,.ui6-review-strategy-card{overflow:hidden}.ui6-review-queue-count{color:var(--color-primary-strong);font-size:11px;font-weight:700;white-space:nowrap}.ui6-review-queue-order{display:flex;align-items:center;gap:5px;margin:12px 0 0;color:var(--color-text-muted);font-size:10px;line-height:1.5}.ui6-review-queue-order .app-icon{flex:0 0 auto;color:var(--color-primary-strong)}.ui6-review-queue-list{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}.ui6-review-queue-list li{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;padding:9px 2px;border-bottom:1px solid var(--color-border)}.ui6-review-queue-list li:last-child{border-bottom:0}.ui6-review-queue-list li.current{margin:0 -6px;padding-right:8px;padding-left:8px;border-radius:7px;background:var(--color-primary-wash)}.ui6-review-queue-index{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:10px;font-weight:700}.ui6-review-queue-list li.current .ui6-review-queue-index{background:var(--color-primary);color:var(--brand-on-primary)}.ui6-review-queue-term{display:grid;min-width:0;gap:3px}.ui6-review-queue-term strong{overflow:hidden;color:var(--color-text);font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.ui6-review-queue-term small{overflow:hidden;color:var(--color-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui6-current-mark{color:var(--color-primary-strong);font-size:9px;font-weight:700}.ui6-review-queue-toggle{width:100%;min-height:34px;margin-top:12px;padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary-strong);font-size:11px}.ui6-review-queue-toggle:hover{border-color:var(--color-primary);background:var(--color-primary-wash)}.ui6-review-strategy-name{margin:15px 0 4px;color:var(--color-text);font-size:13px;font-weight:700}.ui6-review-strategy-description,.ui6-review-strategy-limits{margin:0;color:var(--color-text-secondary);font-size:10px;line-height:1.65}.ui6-review-intervals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0 13px;padding:0;list-style:none}.ui6-review-intervals li{display:grid;gap:4px;min-width:0;padding:7px 3px;border:1px solid var(--border-brand);border-radius:6px;background:var(--color-primary-wash);text-align:center}.ui6-review-intervals li span{color:var(--color-primary-strong);font-size:9px;font-weight:700}.ui6-review-intervals li strong{overflow:hidden;color:var(--color-text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui6-review-explanation{margin-top:14px;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:10px;line-height:1.65}.ui6-review-explanation summary{padding-top:12px;color:var(--color-primary-strong);font-weight:650;list-style-position:inside}.ui6-review-explanation>div{padding-top:10px}.ui6-review-explanation p{margin-bottom:8px}.ui6-review-explanation p:last-child{margin-bottom:0}.ui6-review-explanation ul{display:grid;gap:5px;margin:0 0 8px;padding-left:17px}@media (max-width: 900px){.review-only-page .ui5-learning-overview-head{grid-template-columns:minmax(0,1fr) minmax(180px,240px)}}@media (max-width: 640px){.review-only-page .ui5-learning-overview-head{grid-template-columns:1fr}.ui6-review-metrics .ui5-learning-metric>span:last-child{min-height:48px}.ui6-review-state-meta{gap:5px;font-size:10px}.ui6-review-intervals{gap:5px}}.ui7-statistics-page{gap:16px}.ui7-statistics-header{align-items:flex-end;padding-bottom:2px}.ui7-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;min-width:0}.ui7-metric-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:104px;padding:17px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.ui7-metric-icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui7-metric-copy{display:grid;gap:4px;min-width:0}.ui7-metric-copy>span{overflow:hidden;color:var(--color-text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ui7-metric-copy strong{overflow:hidden;color:var(--color-text);font-size:25px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.ui7-metric-copy small{overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ui7-metric-mastered .ui7-metric-icon{background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui7-metric-learning .ui7-metric-icon{background:var(--color-blue-soft);color:var(--color-blue)}.ui7-metric-reviewing .ui7-metric-icon{background:var(--color-orange-soft);color:var(--state-warning)}.ui7-metric-streak .ui7-metric-icon{background:var(--color-red-soft);color:var(--state-danger)}.ui7-today-strip{display:flex;align-items:center;flex-wrap:wrap;gap:18px;min-height:42px;padding:9px 16px;border:1px solid var(--border-brand);border-radius:var(--radius-sm);background:var(--color-primary-wash);color:var(--color-text-secondary);font-size:11px}.ui7-today-strip span{display:inline-flex;align-items:baseline;gap:5px}.ui7-today-strip strong{color:var(--color-primary-strong);font-size:15px}.ui7-today-note{margin-left:auto;color:var(--color-text-muted);font-size:10px}.ui7-chart-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;min-width:0}.ui7-chart-panel,.ui7-distribution-panel,.ui7-recent-panel,.ui7-week-panel,.ui7-import-panel,.ui7-hardest-panel{min-width:0;padding:20px 21px;overflow:hidden;box-shadow:var(--shadow-card)}.ui7-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}.ui7-section-heading h2{margin:0;color:var(--color-text);font-size:17px;letter-spacing:.01em}.ui7-kicker{margin:0 0 6px;color:var(--color-primary-strong);font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.ui7-range-control{display:grid;flex:0 0 auto;gap:4px;color:var(--color-text-muted);font-size:9px}.ui7-range-control select{min-width:88px;min-height:32px;padding:5px 25px 5px 9px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:11px}.ui7-chart-content{min-width:0}.ui7-chart-visual{width:100%;min-width:0;margin-top:12px;overflow:hidden}.ui7-chart-svg{display:block;width:100%;height:auto;min-height:180px;overflow:visible}.ui7-chart-grid line{stroke:var(--chart-grid);stroke-dasharray:3 4;stroke-width:1}.ui7-chart-grid text,.ui7-chart-points text,.ui7-chart-bars text{fill:var(--color-text-muted);font-family:inherit;font-size:10px;text-anchor:middle}.ui7-chart-grid text{text-anchor:end}.ui7-chart-area{pointer-events:none}.ui7-chart-area-start,.ui7-chart-area-end{stop-color:var(--chart-line)}.ui7-chart-line{fill:none;stroke:var(--chart-line);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.ui7-chart-points circle{fill:var(--surface-raised);stroke:var(--chart-line);stroke-width:2}.ui7-chart-bars rect{fill:var(--chart-bar)}.ui7-chart-bars rect:hover{fill:var(--color-primary-strong)}.ui7-chart-empty{display:grid;place-items:center;min-height:208px;margin:12px 0 0;padding:20px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:11px;text-align:center}.ui7-chart-data{margin-top:4px;border-top:1px solid var(--color-border)}.ui7-chart-data summary{width:fit-content;padding-top:9px;color:var(--color-primary-strong);cursor:pointer;font-size:10px}.ui7-data-table-wrap{max-width:100%;margin-top:9px;overflow-x:auto}.ui7-data-table-wrap table{width:100%;min-width:430px;border-collapse:collapse;color:var(--color-text-secondary);font-size:10px;text-align:left}.ui7-data-table-wrap caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ui7-data-table-wrap th,.ui7-data-table-wrap td{padding:7px 8px;border-bottom:1px solid var(--color-border);white-space:nowrap}.ui7-data-table-wrap th{color:var(--color-text);font-weight:650}.ui7-detail-grid{display:grid;grid-template-columns:minmax(235px,.9fr) minmax(370px,1.15fr) minmax(300px,1fr);gap:16px;min-width:0}.ui7-distribution-total{display:grid;place-items:center;min-height:105px;margin:15px auto 8px;border-radius:50%;color:var(--color-text);text-align:center;width:105px}.ui7-distribution-total strong,.ui7-distribution-total span{grid-column:1;grid-row:1}.ui7-distribution-total strong{align-self:center;font-size:22px}.ui7-distribution-total span{align-self:end;margin-bottom:27px;color:var(--color-text-muted);font-size:9px}.ui7-distribution-list,.ui7-recent-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.ui7-distribution-list li{display:grid;grid-template-columns:64px minmax(0,1fr) 38px 42px;gap:7px;align-items:center;min-width:0;color:var(--color-text-secondary);font-size:10px}.ui7-distribution-label{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.ui7-distribution-dot{flex:0 0 auto;width:8px;height:8px;border-radius:2px;background:var(--color-primary)}.ui7-distribution-learning{background:var(--color-blue)}.ui7-distribution-reviewing{background:var(--color-orange)}.ui7-distribution-new{background:var(--chart-new)}.ui7-distribution-track{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--progress-track)}.ui7-distribution-track i{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.ui7-distribution-list li:nth-child(2) .ui7-distribution-track i{background:var(--color-blue)}.ui7-distribution-list li:nth-child(3) .ui7-distribution-track i{background:var(--color-orange)}.ui7-distribution-list li:nth-child(4) .ui7-distribution-track i{background:var(--chart-new)}.ui7-distribution-list strong{color:var(--color-text-secondary);font-size:10px;text-align:right}.ui7-distribution-list li>span:last-child{color:var(--color-text-muted);text-align:right;white-space:nowrap}.ui7-recent-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.ui7-recent-columns section{min-width:0}.ui7-recent-columns h3{margin:0 0 9px;color:var(--color-text-secondary);font-size:11px}.ui7-recent-list{gap:0}.ui7-recent-list li{min-width:0;border-bottom:1px solid var(--color-border)}.ui7-recent-list li:last-child{border-bottom:0}.ui7-recent-list a{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:7px;align-items:center;min-width:0;padding:8px 0;color:inherit;text-decoration:none}.ui7-recent-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui7-recent-mark-mastered{background:var(--color-blue-soft);color:var(--color-blue)}.ui7-recent-copy{display:grid;gap:3px;min-width:0}.ui7-recent-copy strong{overflow:hidden;color:var(--color-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ui7-recent-copy small,.ui7-recent-list time{overflow:hidden;color:var(--color-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui7-recent-list a:hover strong{color:var(--color-primary-strong)}.ui7-list-empty{margin:17px 0 0;color:var(--color-text-muted);font-size:11px;line-height:1.6}.ui7-week-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin-top:17px}.ui7-week-metrics>div{display:grid;gap:4px;min-width:0;padding:10px 0;border-bottom:1px solid var(--color-border)}.ui7-week-metrics>div:nth-last-child(-n+1){grid-column:1 / -1}.ui7-week-metrics span{color:var(--color-text-muted);font-size:10px}.ui7-week-metrics strong{overflow:hidden;color:var(--color-text);font-size:19px;text-overflow:ellipsis;white-space:nowrap}.ui7-week-metrics small{overflow:hidden;color:var(--color-primary-strong);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui7-period-label{flex:0 0 auto;color:var(--color-text-muted);font-size:10px;white-space:nowrap}.ui7-period-note{display:grid;gap:4px;margin-top:11px;color:var(--color-text-muted);font-size:9px;line-height:1.5}.ui7-import-panel{padding-bottom:16px}.ui7-import-list{display:grid;gap:0;margin:15px 0 0;padding:0;list-style:none}.ui7-import-list li{display:grid;grid-template-columns:150px minmax(0,1fr) repeat(3,auto);gap:12px;align-items:center;min-width:0;min-height:41px;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:10px}.ui7-import-list time{color:var(--color-text-muted);white-space:nowrap}.ui7-import-list strong{overflow:hidden;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.ui7-import-list span{white-space:nowrap}.ui7-hardest-panel{padding-top:19px}.ui7-hardest-panel .ui7-section-heading{margin-bottom:12px}.ui7-boundary-note{margin:0;color:var(--color-text-muted);font-size:10px;line-height:1.6;text-align:center}@media (max-width: 1180px){.ui7-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui7-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui7-week-panel{grid-column:1 / -1}}@media (max-width: 900px){.ui7-chart-grid,.ui7-detail-grid{grid-template-columns:1fr}.ui7-week-panel{grid-column:auto}}@media (max-width: 640px){.ui7-statistics-header{align-items:flex-start}.ui7-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ui7-metric-card{min-height:88px;padding:13px 11px}.ui7-metric-icon{width:34px;height:34px}.ui7-metric-copy strong{font-size:21px}.ui7-today-strip{align-items:flex-start;gap:8px 14px}.ui7-today-note{width:100%;margin-left:0}.ui7-chart-panel,.ui7-distribution-panel,.ui7-recent-panel,.ui7-week-panel,.ui7-import-panel,.ui7-hardest-panel{padding:17px 15px}.ui7-section-heading h2{font-size:16px}.ui7-chart-svg{min-height:150px}.ui7-recent-columns{grid-template-columns:1fr;gap:17px}.ui7-import-list li{grid-template-columns:1fr 1fr;gap:5px 9px;padding:8px 0}.ui7-import-list time,.ui7-import-list strong{grid-column:span 1}.ui7-import-list span{font-size:9px}.ui7-period-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 380px){.ui7-metric-grid{grid-template-columns:1fr}}.ui8-home-page{gap:16px;min-width:0}.ui8-home-page>*{min-width:0}.ui8-hero{position:relative;display:flex;align-items:center;min-height:154px;padding:28px 38px;overflow:hidden;isolation:isolate;border:1px solid var(--border-brand);border-radius:var(--radius-md);background:radial-gradient(circle at 63% 12%,var(--hero-highlight) 0 8%,transparent 32%),linear-gradient(104deg,var(--brand-primary-wash) 0%,var(--brand-primary-soft) 51%,var(--surface-brand-end) 100%);box-shadow:var(--shadow-card)}.ui8-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(162deg,transparent 48%,var(--border-brand) 49%,transparent 50%),linear-gradient(19deg,transparent 65%,var(--surface-brand-end) 66%,transparent 68%);opacity:.36}.ui8-hero-copy{position:relative;z-index:2;max-width:530px}.ui8-kicker{margin:0 0 7px;color:var(--color-primary-strong);font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.ui8-hero h1{margin:0 0 10px;color:var(--text-strong);font-size:clamp(27px,3.1vw,35px);letter-spacing:.01em;line-height:1.2}.ui8-hero h1 span{display:inline-block;margin-left:4px;font-size:.75em;transform:rotate(-8deg)}.ui8-hero-copy>p:last-child{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6}.ui8-hero-art{position:absolute;right:0;bottom:0;width:58%;height:100%;overflow:hidden;pointer-events:none}.ui8-hero-ridge,.ui8-hero-pavilion,.ui8-hero-bamboo{position:absolute;display:block}.ui8-hero-ridge{right:5%;bottom:0;width:78%;height:76%;opacity:.72;clip-path:polygon(0 87%,11% 60%,24% 73%,34% 30%,43% 62%,55% 15%,66% 57%,78% 38%,89% 68%,100% 48%,100% 100%,0 100%)}.ui8-hero-ridge-back{right:12%;bottom:12px;height:70%;background:var(--surface-brand-end);opacity:.45;transform:scaleX(1.1)}.ui8-hero-ridge-front{background:var(--brand-primary);opacity:.3}.ui8-hero-pavilion{right:18%;bottom:14px;width:145px;height:43px;border-bottom:3px solid var(--text-secondary);border-left:2px solid var(--border-brand-strong);border-right:2px solid var(--border-brand-strong);background:linear-gradient(90deg,transparent 14%,var(--border-brand-strong) 15% 18%,transparent 19% 38%,var(--border-brand-strong) 39% 42%,transparent 43% 63%,var(--border-brand-strong) 64% 67%,transparent 68% 86%,var(--border-brand-strong) 87% 90%,transparent 91%);opacity:.72}.ui8-hero-pavilion:before{position:absolute;top:-14px;right:-10px;left:-10px;height:17px;content:"";border:2px solid var(--text-secondary);border-radius:50% 50% 4px 4px;background:var(--surface-brand-end);clip-path:polygon(0 70%,50% 0,100% 70%,94% 100%,6% 100%)}.ui8-hero-pavilion:after{position:absolute;right:20px;bottom:-11px;width:105px;height:11px;content:"";border-bottom:2px solid var(--border-brand-strong);border-radius:50%}.ui8-hero-bamboo{top:-13px;right:2%;width:115px;height:166px;border-left:7px solid var(--border-brand-strong);border-radius:48% 0 0;opacity:.5;transform:rotate(18deg)}.ui8-hero-bamboo:before,.ui8-hero-bamboo:after{position:absolute;width:75px;height:22px;content:"";border-radius:100% 0;background:var(--brand-primary)}.ui8-hero-bamboo:before{top:34px;right:18px;transform:rotate(-33deg)}.ui8-hero-bamboo:after{top:70px;right:3px;transform:rotate(25deg)}.ui8-progress-panel{padding:21px 24px;overflow:hidden;box-shadow:var(--shadow-card)}.ui8-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}.ui8-section-heading h2{margin:0;color:var(--color-text);font-size:17px;letter-spacing:.01em}.ui8-generated-label,.ui8-section-count,.ui8-streak-label{flex:0 0 auto;color:var(--color-text-muted);font-size:10px;white-space:nowrap}.ui8-progress-grid{display:grid;grid-template-columns:150px repeat(4,minmax(0,1fr));gap:0;align-items:center;margin-top:19px}.ui8-progress-ring{position:relative;display:grid;place-content:center;width:112px;height:112px;margin:0 auto;border-radius:50%;background:conic-gradient(var(--color-primary) var(--progress),var(--progress-track) 0);text-align:center}.ui8-progress-ring:before{position:absolute;top:8px;right:8px;bottom:8px;left:8px;content:"";border-radius:50%;background:var(--color-surface)}.ui8-progress-ring strong,.ui8-progress-ring span{position:relative;z-index:1}.ui8-progress-ring strong{color:var(--color-primary-strong);font-size:24px;line-height:1}.ui8-progress-ring strong small{font-size:13px}.ui8-progress-ring span{margin-top:6px;color:var(--color-text-muted);font-size:10px}.ui8-overview-metric{display:grid;align-content:center;min-height:76px;padding:4px 21px;border-left:1px solid var(--color-border)}.ui8-overview-metric>span,.ui8-overview-metric>small{overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ui8-overview-metric strong{display:block;margin:9px 0 4px;overflow:hidden;color:var(--color-primary-strong);font-size:26px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.ui8-overview-metric strong em{color:var(--color-text-secondary);font-size:11px;font-style:normal;font-weight:500}.ui8-task-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.08fr) minmax(205px,1.16fr);gap:14px;min-width:0}.ui8-task-card{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;min-height:126px;padding:17px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.ui8-task-card:hover{border-color:var(--border-brand-strong);box-shadow:var(--shadow-card);transform:translateY(-1px)}.ui8-task-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--color-blue-soft);color:var(--color-blue)}.ui8-task-new{border-color:var(--border-brand);background:var(--brand-primary-wash)}.ui8-task-new .ui8-task-icon{background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui8-task-mastered{border-color:var(--state-warning);background:var(--state-warning-soft)}.ui8-task-mastered .ui8-task-icon{background:var(--color-orange-soft);color:var(--state-warning)}.ui8-task-copy{display:grid;gap:5px;min-width:0}.ui8-task-copy>span{overflow:hidden;color:var(--color-text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ui8-task-copy strong{overflow:hidden;color:var(--color-text);font-size:25px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.ui8-task-copy strong em{color:var(--color-text-secondary);font-size:11px;font-style:normal;font-weight:500}.ui8-task-copy small{overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ui8-task-arrow{color:var(--text-muted)}.ui8-task-track{display:block;width:100%;height:5px;margin-top:2px;overflow:hidden;border-radius:var(--radius-pill);background:var(--state-warning-soft)}.ui8-task-track i{display:block;height:100%;border-radius:inherit;background:var(--color-orange)}.ui8-study-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-content:center;min-width:0;min-height:126px;padding:17px 21px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-strong));box-shadow:var(--shadow-brand);color:var(--brand-on-primary);text-decoration:none;transition:background .15s ease,transform .15s ease}.ui8-study-cta:hover{background:linear-gradient(135deg,var(--brand-primary-strong),var(--brand-primary));transform:translateY(-1px)}.ui8-study-cta-title{align-self:center;overflow:hidden;font-size:21px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.ui8-study-cta-circle{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-elevated);color:var(--color-primary-strong)}.ui8-study-cta small{grid-column:1 / -1;color:var(--brand-primary-soft);font-size:10px}.home-random-panel{display:grid;gap:14px;min-width:0;padding:20px 24px;overflow:hidden;box-shadow:var(--shadow-card)}.home-random-hint{color:var(--color-text-muted);font-size:11px;text-align:right}.home-random-ready{display:flex;align-items:center;gap:16px;min-height:56px}.home-random-ready p{flex:1;margin:0;color:var(--color-text-secondary);font-size:13px}.home-random-deck{display:grid;flex:0 0 auto;place-items:center;width:52px;height:52px;border:1px solid var(--border-brand);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-strong);transform:rotate(-5deg)}.home-random-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:22px;min-width:0;padding:20px;border:1px solid var(--border-brand);border-radius:var(--radius-md);background:var(--brand-primary-wash)}.home-random-word{align-self:center;min-width:0}.home-random-word>span{color:var(--color-primary-strong);font-size:11px;font-weight:700}.home-random-word h3{margin:8px 0 3px;overflow-wrap:anywhere;color:var(--text-strong);font-size:clamp(23px,2.5vw,32px);line-height:1.25}.home-random-word p,.home-random-prompt{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.home-random-content{display:grid;align-content:center;gap:14px;min-width:0;padding-left:22px;border-left:1px solid var(--color-border)}.home-random-answer{display:grid;gap:12px;max-height:250px;overflow:auto;overflow-wrap:anywhere}.home-random-answer strong{display:block;margin-bottom:3px;color:var(--color-primary-strong);font-size:11px}.home-random-answer .markdown-content,.home-random-answer>p{margin:0;color:var(--color-text);font-size:13px;line-height:1.6}.home-random-actions{display:flex;flex-wrap:wrap;gap:9px}.home-random-primary,.home-random-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 15px;border:1px solid var(--border-brand);border-radius:var(--radius-sm);font-size:12px;font-weight:650;text-decoration:none}.home-random-primary{border-color:var(--brand-primary);background:var(--brand-primary);color:var(--brand-on-primary)}.home-random-primary:hover{background:var(--brand-primary-strong);color:var(--brand-on-primary)}.home-random-secondary{background:var(--color-surface);color:var(--color-primary-strong)}.home-random-secondary:hover{border-color:var(--border-brand-strong)}.home-random-text-link{font-size:12px;font-weight:650}.home-random-note,.home-random-error{margin:0;color:var(--color-text-muted);font-size:10px;line-height:1.5}.home-random-error{color:var(--state-danger)}.ui8-lower-grid{display:grid;grid-template-columns:minmax(275px,1fr) minmax(330px,1.12fr) minmax(270px,.94fr);gap:14px;min-width:0}.ui8-breakdown-panel,.ui8-recent-panel,.ui8-calendar-panel{min-width:0;padding:20px 21px;overflow:hidden;box-shadow:var(--shadow-card)}.ui8-breakdown-list{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}.ui8-breakdown-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:7px 9px;align-items:center;min-width:0;padding:11px 0;border-bottom:1px solid var(--color-border)}.ui8-breakdown-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--color-blue-soft);color:var(--color-blue)}.ui8-breakdown-green{background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui8-breakdown-orange{background:var(--color-orange-soft);color:var(--state-warning)}.ui8-breakdown-copy{display:grid;gap:3px;min-width:0}.ui8-breakdown-copy strong{overflow:hidden;color:var(--color-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ui8-breakdown-copy small{overflow:hidden;color:var(--color-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui8-breakdown-list li>b{color:var(--color-text-secondary);font-size:11px;white-space:nowrap}.ui8-breakdown-track{grid-column:2 / -1;display:block;height:5px;overflow:hidden;border-radius:var(--radius-pill);background:var(--progress-track)}.ui8-breakdown-track i{display:block;height:100%;border-radius:inherit;background:var(--color-blue)}.ui8-breakdown-list li:nth-child(2) .ui8-breakdown-track i{background:var(--color-primary)}.ui8-breakdown-list li:nth-child(3) .ui8-breakdown-track i{background:var(--color-orange)}.ui8-breakdown-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:15px}.ui8-breakdown-total span{color:var(--color-text-secondary);font-size:10px}.ui8-breakdown-total strong{color:var(--color-primary-strong);font-size:16px;white-space:nowrap}.ui8-text-link{flex:0 0 auto;color:var(--color-primary-strong);font-size:10px;text-decoration:none}.ui8-text-link:hover{text-decoration:underline}.ui8-recent-list{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}.ui8-recent-list li{min-width:0;border-bottom:1px solid var(--color-border)}.ui8-recent-list li:last-child{border-bottom:0}.ui8-recent-list a{display:grid;grid-template-columns:24px minmax(0,1fr) auto 15px;gap:7px;align-items:center;min-width:0;padding:8px 0;color:inherit;text-decoration:none}.ui8-recent-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:var(--color-blue-soft);color:var(--color-blue)}.ui8-recent-copy{display:grid;gap:3px;min-width:0}.ui8-recent-copy strong{overflow:hidden;color:var(--color-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ui8-recent-copy small,.ui8-recent-list time{overflow:hidden;color:var(--color-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui8-recent-list a:hover strong{color:var(--color-primary-strong)}.ui8-recent-arrow{color:var(--text-muted)}.ui8-list-empty{display:grid;justify-items:center;gap:8px;min-height:226px;align-content:center;color:var(--color-text-muted);text-align:center}.ui8-list-empty .app-icon{color:var(--text-muted)}.ui8-list-empty p{margin:0;font-size:11px}.ui8-calendar-month{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:15px 0 12px}.ui8-calendar-month strong{color:var(--color-text);font-size:14px}.ui8-calendar-month span{color:var(--color-text-muted);font-size:9px;white-space:nowrap}.ui8-calendar-weekdays,.ui8-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.ui8-calendar-weekdays{margin-bottom:5px;color:var(--color-text-muted);font-size:9px}.ui8-calendar-day{display:grid;place-items:center;width:28px;height:28px;margin:0 auto;border:1px solid transparent;border-radius:50%;color:var(--color-text-secondary);font-size:10px}.ui8-calendar-day.is-outside{color:var(--text-disabled)}.ui8-calendar-day.is-active{background:var(--brand-primary-soft);color:var(--color-primary-strong);font-weight:650}.ui8-calendar-day.is-today{border-color:var(--color-primary-strong)}.ui8-calendar-day.is-active.is-today{background:var(--color-primary);color:var(--brand-on-primary)}.ui8-calendar-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;color:var(--color-text-muted);font-size:9px}.ui8-calendar-legend span{display:inline-flex;align-items:center;gap:4px}.ui8-calendar-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.ui8-calendar-legend i.is-active{background:var(--color-primary)}.ui8-calendar-legend i.is-today{border:1px solid var(--color-primary-strong);background:transparent}.ui8-calendar-empty{margin:12px 0 0;color:var(--color-text-muted);font-size:9px;line-height:1.5}.ui8-quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;padding:3px 0 0}.ui8-quick-links a{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-muted);font-size:10px;text-decoration:none}.ui8-quick-links a:hover{color:var(--color-primary-strong)}.ui8-quick-links a span{min-width:16px;padding:1px 4px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-strong);text-align:center}@media (max-width: 1180px){.ui8-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui8-study-cta{min-height:110px}}@media (max-width: 1020px){.ui8-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui8-calendar-panel{grid-column:1 / -1}}@media (max-width: 900px){.ui8-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.ui8-progress-ring{grid-row:span 2}.ui8-overview-metric:nth-of-type(3){border-left:0}.ui8-lower-grid{grid-template-columns:1fr}.ui8-calendar-panel{grid-column:auto}}@media (max-width: 640px){.home-random-panel{padding:17px 15px}.home-random-hint{max-width:145px}.home-random-ready{flex-wrap:wrap;gap:10px}.home-random-ready p{flex-basis:calc(100% - 65px)}.home-random-ready .home-random-primary{margin-left:62px}.home-random-card{grid-template-columns:1fr;gap:14px;padding:16px}.home-random-content{padding:14px 0 0;border-top:1px solid var(--color-border);border-left:0}.ui8-hero{min-height:151px;padding:22px}.ui8-hero h1{font-size:26px}.ui8-hero-copy>p:last-child{max-width:230px;font-size:12px}.ui8-hero-art{width:64%;opacity:.65}.ui8-progress-panel,.ui8-breakdown-panel,.ui8-recent-panel,.ui8-calendar-panel{padding:17px 15px}.ui8-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui8-progress-ring{width:90px;height:90px}.ui8-progress-ring strong{font-size:19px}.ui8-progress-ring span{margin-top:4px;font-size:9px}.ui8-overview-metric{padding:3px 10px}.ui8-overview-metric strong{margin-top:7px;font-size:21px}.ui8-generated-label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.ui8-task-grid{grid-template-columns:1fr}.ui8-task-card,.ui8-study-cta{min-height:100px}.ui8-study-cta-title{font-size:19px}.ui8-quick-links{justify-content:flex-start;gap:10px 15px}}@media (max-width: 380px){.ui8-progress-grid{grid-template-columns:1fr}.ui8-progress-ring{grid-row:auto}.ui8-overview-metric:nth-of-type(3){border-left:1px solid var(--color-border)}}