:root{--bg: #0c0a09;--surface: #141210;--surface-2: #1c1917;--surface-3: #26221f;--border: rgba(245, 241, 234, .1);--border-strong: rgba(245, 241, 234, .18);--text: #f5f1ea;--text-2: #b8b0a6;--text-3: #837a6f;--jade: #2dd4bf;--jade-soft: rgba(45, 212, 191, .14);--jade-line: rgba(45, 212, 191, .35);--jade-glow: rgba(45, 212, 191, .3);--coral: #f87171;--coral-soft: rgba(248, 113, 113, .13);--gold: #e8b04b;--flame: #fb7185;--font-display: "Bricolage Grotesque", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--sh-1: 0 2px 8px rgba(0, 0, 0, .45);--sh-2: 0 10px 34px rgba(0, 0, 0, .5);--sh-3: 0 24px 64px rgba(0, 0, 0, .6);--sh-jade: 0 0 0 1px var(--jade-line), 0 10px 30px var(--jade-glow);--ease: cubic-bezier(.16, 1, .3, 1);--dur-fast: .16s;--dur: .32s;--dur-slow: .64s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;margin:0}button{font:inherit;cursor:pointer;color:inherit;border:none;background:none}:focus-visible{outline:2px solid var(--jade);outline-offset:2px;border-radius:var(--r-sm)}::-moz-selection{background:var(--jade-soft);color:var(--text)}::selection{background:var(--jade-soft);color:var(--text)}.text-jade{color:var(--jade)}.text-muted{color:var(--text-3)}.font-display{font-family:var(--font-display)}.space-y-1>*+*{margin-top:var(--s-1)}.space-y-2>*+*{margin-top:var(--s-2)}.space-y-3>*+*{margin-top:var(--s-3)}.space-y-4>*+*{margin-top:var(--s-4)}.space-y-5>*+*{margin-top:var(--s-5)}.space-y-6>*+*{margin-top:var(--s-6)}.space-y-7>*+*{margin-top:var(--s-7)}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(48rem 36rem at 88% -8%,rgba(45,212,191,.1),transparent 60%),radial-gradient(40rem 30rem at -6% 4%,rgba(232,176,75,.06),transparent 55%),radial-gradient(60rem 40rem at 50% 120%,rgba(45,212,191,.05),transparent 60%)}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app{position:relative;z-index:1;display:grid;grid-template-columns:270px 1fr;grid-template-rows:minmax(0,1fr);height:100vh;overflow:hidden}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:var(--s-5) var(--s-4);overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:var(--s-6)}.brand-mark{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,var(--jade),#14b8a6);color:#06231f;font-family:var(--font-display);font-weight:800;font-size:20px;box-shadow:var(--sh-jade)}.brand-name{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--text-3);letter-spacing:.04em}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:var(--s-5) 0 var(--s-3)}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r-md);color:var(--text-2);font-weight:600;font-size:14px;transition:background var(--dur-fast),color var(--dur-fast)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--jade-soft);color:var(--jade)}.nav-item .nic{width:18px;text-align:center;opacity:.9}.tree{display:flex;flex-direction:column;gap:2px;margin-top:var(--s-2)}.unit-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:var(--r-md);color:var(--text-2);font-size:13.5px;font-weight:500;transition:background var(--dur-fast),color var(--dur-fast)}.unit-row:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.unit-row.active{background:var(--surface-2);color:var(--text)}.unit-row:disabled{opacity:.45;cursor:not-allowed}.unit-dot{width:16px;height:16px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:9px;border:1.5px solid var(--border-strong);color:var(--text-3)}.unit-dot.done{background:var(--jade);border-color:var(--jade);color:#06231f}.unit-dot.lock{border-style:dashed}.unit-row .un-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-prog{height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin:0 12px 4px}.unit-prog>i{display:block;height:100%;background:var(--jade);border-radius:99px}.side-foot{margin-top:auto;padding-top:var(--s-5)}.lvl-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.lvl-num{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--jade)}.lvl-meta{font-size:11px;color:var(--text-3)}.main-wrap{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-6);background:#0c0a09b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3);min-width:0}.crumbs b{color:var(--text);font-weight:600}.crumbs .sep{opacity:.5}.menu-btn{display:none}.stats{display:flex;align-items:center;gap:8px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;font-size:13px;font-weight:700;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums}.chip .ck{font-size:12px}.chip.jade{color:var(--jade);border-color:var(--jade-line)}.chip.gold{color:var(--gold)}.chip.flame{color:var(--flame)}.lang-btn{cursor:pointer;display:inline-flex;align-items:center;padding:6px 12px;border-radius:99px;font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.02em;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.lang-btn:hover{color:var(--jade);border-color:var(--jade)}.scroll-area{flex:1;overflow-y:auto;padding:var(--s-6)}.content{max-width:760px;margin:0 auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5)}.panel-2{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-md);font-weight:700;font-size:15px;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),box-shadow var(--dur-fast)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--jade);color:#06231f;box-shadow:var(--sh-jade)}.btn-primary:hover:not(:disabled){background:#36e3cd}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-3)}.btn-block{width:100%}.btn-record{background:var(--coral);color:#2a0d0d}.btn-record:hover:not(:disabled){filter:brightness(1.06)}.btn-stop{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-7) var(--s-6);margin-bottom:var(--s-6);background:radial-gradient(40rem 24rem at 90% -30%,rgba(45,212,191,.16),transparent 60%),var(--surface)}.hero h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.02em}.hero h1 .em{color:var(--jade)}.hero p{color:var(--text-2);max-width:52ch;margin-top:var(--s-3);font-size:15px}.hero-cta{display:flex;gap:12px;margin-top:var(--s-5);flex-wrap:wrap}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:var(--s-6) 0 var(--s-4)}.section-head h2{font-size:20px}.link-jade{color:var(--jade);font-weight:600;font-size:14px}.link-jade:hover{text-decoration:underline}.path{display:flex;flex-direction:column;gap:var(--s-3)}.path-row{display:flex;align-items:center;gap:var(--s-4);width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease),background var(--dur-fast)}.path-row:hover:not(:disabled){border-color:var(--jade-line);transform:translate(3px);background:var(--surface-2)}.path-row:disabled{opacity:.55;cursor:not-allowed}.path-idx{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;background:var(--surface-3);color:var(--text-2)}.path-row.done .path-idx{background:var(--jade);color:#06231f}.path-body{flex:1;min-width:0}.path-title{font-weight:700;font-size:15.5px}.path-title small{color:var(--text-3);font-weight:500;margin-left:6px;font-size:12px}.path-intro{color:var(--text-3);font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-state{font-size:22px;flex:none}.lesson-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.lesson-prog{font-size:13px;color:var(--text-3)}.note{border-left:3px solid var(--jade-line);background:var(--jade-soft);border-radius:0 var(--r-md) var(--r-md) 0;padding:12px 16px;color:var(--text-2);font-size:14px;margin-bottom:var(--s-4)}.card-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);margin-bottom:var(--s-4)}.card-symbol{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1;color:var(--text)}.card-zh{font-size:17px;color:var(--text);margin-top:4px}.card-en{color:var(--text-3);font-size:14px;margin-top:2px}.play-pill{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s-3);padding:9px 14px;border-radius:99px;background:var(--jade-soft);color:var(--jade);font-weight:700;font-size:14px;transition:background var(--dur-fast)}.play-pill:hover{background:#2dd4bf38}.tone-tag{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:99px;background:var(--surface-3);color:var(--jade);font-size:12px;font-weight:700}.examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-3)}.examples span{font-size:13px;padding:4px 10px;border-radius:99px;background:var(--surface-2);color:var(--text-2)}.ex-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);margin-bottom:var(--s-4)}.ex-prompt{color:var(--text-2);font-size:13.5px;margin-bottom:var(--s-3)}.opt-grid{display:grid;gap:10px}.opt-grid.c2{grid-template-columns:repeat(2,1fr)}.opt-grid.c4{grid-template-columns:repeat(4,1fr)}.opt-btn{padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-display);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast),background var(--dur-fast)}.opt-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-1px)}.opt-btn:active:not(:disabled){transform:scale(.98)}.opt-btn:disabled{cursor:default}.opt-btn.ok{border-color:var(--jade);background:var(--jade-soft);color:var(--jade)}.opt-btn.no{border-color:var(--coral);background:var(--coral-soft);color:var(--coral)}.opt-btn .tone-sym{font-size:26px;line-height:1}.opt-btn .tone-cap{display:block;font-family:var(--font-body);font-size:11px;color:var(--text-3);margin-top:4px;font-weight:500}.opt-btn.ok .tone-cap,.opt-btn.no .tone-cap{color:inherit;opacity:.8}.mp-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border-left:3px solid var(--jade);border-radius:var(--r-md);margin-bottom:12px}.mp-figure{width:64px;height:64px;flex:none}.mp-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-banner-label{font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-display)}.mp-hint{font-size:12.5px;color:var(--text-3);line-height:1.45}.big-play{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;margin-bottom:var(--s-4);border-radius:var(--r-md);background:var(--jade);color:#06231f;font-weight:700;font-size:16px;box-shadow:var(--sh-jade);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast)}.big-play:hover{background:#36e3cd}.big-play:active{transform:scale(.98)}.feedback{margin-top:var(--s-3);font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:8px}.feedback.ok{color:var(--jade)}.feedback.no{color:var(--coral)}.audio-mini{height:36px;border-radius:var(--r-sm)}.rec-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rate-row{display:flex;gap:10px;margin-top:var(--s-3)}@keyframes glowPulse{0%{box-shadow:0 0 0 0 var(--jade-glow)}to{box-shadow:0 0 0 14px #2dd4bf00}}.glow{animation:glowPulse .7s var(--ease)}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.grid-7{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.pcell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text);transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease)}.pcell:hover{border-color:var(--jade-line);background:var(--surface-2);transform:translateY(-2px)}.pcell small{font-family:var(--font-body);font-size:10px;color:var(--text-3);font-weight:500}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.badge-cell{text-align:center;padding:var(--s-5) var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}.badge-cell.got{border-color:var(--jade-line);background:linear-gradient(160deg,var(--jade-soft),var(--surface))}.badge-cell .bic{font-size:34px;filter:grayscale(1);opacity:.4}.badge-cell.got .bic{filter:none;opacity:1}.badge-cell .bn{font-size:13px;font-weight:700;margin-top:8px}.badge-cell.got .bn{color:var(--jade)}.stat-list{display:flex;flex-direction:column}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:10px 0;font-size:14px}.stat-row+.stat-row{border-top:1px solid var(--border)}.stat-k{color:var(--text-3)}.stat-v{font-weight:700;font-variant-numeric:tabular-nums}.stat-v.gold{color:var(--gold)}.pyc{display:flex;flex-direction:column;gap:var(--s-4)}.pyc-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5)}.pyc-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--text-3)}.pyc-legend span{display:inline-flex;align-items:center;gap:7px}.pyc-swatch{width:13px;height:13px;border-radius:4px;border:1px solid var(--border-strong)}.pyc-swatch.valid{background:var(--surface)}.pyc-swatch.gray{background:repeating-linear-gradient(45deg,var(--surface-3),var(--surface-3) 3px,transparent 3px,transparent 6px)}.pyc-hint{font-size:12.5px;color:var(--text-3)}.pyc-hint b{color:var(--jade)}.pyc-scroll{overflow:auto;max-height:max(280px,calc(100vh - 340px));max-height:max(280px,calc(100dvh - 340px));border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overscroll-behavior:contain;--pyc-grp-h: 30px}table.pyc-table{border-collapse:separate;border-spacing:0;width:-moz-max-content;width:max-content;min-width:100%;font-size:13px}table.pyc-table th,table.pyc-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:center}table.pyc-table thead th{position:sticky;z-index:4;background:var(--surface-2);padding:8px 4px;font-family:var(--font-display);font-weight:700;border-bottom:2px solid var(--border-strong);box-shadow:0 2px 6px #00000059}table.pyc-table thead tr:first-child th{top:0;height:var(--pyc-grp-h)}table.pyc-table thead tr:nth-child(2) th{top:var(--pyc-grp-h)}table.pyc-table thead .pyc-hugrp{color:var(--jade);font-size:11.5px;letter-spacing:.04em;background:var(--surface-3);height:var(--pyc-grp-h);line-height:var(--pyc-grp-h);padding-top:0;padding-bottom:0;white-space:nowrap}table.pyc-table .pyc-corner{left:0;z-index:7;background:var(--surface-3)}table.pyc-table .pyc-grpcol,table.pyc-table .pyc-initcol{position:sticky;left:0;z-index:2;background:var(--surface-2);border-right:1px solid var(--border-strong)}table.pyc-table .pyc-grpcol{left:0;width:64px;min-width:64px;font-size:10.5px;color:var(--text-2);font-weight:700;writing-mode:vertical-rl;text-orientation:mixed;padding:10px 2px;background:var(--surface-3)}table.pyc-table .pyc-initcol{left:64px;width:40px;min-width:40px;font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--text)}table.pyc-table thead .pyc-corner,table.pyc-table thead .pyc-initcol{z-index:7}table.pyc-table .pyc-fin{font-family:var(--font-display);font-weight:700;color:var(--text-2);font-size:12.5px}table.pyc-table thead .pyc-initcol,table.pyc-table thead .pyc-fin{white-space:nowrap}.pyc-cell{width:46px;min-width:46px;height:40px;padding:0;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--text);background:var(--surface);transition:background var(--dur-fast),color var(--dur-fast)}.pyc-cell.valid{cursor:pointer}.pyc-cell.valid:hover{background:var(--jade-soft);color:var(--jade)}.pyc-cell.gray{color:var(--text-3);background:repeating-linear-gradient(45deg,var(--surface-3),var(--surface-3) 4px,transparent 4px,transparent 8px);cursor:help}.pyc-cell.gray:hover{background:var(--coral-soft);color:var(--coral)}.pyc-cell.zero{background:#e8b04b0f}.pyc-filters{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.pyc-search-wrap{display:flex;gap:10px;align-items:center}.pyc-search{flex:1;min-width:0;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:14px}.pyc-search:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 1px var(--jade-line)}.pyc-search::-moz-placeholder{color:var(--text-3)}.pyc-search::placeholder{color:var(--text-3)}.pyc-clear{flex:none;padding:9px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-3);color:var(--text-2);font-size:13px;font-weight:700;cursor:pointer}.pyc-clear:hover{color:var(--coral);border-color:#f8717166}.pyc-filterrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pyc-flabel{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);flex:none;min-width:64px}.pyc-chips{display:flex;flex-wrap:wrap;gap:6px}.pyc-chip{padding:5px 11px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-family:var(--font-display);font-weight:700;font-size:13px;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.pyc-chip:hover{border-color:var(--border-strong);color:var(--text)}.pyc-chip.on{background:var(--jade-soft);border-color:var(--jade-line);color:var(--jade)}.pyc-count{font-size:12.5px;color:var(--text-3)}.pyc-count b{color:var(--jade)}.pyc-cell.dim{opacity:.14;pointer-events:none}.pyc-cell.match{box-shadow:inset 0 0 0 2px var(--jade-line);background:var(--jade-soft);color:var(--jade)}.pyc-cell.match:hover{background:#2dd4bf38}table.pyc-table .pyc-initcol.on,table.pyc-table .pyc-grpcol.on,table.pyc-table thead .pyc-fin.on,table.pyc-table thead .pyc-hugrp.on{background:var(--jade-soft);color:var(--jade)}.pyc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:var(--s-4);background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:toastIn .2s var(--ease)}.pyc-card{max-height:calc(100vh - 2 * var(--s-4));max-height:calc(100dvh - 2 * var(--s-4));width:min(560px,100%);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);padding:var(--s-5) var(--s-6);position:relative;box-shadow:var(--sh-3)}.pyc-card::-webkit-scrollbar{width:0;height:0}.pyc-card-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:16px;display:grid;place-items:center}.pyc-card-close:hover{color:var(--coral);border-color:#f8717166}.pyc-big{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1;color:var(--text);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pyc-big .pyc-play{font-size:14px;padding:8px 14px;border-radius:99px;background:var(--jade-soft);color:var(--jade);font-family:var(--font-body);font-weight:700}.pyc-big .pyc-play:hover{background:#2dd4bf38}.pyc-sub{color:var(--text-3);font-size:13px;margin-top:4px}.pyc-anchorblock{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:var(--s-4) 0}.pyc-anchor{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px}.pyc-anchor .lab{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.pyc-anchor .ipa{font-family:var(--font-display);color:var(--jade);font-size:14px;margin-top:2px}.pyc-anchor .en{color:var(--text-2);font-size:12.5px;margin-top:2px}.pyc-anchor .zh{color:var(--text);font-size:13px;margin-top:2px}.pyc-tonegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:var(--s-3)}.pyc-tone{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 12px;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.pyc-tone:hover{border-color:var(--jade-line);background:var(--surface-3)}.pyc-tone svg{width:78px;height:34px;flex:none}.pyc-tone svg path{fill:none;stroke:var(--jade);stroke-width:3;stroke-linecap:round}.pyc-tone .tn{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--text)}.pyc-tone .td{font-size:11.5px;color:var(--text-3)}.pyc-tone .td b{color:var(--text-2);font-weight:600}.pyc-mp-head{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-top:var(--s-4);margin-bottom:8px}.pyc-mp{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);margin-bottom:8px}.pyc-mp .pa,.pyc-mp .pb{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--text)}.pyc-mp .pv{font-size:12px;color:var(--text-3)}.pyc-mp .pplay{margin-left:auto;font-size:11px;padding:4px 10px;border-radius:99px;background:var(--jade-soft);color:var(--jade);border:1px solid var(--jade-line)}.pyc-mp .pcontrast{font-size:10.5px;padding:2px 8px;border-radius:99px;background:var(--surface-3);color:var(--gold);font-weight:700}.pyc-gray-reason{margin-top:var(--s-3);background:var(--coral-soft);border:1px solid rgba(248,113,113,.3);border-radius:var(--r-md);padding:12px 14px;color:var(--coral);font-size:13.5px;line-height:1.6}.pyc-gray-ok{margin-top:8px;color:var(--text-2);font-size:13px}.pyc-section-title{font-family:var(--font-display);font-size:17px;font-weight:700;margin:var(--s-6) 0 var(--s-3)}.play-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:99px;background:var(--jade-soft);color:var(--jade);border:1px solid var(--jade-line);font-weight:700;font-size:14px;font-family:var(--font-display);transition:background var(--dur-fast),transform var(--dur-fast) var(--ease)}.play-pill:hover{background:#2dd4bf38;transform:translateY(-1px)}.play-pill.play-target{background:#e8b04b29;color:var(--gold);border-color:#e8b04b66}.pyc-opt{padding:14px 22px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-display);font-weight:700;font-size:18px;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease)}.pyc-opt:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-1px)}.pyc-opt.ok{border-color:var(--jade);background:var(--jade-soft);color:var(--jade)}.pyc-opt.no{border-color:var(--coral);background:var(--coral-soft);color:var(--coral)}@media (max-width: 600px){.pyc-anchorblock,.pyc-tonegrid{grid-template-columns:1fr}table.pyc-table .pyc-grpcol{width:52px;min-width:52px}}@media (max-height: 750px){.pyc-big{font-size:44px}.pyc-anchorblock{margin:10px 0}.pyc-tonegrid{gap:8px}.pyc-tone{padding:6px 10px}.pyc-tone svg{width:64px;height:28px}.pyc-mp-head{margin-top:var(--s-3);margin-bottom:6px}.pyc-mp{padding:7px 10px;margin-bottom:6px}.mp-banner{padding:8px 12px;gap:10px;margin-bottom:10px}.mp-figure{width:52px;height:52px}.mp-banner-label{font-size:13px}.mp-hint{font-size:11.5px;line-height:1.35}}.reveal{opacity:0;transform:translateY(22px)}.reveal.in{opacity:1;transform:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.pop{animation:pop .34s var(--ease)}@keyframes toastIn{0%{transform:translateY(-12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toast{animation:toastIn .32s var(--ease)}@keyframes ring{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.ring{animation:ring .6s ease-in-out infinite}.content{max-width:1080px}.jade-text{color:var(--jade)}.home{display:flex;flex-direction:column;gap:var(--s-6)}.hero{position:relative;padding:var(--s-7) var(--s-6);background:linear-gradient(155deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.hero:after{content:"";position:absolute;inset:-40% -10% auto auto;width:420px;height:420px;background:radial-gradient(circle,var(--jade-glow),transparent 68%);pointer-events:none}.hero-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s-4)}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4.4vw,44px);line-height:1.14;letter-spacing:-.02em;max-width:18ch}.hero-sub{color:var(--text-2);margin-top:var(--s-4);max-width:62ch;font-size:15px;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--s-5)}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3);margin-top:var(--s-6)}.hstat{padding:var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}.hstat b{display:block;font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.1}.hstat span{font-size:11.5px;color:var(--text-3)}.hero-bar,.mod-bar,.lp-bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-top:var(--s-5)}.hero-bar i,.mod-bar i,.lp-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--jade),#5eead4);transition:width .6s var(--ease)}.hero-bar-meta,.lp-bar-meta{display:flex;justify-content:space-between;font-size:12px;margin-top:8px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4)}.sec-head h2{font-family:var(--font-display);font-size:20px;font-weight:700}.mod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.mod-grid>.reveal{display:flex}.mod-card{flex:1;display:flex;flex-direction:column;padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.mod-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.mod-card-head{display:flex;align-items:center;gap:12px}.mod-card-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--jade-soft);color:var(--jade);border:1px solid var(--jade-line);font-size:17px}.mod-card-name{font-weight:700;font-size:15.5px}.mod-card-sub{font-size:12px}.mod-bar{margin-top:var(--s-4)}.mod-lessons{list-style:none;margin-top:var(--s-4);display:flex;flex-direction:column;gap:2px;flex:1}.mod-lesson{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border-radius:var(--r-sm);background:transparent;border:1px solid transparent;color:var(--text-2);font-size:13.5px;transition:background var(--dur-fast),color var(--dur-fast)}.mod-lesson:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.mod-lesson:disabled{opacity:.38;cursor:default}.mod-lesson.done{color:var(--jade)}.ml-dot{width:16px;flex:none;text-align:center;font-size:11px;color:var(--jade)}.ml-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-xp{flex:none;font-size:11px;color:var(--text-3);font-family:var(--font-display)}.mod-more{padding:0}.mod-more-btn{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:7px 10px;border-radius:var(--r-sm);background:transparent;border:1px dashed var(--surface-3);color:var(--text-3);font-size:12px;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.mod-more-btn:hover{background:var(--surface-2);color:var(--jade);border-color:var(--jade)}.mod-more-caret{margin-left:auto;font-size:10px}.mod-open{margin-top:var(--s-4);width:100%}.nav-count{float:right;font-size:11px;letter-spacing:0;color:var(--text-3)}.mod{margin-bottom:2px}.mod-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600;transition:background var(--dur-fast),color var(--dur-fast)}.mod-row:hover{background:var(--surface-2);color:var(--text)}.mod-row.open{color:var(--text)}.mod-ic{width:16px;flex:none;color:var(--jade);font-size:13px}.mod-name{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-count{font-size:10.5px;color:var(--text-3);font-family:var(--font-display)}.mod-caret{font-size:9px;color:var(--text-3)}.mod-list{padding-left:8px;border-left:1px solid var(--border);margin:2px 0 6px 17px}.un-acc{float:right;font-size:10px;color:var(--jade);font-family:var(--font-display)}.lp-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:var(--s-7) 0}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface-3);border-top-color:var(--jade);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lp-error-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--coral);border:2px solid var(--coral);background:#f8717114}.lp-error-title{font-family:var(--font-display);font-size:17px;margin:0;color:var(--text)}.lp-error-hint{margin:0;max-width:380px;text-align:center;font-size:13px;line-height:1.6}.lp-error-actions{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap;justify-content:center}.app-error{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--s-7) var(--s-5);text-align:center}.app-error-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--coral);border:2px solid var(--coral);background:#f8717114}.app-error-title{font-family:var(--font-display);font-size:20px;margin:0;color:var(--text)}.app-error-hint{margin:0;max-width:420px;font-size:13.5px;line-height:1.65;color:var(--text-2)}.app-error-detail{margin:4px 0 0;max-width:560px;width:100%;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);font-size:12px;line-height:1.5;color:var(--text-3);white-space:pre-wrap;word-break:break-word;text-align:left;max-height:32dvh;overflow:auto}.app-error-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}.lp{display:flex;flex-direction:column;gap:var(--s-5)}.lp-head{display:flex;flex-direction:column;gap:var(--s-3)}.lp-back{align-self:flex-start;padding:8px 14px}.lp-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}.lp-id{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--jade);font-family:var(--font-display);margin-bottom:6px}.lp-title{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,3.2vw,32px);line-height:1.2;letter-spacing:-.02em}.lp-sub{color:var(--text-3);font-size:14px;margin-top:6px}.lp-meta{display:flex;gap:8px;flex-wrap:wrap}.lp-goal{color:var(--text-2);font-size:14px;line-height:1.6;max-width:74ch}.lp-goal b{color:var(--jade)}.lp-body{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--s-5);align-items:start}.lp-map{position:sticky;top:0;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 180px);overflow-y:auto;padding-right:4px}.lp-map-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:8px}.lp-map-item{display:flex;align-items:center;gap:9px;text-align:left;padding:7px 9px;border-radius:var(--r-sm);background:transparent;border:1px solid transparent;color:var(--text-3);font-size:12.5px;transition:background var(--dur-fast),color var(--dur-fast)}.lp-map-item:hover{background:var(--surface-2);color:var(--text-2)}.lp-map-item.active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.lp-map-item .dot{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);font-size:10.5px;font-family:var(--font-display);color:var(--text-3)}.lp-map-item.done .dot{border-color:var(--jade);background:var(--jade-soft);color:var(--jade)}.lp-map-item.miss .dot{border-color:var(--coral);color:var(--coral)}.lp-map-item.active .dot{border-color:var(--border-strong)}.lp-map-item .txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-step{min-width:0}.lp-card{padding:var(--s-6);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);animation:stepIn .34s var(--ease)}@keyframes stepIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lp-card-head{display:flex;align-items:center;gap:12px;margin-bottom:var(--s-5);flex-wrap:wrap}.lp-kind{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text-3);background:var(--surface-2);font-family:var(--font-display)}.lp-kind.transfer{color:var(--coral);border-color:#f8717159;background:var(--coral-soft)}.lp-kind.mnemonic{color:var(--gold);border-color:#e8b04b59;background:#e8b04b17}.lp-kind.culture{color:#a78bfa;border-color:#a78bfa52;background:#a78bfa17}.lp-kind.checklist{color:var(--jade);border-color:var(--jade-line);background:var(--jade-soft)}.lp-step-title{font-family:var(--font-display);font-weight:700;font-size:18px}.lp-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--border)}.lp-nav-hint{font-size:12px;text-align:center;flex:1}.lp-done{text-align:center;padding:var(--s-6) 0}.lp-done-mark{width:62px;height:62px;margin:0 auto var(--s-4);display:grid;place-items:center;border-radius:50%;background:var(--jade-soft);border:1px solid var(--jade-line);color:var(--jade);font-size:26px}.lp-done h2{font-family:var(--font-display);font-size:26px;font-weight:800;margin-bottom:8px}.lp-done-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);margin:var(--s-6) 0}.lp-done-stats>div{padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.lp-done-stats b{display:block;font-family:var(--font-display);font-size:22px;margin-top:4px}.lp-badge-note{color:var(--jade);font-weight:700;font-size:14px}.lp-done-actions{display:flex;gap:12px;justify-content:center;margin-top:var(--s-6);flex-wrap:wrap}.lp-foot{font-size:12px;text-align:center}.quiz{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);padding:var(--s-5);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.quiz.is-ok{border-color:var(--jade-line);box-shadow:0 0 0 1px var(--jade-line),var(--sh-jade)}.quiz.is-no{border-color:#f8717166}.quiz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.quiz-type{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-family:var(--font-display)}.quiz-pts{font-size:11.5px;color:var(--jade);font-family:var(--font-display);font-weight:700}.q-body{font-size:15.5px;line-height:1.62;color:var(--text);margin-bottom:var(--s-4)}.q-body strong{color:var(--text)}.q-play{display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--s-4);padding:10px 18px;border-radius:var(--r-md);background:var(--jade);color:#06231f;font-weight:700;font-size:14px;box-shadow:var(--sh-jade)}.q-play:hover{background:#36e3cd}.q-play.small{padding:6px 12px;font-size:12px}.q-submit{margin-top:var(--s-4)}.q-audio{margin-left:8px;cursor:pointer;color:var(--jade);font-size:12px;border:1px solid var(--jade-line);border-radius:999px;padding:2px 8px}.q-model{display:flex;align-items:center;gap:12px;margin-bottom:var(--s-4)}.q-model-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.q-checklist{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:var(--s-4)}.q-tick{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:transparent;border:none;color:var(--text-2);font-size:13.5px;line-height:1.5}.q-tick .box{width:18px;height:18px;flex:none;margin-top:1px;display:grid;place-items:center;border-radius:4px;border:1px solid var(--border-strong);font-size:11px;color:var(--jade)}.q-tick.on{color:var(--text)}.q-tick.on .box{background:var(--jade-soft);border-color:var(--jade)}.q-task-foot{margin-top:var(--s-4)}.q-textarea{width:100%;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.6;resize:vertical}.q-textarea:focus{outline:none;border-color:var(--jade)}.q-stroke-help{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--s-3)}.q-stroke-help .chip{text-decoration:none}.quiz-fb{margin-top:var(--s-4);display:flex;flex-direction:column;gap:8px}.quiz-fb details{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:10px 14px}.quiz-fb summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--jade)}.quiz-fb .md{margin-top:10px;font-size:13.5px}.opt-btn{display:flex;align-items:center;gap:12px;text-align:left}.opt-btn.sel{border-color:var(--jade-line);background:var(--jade-soft)}.opt-letter{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border-strong);font-size:12px;font-family:var(--font-display);color:var(--text-2)}.opt-btn.ok .opt-letter{border-color:var(--jade);color:var(--jade)}.opt-btn.no .opt-letter{border-color:var(--coral);color:var(--coral)}.opt-text{flex:1;min-width:0;font-family:var(--font-body);font-size:14.5px;font-weight:500}.opt-text code{font-size:14px}.opt-speak{flex:none;font-size:11px;color:var(--jade);border:1px solid var(--jade-line);border-radius:999px;padding:2px 7px}.opt-check{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:5px;border:1px solid var(--border-strong);font-size:12px;color:var(--jade)}.opt-check.on{background:var(--jade-soft);border-color:var(--jade)}.fill-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fill-input{flex:1;min-width:200px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:16px;font-family:var(--font-display);font-weight:600}.fill-input:focus{outline:none;border-color:var(--jade)}.fill-input:disabled{opacity:.75}.fill-mark{font-size:22px;font-weight:800}.fill-mark.ok{color:var(--jade)}.fill-mark.no{color:var(--coral)}.match-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-4)}.match-left{display:flex;flex-direction:column;gap:8px}.match-item{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 13px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13.5px;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.match-item:hover:not(:disabled){border-color:var(--border-strong)}.match-item.active{border-color:var(--jade);background:var(--jade-soft)}.match-item.ok{border-color:var(--jade)}.match-item.no{border-color:var(--coral)}.match-a{flex:none}.match-arrow{color:var(--text-3);font-size:12px}.match-b{flex:1;min-width:0;color:var(--text-2)}.match-right{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.match-chip{padding:9px 13px;border-radius:var(--r-md);text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:13px;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.match-chip:hover:not(:disabled){border-color:var(--jade);color:var(--text);transform:translateY(-1px)}.match-chip.used{opacity:.32}.md{font-size:15px;line-height:1.72;color:var(--text-2)}.md>*+*{margin-top:var(--s-4)}.md h1,.md h2,.md h3,.md h4{font-family:var(--font-display);color:var(--text);line-height:1.3;letter-spacing:-.01em}.md h1{font-size:22px;font-weight:800}.md h2{font-size:19px;font-weight:700;margin-top:var(--s-5)}.md h3{font-size:16px;font-weight:700}.md h4{font-size:14.5px;font-weight:700}.md strong{color:var(--text);font-weight:700}.md em{color:var(--text)}.md a{color:var(--jade);text-decoration:none;border-bottom:1px solid var(--jade-line)}.md a:hover{border-bottom-color:var(--jade)}.md code{font-family:var(--font-mono, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);font-size:.9em;padding:2px 6px;border-radius:5px;background:var(--surface-3);color:var(--jade);border:1px solid var(--border)}.md pre{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);overflow-x:auto}.md pre code{background:none;border:none;padding:0;color:var(--text-2);font-size:12.5px;line-height:1.6}.md ul,.md ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}.md ul{list-style:none}.md ul>li{position:relative;padding-left:14px}.md ul>li:before{content:"·";position:absolute;left:0;top:0;color:var(--jade);font-weight:700}.md ol{list-style:decimal}.md ol>li::marker{color:var(--jade);font-family:var(--font-display)}.md blockquote{border-left:2px solid var(--jade-line);padding:4px 0 4px var(--s-4);background:linear-gradient(90deg,var(--jade-soft),transparent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-2)}.md blockquote>*+*{margin-top:var(--s-3)}.md hr{border:none;border-top:1px solid var(--border);margin:var(--s-5) 0}.md table{width:100%;border-collapse:collapse;font-size:13.5px;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.md thead{background:var(--surface-3)}.md th,.md td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.md th{font-family:var(--font-display);font-weight:700;color:var(--text);font-size:12.5px}.md tbody tr:last-child td{border-bottom:none}.md tbody tr:hover{background:#ffffff04}.md img{max-width:100%;border-radius:var(--r-md)}.lp-md{max-width:74ch}@media (max-width: 860px){.app{grid-template-columns:1fr}.main-wrap{grid-column:1;grid-row:1}.sidebar{grid-column:auto;grid-row:auto;position:fixed;z-index:60;top:0;bottom:0;left:0;width:280px;transform:translate(-100%);transition:transform var(--dur) var(--ease)}.app.nav-open .sidebar{transform:none;box-shadow:var(--sh-3)}.app.nav-open .scrim{display:block}.menu-btn{display:inline-flex}.topbar{padding:var(--s-3) var(--s-4)}.scroll-area{padding:var(--s-4)}.crumbs b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.grid-6,.grid-7{grid-template-columns:repeat(4,1fr)}.opt-grid.c4{grid-template-columns:repeat(2,1fr)}.mod-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.lp-body{grid-template-columns:1fr}.lp-map{position:static;max-height:none;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.lp-map-label{display:none}.lp-map-item{flex:none}.lp-map-item .txt{max-width:132px}.lp-card{padding:var(--s-5)}.match-wrap,.lp-done-stats{grid-template-columns:1fr}.lp-nav{flex-wrap:wrap}.lp-nav-hint{order:3;flex-basis:100%}}@media (max-width: 480px){.grid-6,.grid-7{grid-template-columns:repeat(3,1fr)}.hero{padding:var(--s-5) var(--s-4)}.hero-stats{grid-template-columns:repeat(2,1fr)}.opt-grid.c2{grid-template-columns:1fr}.lp-map-item .txt{max-width:88px}.topbar{flex-wrap:wrap;gap:8px var(--s-4)}.crumbs{flex:1 1 100%}.stats{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start;gap:6px}.chip{padding:5px 10px;font-size:12.5px}.lang-btn{padding:5px 11px}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important}.glow{animation:none}}