:root{--bg: #f5f2ed;--bg-soft: #ebe7e0;--surface: #ffffff;--surface-2: #faf8f4;--surface-muted: #faf8f4;--ink: #1a1816;--ink-soft: #4a4742;--muted: #847f78;--hairline: #e2dcd2;--hairline-2: #cfc8bc;--text: #1a1816;--text-muted: #847f78;--line: #e2dcd2;--line-strong: #cfc8bc;--accent: oklch(64% .16 35);--accent-soft: oklch(94% .04 35);--warn: oklch(70% .14 70);--good: oklch(60% .13 145);--streak-fg: oklch(58% .12 70);--streak-bg: oklch(96% .04 75);--streak-bd: oklch(86% .09 75);--paper-light: #ffffff;--paper-mid: #efe8da;--paper-deep: #c9bca4;--err-0: oklch(64% .16 35);--err-1: oklch(70% .14 70);--err-2: oklch(58% .13 250);--err-3: oklch(60% .13 145);--err-4: oklch(55% .13 310);--shadow-sm: 0 1px 0 rgba(20,18,15,.04), 0 8px 24px -16px rgba(20,18,15,.12);--shadow-md: 0 1px 0 rgba(20,18,15,.06), 0 18px 40px -22px rgba(20,18,15,.18);--radius: 14px;--radius-sm: 10px;--font-display: "Inter Tight", "Inter", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--focus: rgba(41, 37, 36, .14);--danger: #b42318;--danger-soft: #fff1f1;font-family:var(--font-ui);color:var(--text)}[data-theme=dark]{--bg: #0f1012;--bg-soft: #15171a;--surface: #181a1d;--surface-2: #1d1f23;--surface-muted: #1d1f23;--ink: #f1ede5;--ink-soft: #c8c2b6;--muted: #8e8a82;--hairline: #2a2c30;--hairline-2: #3a3d42;--text: #f1ede5;--text-muted: #8e8a82;--line: #2a2c30;--line-strong: #3a3d42;--accent: oklch(72% .16 35);--accent-soft: oklch(28% .06 35);--warn: oklch(78% .14 70);--good: oklch(70% .13 145);--streak-fg: oklch(82% .13 75);--streak-bg: oklch(24% .05 75);--streak-bd: oklch(40% .08 75);--paper-light: #2c2922;--paper-mid: #423d31;--paper-deep: #5e5640;--err-0: oklch(72% .16 35);--err-1: oklch(78% .14 70);--err-2: oklch(70% .13 250);--err-3: oklch(72% .13 145);--err-4: oklch(67% .13 310);--shadow-sm: 0 1px 0 rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.6);--shadow-md: 0 1px 0 rgba(0,0,0,.5), 0 24px 60px -28px rgba(0,0,0,.85);--focus: rgba(255, 255, 255, .14);--danger: #ff7a7a;--danger-soft: #341818}*{box-sizing:border-box}html,body,#root{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14.5px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.app-shell{max-width:1240px;margin:0 auto;padding:28px 28px 60px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--hairline);margin-bottom:22px}.brand{display:flex;gap:14px;align-items:flex-start}.brand-mark{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--hairline);display:grid;place-items:center}.brand-mark .brand-ring{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.2}.brand-mark .brand-curve{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-mark .brand-dot{fill:var(--accent)}.brand h1{margin:2px 0 0;font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1}.topbar-subtitle{margin:8px 0 0;color:var(--muted);font-size:13.5px}.topbar-right,.topbar-meta{display:grid;gap:10px;justify-items:end}.topbar-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.topbar-actions{display:inline-flex;align-items:center;gap:8px}.bookmark-topbar-button{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bookmark-topbar-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bookmark-topbar-button:hover{border-color:var(--line-strong)}.bookmark-topbar-button.active{background:color-mix(in srgb,var(--surface) 72%,#fde68a 28%);border-color:#f59e0b}.bookmark-topbar-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#f59e0b;color:#fff;font-size:.68rem;font-weight:800;line-height:20px;text-align:center;box-shadow:0 4px 12px #0000002e}.stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-weight:700}.stats span{border-radius:999px;padding:7px 12px;border:1px solid var(--line);background:var(--surface)}.streak-badge{font-weight:700;color:var(--streak-fg);border-color:var(--streak-bd);background:var(--streak-bg)}.streak-badge.streak-at-risk{animation:streak-pulse 2s ease-in-out infinite}@keyframes streak-pulse{0%,to{opacity:1}50%{opacity:.7}}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);font-size:12.5px;color:var(--ink-soft)}.chip strong{color:var(--ink);font-weight:600}.chip-streak{color:var(--streak-fg);border-color:var(--streak-bd);background:var(--streak-bg);font-weight:600}.chip-streak svg{color:var(--streak-fg)}.icon-btn{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;transition:border-color .15s,background .15s}.icon-btn:hover{border-color:var(--hairline-2);background:var(--surface-2)}.icon-btn .badge{position:absolute;top:-5px;right:-5px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;border:2px solid var(--bg)}.seg{display:inline-flex;border:1px solid var(--hairline);border-radius:10px;padding:2px;background:var(--surface)}.seg-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;font-family:var(--font-ui)}.seg-btn.on{background:var(--ink);color:var(--bg)}.seg-btn:not(.on):hover{color:var(--ink)}.seg-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.seg-group,.course-select{display:inline-flex;align-items:center;gap:8px}.course-select select{height:36px;padding:0 28px 0 10px;border-radius:10px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px 12px}.auth-card{width:min(460px,100%)}.auth-card h1{margin:0;font-size:clamp(2rem,6vw,2.8rem)}.auth-card h2{margin:14px 0 10px;font-size:1.2rem}.auth-form{display:grid;gap:10px}.google-auth{margin-top:14px}.google-placeholder{width:min(320px,100%)}.auth-divider{position:relative;margin:12px 0;text-align:center}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}.auth-divider span{position:relative;background:var(--surface);padding:0 10px;color:var(--text-muted);font-size:.86rem}.auth-mode-text{margin:14px 0 0;color:var(--text-muted)}.auth-resend-row{margin-top:10px}.mode-link{border:0;background:transparent;color:var(--text);font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.theme-switcher{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.theme-switcher select{min-width:96px;border-radius:8px;padding:7px 10px}.topbar-signout{border:1px solid var(--hairline);background:var(--surface);color:var(--ink);padding:7px 14px;font-size:13px;font-weight:600;border-radius:10px;height:36px;display:inline-flex;align-items:center;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s}.topbar-signout:hover{border-color:var(--hairline-2)}.panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.nav-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius);margin-bottom:22px}.nav-tile{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-ui)}.nav-glyph{color:var(--muted);display:inline-grid;place-items:center;transition:color .15s}.nav-tile:hover{background:var(--surface);border-color:var(--hairline)}.nav-tile:hover .nav-glyph{color:var(--ink)}.nav-tile.active{background:var(--surface);border-color:var(--ink);box-shadow:var(--shadow-sm)}.nav-tile.active .nav-glyph{color:var(--accent)}.nav-dot{position:absolute;bottom:6px;width:18px;height:2px;background:var(--accent);border-radius:1px}:root[data-theme=dark] .token,:root[data-theme=dark] .option{background:#21262e;border-color:#47505f}:root[data-theme=dark] .token:hover,:root[data-theme=dark] .option:hover{border-color:#7f8da3}:root[data-theme=dark] .streak-badge{color:#fbbf24;border-color:#78350f;background:#1c1209}:root[data-theme=dark] .streak-badge.streak-at-risk{color:#f87171;border-color:#7f1d1d;background:#1c0a0a}:root[data-theme=dark] .token.selected,:root[data-theme=dark] .option.selected{background:#2f4057;border-color:#8ab4f8;color:#f4f8ff;box-shadow:inset 0 0 0 1px #8ab4f83d}:root[data-theme=dark] .token.next-hint{border-color:#8ab4f8;outline-color:#8ab4f859}:root[data-theme=dark] .option-key{background:#2a3141;border-color:#3a4455;color:#8a9ab5}:root[data-theme=dark] .feedback.success{border-color:#3a6b3a;background:#1a2e1a;color:#7ec87e}:root[data-theme=dark] .puzzle-slot{background:#21262e;border-color:#47505f}:root[data-theme=dark] .puzzle-slot.filled{background:#22c55e1f;border-color:#22c55ea6}:root[data-theme=dark] .puzzle-pool{background:linear-gradient(135deg,rgba(244,244,243,.08),transparent 55%),#1a212a}:root[data-theme=dark] .option.matched{background:#1b222b;border-color:#64748b;box-shadow:inset 0 0 0 1px #94a3b82e}:root[data-theme=dark] .primary-button{background:linear-gradient(180deg,#f4f4f3,#dad9d6);color:#1f1f1f;box-shadow:0 8px 18px #00000059}:root[data-theme=dark] .primary-button:hover:not(:disabled){background:linear-gradient(180deg,#fff,#ecebe9);color:#111;box-shadow:0 11px 22px #0000006b}.daily-panel,.hero-card,.quick-strip{background:var(--surface-muted)}.daily-headline{display:flex;justify-content:space-between;align-items:center;gap:12px}.daily-headline h2{margin:0;font-size:1.12rem}.daily-goal-bar{margin-top:12px;background:#dfddd9;border-radius:999px;overflow:hidden;height:10px}.daily-goal-bar>div{height:100%;background:linear-gradient(90deg,#000,#555)}.status{padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--surface-muted);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.bookmarks-panel{margin-top:12px}.bookmarks-header{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:12px}.bookmarks-header h2{margin:4px 0 0}.bookmarks-header-right{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bookmarks-count{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-weight:700;font-size:.86rem;color:var(--text-muted)}.bookmarks-speed{text-transform:none;letter-spacing:0}.bookmarks-speed select{min-width:86px}.bookmarks-list{display:grid;gap:10px}.bookmarks-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface-muted)}.bookmarks-item-meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.bookmarks-prompt{margin:10px 0 0;font-weight:700}.bookmarks-answer{margin:8px 0 0;color:var(--text-muted)}.bookmarks-answer-row{margin-top:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bookmarks-answer-row .bookmarks-answer{margin:0}.bookmarks-listen-button{flex-shrink:0}.bookmarks-item-actions{margin-top:10px}.app-footer{margin:24px 0 8px;text-align:center;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.hero-card{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:center}.eyebrow{margin:0 0 8px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.hero-copy h2{margin:0;line-height:1.2}.hero-copy p{margin:10px 0;color:var(--text-muted)}.hero-art{width:100%;max-height:260px;object-fit:contain;display:block}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.categories .subtitle,.settings-panel .subtitle,.stats-panel .subtitle{margin-top:2px;color:var(--text-muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.section-heading h2{margin:0}.category-totals{display:grid;gap:4px;justify-items:end;text-align:right}.category-totals span{color:var(--text-muted)}.learning-focus{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px}.focus-card,.spotlight-card,.category-row{border:1px solid var(--line);border-radius:12px;background:var(--surface)}.focus-card{padding:16px;display:grid;gap:12px;align-content:start;background:radial-gradient(circle at top right,rgba(87,83,78,.08),transparent 34%),var(--surface)}.focus-card h3,.spotlight-card h3,.category-row h3{margin:0 0 6px}.focus-card p,.spotlight-card p,.category-row p{margin:0;color:var(--text-muted)}.focus-metrics,.spotlight-meta,.category-row-badges{display:flex;flex-wrap:wrap;gap:8px}.focus-metrics span,.spotlight-meta span,.category-row-badges span{border-radius:999px;border:1px solid var(--line);background:var(--surface-muted);padding:6px 10px;font-size:.88rem;color:var(--text)}.focus-note{font-size:.95rem}.spotlight-grid{display:grid;gap:10px}.spotlight-card{padding:13px;display:grid;gap:10px}.spotlight-card.locked,.category-row.locked{background:var(--surface-muted);border-style:dashed}.category-list{display:grid;gap:10px}.category-row{padding:13px;display:grid;gap:10px}.category-row-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.category-row-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.mini-meter{background:#dfddd9;border-radius:999px;overflow:hidden;height:8px}.mini-meter>div{height:100%;background:linear-gradient(90deg,#57534e,#292524)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.compact-grid{margin-top:12px}.category-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:13px;gap:12px;background:var(--surface)}.category-card h3{margin:0 0 8px}.category-card p{margin:3px 0;color:var(--text-muted)}.category-card.locked{border-style:dashed;background:var(--surface-muted)}.lock-note{color:var(--text-muted);font-size:.9rem}.quick-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-strip>div{border:1px solid var(--line);border-radius:11px;padding:11px;display:grid;gap:4px;background:var(--surface)}.quick-strip span{color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}label{display:grid;gap:6px;font-size:.93rem;font-weight:700;color:var(--text)}.wide-label{grid-column:1 / -1}.toggle-label{grid-column:1 / -1;display:flex;align-items:center;gap:10px}.toggle-label input{width:18px;height:18px}select,input,textarea,button{font:inherit}select,input,textarea{border:1px solid var(--line-strong);border-radius:10px;padding:10px 11px;color:var(--text);background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease}select:focus,input:focus,textarea:focus{outline:none;border-color:#292524;box-shadow:0 0 0 4px var(--focus)}textarea{min-height:110px;resize:vertical}.setup-preview{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface-muted)}.setup-preview h3{margin:0 0 8px}.setup-preview p{margin:3px 0;color:var(--text-muted)}.share-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.share-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px}.share-icon-button svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.contribution-list{display:grid;gap:12px}.contribution-card{display:grid;gap:10px}.contribution-status{text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:.82rem;background:var(--surface)}.contribution-status.status-pending{color:#8a5a00}.contribution-status.status-approved{color:#1d6d35}.contribution-status.status-rejected{color:#9a3030}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.stats-root{background:transparent;color:var(--text);padding-bottom:8px}.stats-header{padding:0 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}.stats-header h2{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.stats-header p{margin-top:3px;color:var(--text-muted);font-size:.85rem}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 6px 16px #1414140d}.kpi-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.kpi-value{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1}.kpi-value.green{color:#16a34a}.kpi-value.blue{color:#2563eb}.kpi-value.amber{color:#d97706}:root[data-theme=dark] .kpi-value.green{color:#4ade80}:root[data-theme=dark] .kpi-value.blue{color:#93c5fd}:root[data-theme=dark] .kpi-value.amber{color:#fbbf24}.kpi-sub{font-size:.75rem;color:var(--text-muted);margin-top:4px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 6px 16px #1414140d}:root[data-theme=dark] .chart-card{background:#1f242d}.chart-card-spacing{margin-bottom:12px}.chart-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:14px}.chart-wrap{position:relative;height:190px}.stat-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}.stat-card h3{margin:0 0 6px;font-size:.95rem;color:var(--text-muted)}.stat-card strong{font-size:1.72rem;letter-spacing:-.02em;color:var(--text)}.stat-meter{margin-top:7px;height:8px;background:#dfddd9;border-radius:999px;overflow:hidden}.stat-meter>div{height:100%;background:linear-gradient(90deg,#57534e,#292524)}.stat-card p{margin:7px 0 0;color:var(--text-muted)}.stats-chart-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-chart-wrap{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px;height:220px}:root[data-theme=dark] .stats-chart-wrap{background:#1f242d}.stats-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mastery-list{display:grid;gap:8px}.mastery-row{display:grid;grid-template-columns:130px minmax(0,1fr) 45px;align-items:center;gap:8px}.mastery-label{font-size:.85rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mastery-bar-wrap{height:8px;border-radius:999px;background:#dfddd9;overflow:hidden}.mastery-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#57534e,#292524)}.mastery-pct{text-align:right;font-size:.8rem;font-weight:700}.weak-list{display:grid;gap:8px}.weak-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface-muted);font-size:.84rem}.weak-row-left{font-weight:600}.weak-row-right{font-size:.75rem;color:#b42318;font-weight:700}:root[data-theme=dark] .weak-row-right{color:#f87171}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.weekly-wrap{display:flex;flex-direction:column;gap:10px}.weekly-leading{font-size:.82rem;color:var(--text-muted)}.weekly-leading strong{color:var(--text);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;display:block}.weekly-bar-outer{height:12px;background:#efefee;border-radius:99px;overflow:hidden}:root[data-theme=dark] .weekly-bar-outer{background:#2c313a}.weekly-bar-inner{height:100%;border-radius:99px;background:linear-gradient(90deg,#292524,#66635f);transition:width .8s cubic-bezier(.4,0,.2,1)}:root[data-theme=dark] .weekly-bar-inner{background:linear-gradient(90deg,#93c5fd,#e2e8f0)}.weekly-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.weekly-meta strong{color:var(--text)}.error-pill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.error-pill{display:flex;align-items:center;gap:6px;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.78rem}.error-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.error-pill-label{font-weight:600;color:var(--text)}.error-pill-count{color:var(--text-muted)}.lang-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.82rem}.lang-row:last-child{border-bottom:none}.lang-name{font-weight:700;flex:1}.lang-xp{color:#2563eb;font-weight:700}:root[data-theme=dark] .lang-xp{color:#93c5fd}.lang-streak{color:var(--text-muted)}.category-table-wrap{overflow-x:auto}.category-table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.category-table th,.category-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}.category-table tr:last-child td{border-bottom:0}.category-table th{color:var(--text-muted);background:var(--surface-muted)}.primary-button,.ghost-button,.speak-button,.option,.token{transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.primary-button,.ghost-button{border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;border:1px solid transparent}.primary-button{background:linear-gradient(180deg,#57534e,#44403c);color:#fff;box-shadow:0 8px 18px #29252438}.primary-button:hover:not(:disabled){background:linear-gradient(180deg,#3b3734,#292524);transform:translateY(-1px);box-shadow:0 11px 22px #29252447}.primary-button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.ghost-button{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.ghost-button:hover{border-color:#646464;background:#262e39;color:#fff}.lesson-player{box-shadow:var(--shadow-md)}.lesson-player .lesson-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.challenge-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-weight:700}.challenge-badges span{background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--text)}.session-xp-tally{margin-left:auto;color:#b45309!important;border-color:#fcd34d!important;background:#fffbeb!important;font-variant-numeric:tabular-nums}:root[data-theme=dark] .session-xp-tally{color:#fbbf24!important;border-color:#78350f!important;background:#1c1209!important}.meter{flex:1;background:#dfddd9;border-radius:999px;overflow:hidden;height:10px}.meter>div{height:100%;background:linear-gradient(90deg,#000,#555)}.question-body{animation:question-enter .18s ease-out}@keyframes question-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.options{display:grid;gap:8px;margin:12px 0}.option-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.option{border:1px solid var(--line-strong);border-radius:10px;padding:12px;text-align:left;background:var(--surface);color:var(--text);cursor:pointer}.option:hover{border-color:#292524}.option.selected{border-color:#292524;background:var(--surface-muted)}.option.matched{border-color:#9ca3af;background:var(--surface-muted);box-shadow:inset 0 0 0 1px #2925240f}.option:disabled{opacity:.62;cursor:not-allowed}.speak-button{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:0 12px;cursor:pointer;font-weight:700;color:var(--text)}.speak-button:hover{border-color:#646464;background:#262e39;color:#fff}.speech-error{margin:6px 0 0;color:var(--danger);font-size:.9rem}.hint-chip,.cultural-note{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:var(--surface-muted);border:1px solid var(--line);color:var(--text-muted);font-size:.88rem}.exercise-image{width:min(100%,320px);border-radius:14px;border:1px solid var(--line);background:var(--surface-muted);margin:8px 0 10px}.flashcard-shell,.pronunciation-shell,.matching-grid{margin:12px 0}.pronunciation-target{margin:6px 0 10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-muted);font-weight:600}.flashcard{width:min(100%,420px);min-height:170px;padding:18px;border-radius:18px;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(87,83,78,.08),transparent 50%),var(--surface-muted);display:grid;gap:10px;text-align:left;cursor:pointer}.flashcard strong{font-size:1.4rem}.flashcard span{color:var(--text-muted)}.matching-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.matching-shell{margin:12px 0}.matching-instructions{margin:0 0 6px;color:var(--text-muted)}.matching-hint{margin:0 0 10px;font-weight:600}.matching-puzzle{display:grid;gap:12px}.puzzle-board{display:grid;gap:10px}.puzzle-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}.puzzle-piece{border:1px solid var(--line-strong);border-radius:14px;padding:12px;background:var(--surface);color:var(--text);font-weight:650;-webkit-user-select:none;user-select:none}.puzzle-prompt{cursor:default}.puzzle-answer{cursor:grab}.puzzle-answer:active{cursor:grabbing;transform:scale(.99)}.practice-words .practice-word{cursor:pointer}.practice-words .practice-word.filled{border-color:#9bcf9d;background:#f0f9f0;color:#2c5f2d}.practice-words .practice-word.selected{border-color:#94b9ff;box-shadow:0 0 0 2px #78a0ff33}.practice-words-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:10px}.practice-words-column{display:grid;gap:10px}.practice-word-match{margin-left:auto;color:#2c5f2d;font-weight:800}.puzzle-slot{border:2px dashed var(--line-strong);border-radius:14px;padding:10px;background:var(--surface-muted);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px}.puzzle-slot.filled{border-style:solid;border-color:#9bcf9d;background:#f0f9f0}.puzzle-placeholder{color:var(--text-muted);font-weight:600}.puzzle-clear{padding:8px 10px;border-radius:12px}.puzzle-pool{border:1px solid var(--line-strong);border-radius:16px;padding:12px;background:linear-gradient(135deg,rgba(87,83,78,.08),transparent 55%),var(--surface-muted);display:flex;flex-wrap:wrap;gap:10px;min-height:72px;align-content:flex-start}.puzzle-pool-empty{color:var(--text-muted);font-weight:650}@media(max-width:700px){.puzzle-row{grid-template-columns:1fr}}.matching-column{display:grid;gap:8px}.build-hints{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.build-target{min-height:56px;border:1px dashed var(--line-strong);border-radius:10px;padding:10px;margin:10px 0;background:var(--surface-muted);font-weight:600}.built-words{display:flex;flex-wrap:wrap;gap:8px}.built-word-chip{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);padding:8px 12px;cursor:grab;-webkit-user-select:none;user-select:none}.built-word-chip:hover{border-color:#5a616b;background:var(--surface-muted)}.built-word-chip:active{transform:scale(.99);cursor:grabbing}.built-word-chip[draggable=true]{touch-action:none}.tokens{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.token{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 11px;cursor:pointer}.token:hover{border-color:#292524}.token.selected{border-color:#292524;background:var(--surface-muted)}.token.next-hint{border-color:#4f91d6;outline:2px solid rgba(79,145,214,.4);outline-offset:1px;animation:pulse-hint 1.2s ease-in-out infinite}@keyframes pulse-hint{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.option-key{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:1px solid var(--line-strong);background:var(--surface-muted);font-size:.72rem;font-weight:700;color:var(--text-muted);margin-right:8px;flex-shrink:0;vertical-align:middle;line-height:1}.option.selected .option-key{border-color:#292524}.feedback{display:grid;gap:4px;margin:8px 0 12px;padding:10px 12px;border-radius:10px;border:1px solid #efc4c4;background:var(--danger-soft);color:var(--danger)}.feedback.success{border-color:#8fc58f;background:#f0f9f0;color:#225526}.bookmark-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 5px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted, #888);cursor:pointer;transition:color .15s,background .15s;margin-left:2px}.bookmark-btn:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.bookmark-btn.bookmarked{color:#b45309;background:#fffbeb;border-color:#fcd34d}:root[data-theme=dark] .bookmark-btn.bookmarked{color:#fbbf24;background:#1c1209;border-color:#78350f}.feedback span{font-size:.92rem}.expected-option{margin-top:6px;font-size:.92rem}.option.correct-answer{margin-top:6px;border-color:#8fc58f;background:#f0f9f0;color:#225526}.expected-words{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.expected-word{border-radius:999px;padding:5px 9px;border:1px solid var(--line-strong);background:var(--surface-muted);font-size:.88rem}.expected-word.matched{border-color:#9bcf9d;background:#f0f9f0;color:#225526}.expected-word.missing{border-color:#f1c2c2;background:#fff4f4;color:#8f2d2d}:root[data-theme=dark] .expected-word{border-color:#5a667b;background:#2a313c;color:#e6ebf3}:root[data-theme=dark] .expected-word.matched{border-color:#6ecf96;background:#173a2a;color:#d7f8e4}:root[data-theme=dark] .expected-word.missing{border-color:#e08f8f;background:#472426;color:#ffd8d8}@media(max-width:860px){.hero-card{grid-template-columns:1fr}.hero-art{max-height:220px}.learning-focus{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:18px 12px 28px}.topbar{flex-direction:column}.topbar-meta{justify-items:start;width:100%}.stats{justify-content:flex-start}.nav-strip,.quick-strip,.option-row,.matching-grid,.stats-chart-grid,.stats-bottom-grid,.charts-grid,.kpi-row,.bottom-grid{grid-template-columns:1fr}.bookmarks-answer-row{flex-direction:column;align-items:stretch}.bookmarks-listen-button{align-self:flex-start}.bookmarks-header-right{justify-content:flex-start}.section-heading,.category-row-main{flex-direction:column}.category-totals{justify-items:start;text-align:left}}.learn{display:grid;gap:22px}.learn-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;padding:26px 26px 22px;align-items:center;background:radial-gradient(circle at 92% 8%,var(--accent-soft),transparent 38%),var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.learn-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,var(--hairline) 0 1px,transparent 1px 36px);opacity:.4;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 30%,black 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 30%,black 70%,transparent 100%)}.learn-hero>*{position:relative}.learn-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.learn-kicker.accent{color:var(--accent)}.learn-hero-title{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(28px,3.5vw,46px);line-height:1.06;letter-spacing:-.025em;font-weight:500;color:var(--ink-soft)}.learn-hero-title .ink-bold{color:var(--ink);font-weight:700}.learn-hero-emph{color:var(--ink);font-weight:600;font-style:italic;display:inline-block;position:relative}.learn-hero-emph:after{content:"";position:absolute;left:-2px;right:-2px;bottom:4px;height:8px;background:var(--accent);opacity:.18;border-radius:2px;z-index:-1}.learn-hero-sub{margin:0 0 18px;color:var(--ink-soft);font-size:15px;max-width:520px}.learn-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.learn-hero-meta{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:18px;padding-top:18px;border-top:1px dashed var(--hairline);max-width:540px}.learn-meta-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.learn-meta-bar-row{display:flex;align-items:center;gap:10px;font-size:12.5px}.learn-meta-bar{height:6px;flex:1;background:var(--hairline);border-radius:3px;overflow:hidden}.learn-meta-bar-fill{height:100%;background:var(--ink);border-radius:3px}.learn-meta-streak{display:inline-flex;align-items:center;gap:6px;color:var(--streak-fg);font-weight:600;font-size:14px}.learn-meta-xp{color:var(--good);font-size:14px;font-weight:600}.learn-hero-art{display:grid;place-items:center}.mascot{width:100%;max-width:360px;height:auto}.recommended-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.recommended-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.recommended-title{margin:0 0 8px;font-size:28px;font-weight:600;letter-spacing:-.02em}.recommended-desc{margin:0 0 18px;color:var(--ink-soft);font-size:15px}.recommended-stats{display:grid;grid-template-columns:repeat(4,auto);gap:28px;margin-bottom:22px;padding:14px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.rec-stat-num{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em}.rec-stat-num small{color:var(--muted);font-size:13px;font-weight:500}.rec-stat-lbl{margin-top:2px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.recommended-visual{display:grid;gap:12px;justify-items:center}.ring svg{display:block}.ring-num{fill:var(--ink);font-size:26px;font-weight:600;letter-spacing:-.02em;font-family:var(--font-mono)}.ring-pct{fill:var(--muted);font-size:14px}.ring-lbl{fill:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-ui);font-weight:700}.cat-section{display:grid;gap:14px}.cat-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.cat-card{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:10px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);transition:transform .15s,border-color .15s}.cat-card:hover{transform:translateY(-2px);border-color:var(--hairline-2)}.cat-card.cat-locked{opacity:.7}.cat-card-head{display:flex;justify-content:space-between;align-items:center}.cat-status{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.cat-status.status-mastered{color:var(--good)}.cat-status.status-new{color:var(--accent)}.cat-status.status-in-progress{font-family:var(--font-mono);letter-spacing:0;text-transform:none}.cat-level-pill{font-size:11px;font-family:var(--font-mono);border:1px solid var(--hairline);background:var(--surface-2);padding:2px 8px;border-radius:4px;color:var(--ink-soft);font-weight:600}.cat-name{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.cat-desc{margin:0;color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-progress-track{height:4px;background:var(--hairline);border-radius:2px;overflow:hidden}.cat-progress-fill{height:100%;border-radius:2px}.cat-progress-meta{display:flex;justify-content:space-between;font-size:11.5px}.cat-btn{width:100%}.cat-lock-notice{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:6px 0}.tone-high{background:var(--good)}.tone-mid{background:var(--ink)}.tone-low{background:var(--warn)}.tone-none{background:var(--accent)}.btn-primary-lg{background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:0 18px;height:44px;font-size:14px;font-weight:600;border-radius:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-ui);transition:background .15s}.btn-primary-lg:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.btn-outline-lg{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);padding:0 18px;height:44px;font-size:14px;font-weight:600;border-radius:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s}.btn-outline-lg:hover{border-color:var(--hairline-2)}.btn-ghost-lg{background:transparent;color:var(--ink);border:1px solid transparent;padding:0 14px;height:44px;font-size:14px;font-weight:600;border-radius:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-ui);transition:color .15s}.btn-ghost-lg:hover{color:var(--accent)}.btn-wide{width:100%;justify-content:center}.stats-redesign{display:grid;gap:22px}.stats-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start;padding:8px 4px 22px;border-bottom:1px solid var(--hairline)}.stats-hero-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-.03em;font-weight:500;color:var(--ink-soft)}.stats-hero-title .ink{color:var(--ink);font-weight:600}.num-display{display:inline-block;font-family:var(--font-mono);font-weight:600;color:var(--ink);letter-spacing:-.01em}.stats-hero-sub{margin:16px 0 0;color:var(--muted);font-size:13.5px}.activity-grid-wrap{display:grid;gap:10px;padding:16px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.activity-head{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--muted)}.activity-legend{display:inline-flex;align-items:center;gap:4px;font-size:10.5px}.activity-calendar{display:grid;gap:3px;width:fit-content}.activity-day-headers{display:grid;grid-template-columns:repeat(7,30px);gap:3px;font-size:9px;color:var(--muted);text-align:center;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.activity-week-row{display:grid;grid-template-columns:repeat(7,30px);gap:3px}.act-cell{width:30px;height:30px;flex-shrink:0;border-radius:3px;background:var(--hairline);transition:transform .12s;cursor:default;display:block;will-change:transform}.act-cell:hover{transform:scale(1.3)}.act-cell.empty{background:transparent;pointer-events:none}.act-cell.tone-0{background:color-mix(in srgb,var(--hairline),transparent 30%)}.act-cell.tone-1{background:color-mix(in srgb,var(--accent) 18%,var(--hairline))}.act-cell.tone-2{background:color-mix(in srgb,var(--accent) 42%,var(--hairline))}.act-cell.tone-3{background:color-mix(in srgb,var(--accent) 70%,var(--hairline))}.act-cell.tone-4{background:var(--accent)}.activity-tip{font-size:12px;color:var(--ink-soft);border-top:1px dashed var(--hairline);padding-top:8px;min-height:2.2em}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);display:grid;gap:10px}.kpi-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.kpi-card-value{display:flex;align-items:baseline;gap:4px}.kpi-card-num{font-family:var(--font-mono);font-size:38px;line-height:1;letter-spacing:-.03em;color:var(--ink);font-weight:600}.kpi-card-unit{color:var(--muted);font-family:var(--font-mono);font-size:16px;font-weight:500}.kpi-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-delta{font-size:11.5px;font-weight:600;color:var(--muted)}.kpi-delta.delta-up{color:var(--good)}.kpi-delta.delta-down{color:var(--accent)}.kpi-spark{width:120px;height:32px;display:block}.chart-card-new{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.chart-card-new-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--hairline)}.chart-card-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.015em}.chart-card-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.chart-card-meta{font-size:12.5px;color:var(--muted);font-family:var(--font-mono)}.charts-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.chart-svg-wrap{width:100%}.chart-tick{fill:var(--muted);font-size:9.5px;font-family:var(--font-mono)}.chart-num{fill:var(--ink-soft);font-size:10px;font-family:var(--font-mono)}.goal-rail{position:relative;margin-top:8px;height:6px;background:var(--hairline);border-radius:3px}.goal-fill{height:100%;background:var(--ink);border-radius:3px}.goal-tick{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--bg)}.goal-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:var(--muted)}.rail-list{display:grid;gap:8px}.rail-row{display:grid;grid-template-columns:200px minmax(0,1fr) 56px;gap:14px;align-items:center;padding:6px 0}.rail-label{font-size:13px;color:var(--ink)}.rail-track{position:relative;height:8px;background:var(--hairline);border-radius:4px}.rail-fill{height:100%;border-radius:4px;transition:width .4s ease}.rail-high{background:var(--good)}.rail-mid{background:var(--ink)}.rail-low{background:var(--warn)}.rail-none{background:var(--accent)}.rail-mark{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--ink);opacity:.35}.rail-num{text-align:right;font-size:13px;color:var(--ink);font-family:var(--font-mono)}.rail-num small{color:var(--muted);margin-left:1px}.rail-legend{margin-top:14px;padding-top:14px;border-top:1px dashed var(--hairline);display:flex;flex-wrap:wrap;gap:14px;font-size:11.5px;color:var(--muted)}.rail-legend .rail-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.errors-layout{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center}.donut-num{fill:var(--ink);font-size:22px;font-weight:600;font-family:var(--font-mono)}.donut-sub{fill:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.12em}.errors-list-new{list-style:none;margin:0;padding:0;display:grid;gap:8px}.errors-list-new li{display:grid;grid-template-columns:10px 1fr 100px 36px 36px;align-items:center;gap:10px;font-size:13px;padding:4px 0}.err-dot{width:10px;height:10px;border-radius:2px}.err-bar{height:6px;background:var(--hairline);border-radius:3px;overflow:hidden}.err-bar-fill{height:100%}.err-count{text-align:right;font-family:var(--font-mono)}.err-pct{text-align:right;font-size:11.5px;font-family:var(--font-mono);color:var(--muted)}.weak-list-new{list-style:none;margin:0;padding:0;display:grid;gap:6px}.weak-row-new{display:grid;grid-template-columns:28px minmax(0,1fr) 120px 44px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed var(--hairline)}.weak-row-new:last-child{border-bottom:0}.weak-rank{color:var(--muted);font-size:11px;font-family:var(--font-mono)}.weak-label{font-size:13.5px}.weak-bar-new{height:6px;background:var(--hairline);border-radius:3px;overflow:hidden}.weak-bar-fill-new{height:100%;background:var(--accent);border-radius:3px}.weak-pct-new{text-align:right;font-size:12.5px;color:var(--ink);font-family:var(--font-mono)}.lang-table-new{display:grid;gap:0}.lang-row-new{display:grid;grid-template-columns:minmax(0,2fr) 60px 100px 80px 80px;gap:12px;padding:12px 4px;align-items:center;border-bottom:1px solid var(--hairline);font-size:13.5px}.lang-row-new:last-child{border-bottom:0}.lang-head-row{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:4px}.lang-row-new.active-lang{background:var(--surface-2);border-radius:8px;padding-left:10px;padding-right:10px}.lang-name-new{font-weight:600}.lang-pill{display:inline-block;margin-left:8px;font-style:normal;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px}.cat-detail-table{width:100%;border-collapse:collapse;font-size:13.5px}.cat-detail-table th,.cat-detail-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--hairline)}.cat-detail-table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--hairline-2)}.cat-detail-table tbody tr:hover{background:var(--surface-2)}.cell-bar{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;max-width:280px}.cell-bar-track{height:6px;background:var(--hairline);border-radius:3px;overflow:hidden}.cell-bar-fill{height:100%;background:var(--ink);border-radius:3px}.lvl-pill{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink-soft)}.app-footer{margin-top:40px;text-align:center;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:var(--font-mono)}@media(max-width:900px){.learn-hero{grid-template-columns:1fr}.learn-hero-meta{grid-template-columns:1fr 1fr}.recommended-card{grid-template-columns:1fr}.recommended-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stats-hero{grid-template-columns:1fr;gap:22px}.kpi-grid{grid-template-columns:1fr 1fr}.charts-2col,.errors-layout{grid-template-columns:1fr}.rail-row{grid-template-columns:1fr minmax(0,1fr) 56px}.lang-row-new{grid-template-columns:1fr 60px 80px 60px}.lang-row-new>*:nth-child(5){display:none}}