.icon[data-v-1a94de23]{flex:none;display:block}.user-menu[data-v-f6f4a35c]{position:relative}.user-btn[data-v-f6f4a35c]{display:flex;align-items:center;gap:4px;padding:3px 6px 3px 3px;border:1px solid transparent;border-radius:999px;background:none;cursor:pointer;color:var(--muted)}.user-btn[data-v-f6f4a35c]:hover{border-color:var(--border);background:var(--surface-2)}.user-chevron[data-v-f6f4a35c]{transform:rotate(90deg)}.user-pop[data-v-f6f4a35c]{position:absolute;right:0;top:calc(100% + 8px);z-index:40;display:grid;min-width:244px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-md)}.user-who[data-v-f6f4a35c]{display:grid;gap:2px;margin:0;padding:8px 10px 10px;border-bottom:1px solid var(--border);font-size:14px}.user-who .mono[data-v-f6f4a35c]{color:var(--muted);font-family:var(--font-mono);font-size:12.5px}.user-pop button[data-v-f6f4a35c]{display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}.user-pop button[data-v-f6f4a35c]:hover{background:var(--surface-2)}.user-exit[data-v-f6f4a35c]{color:var(--bad)}.crumbs-bar[data-v-dcd4b463]{display:flex;align-items:center;gap:6px;min-width:0;flex:0 1 auto;overflow:hidden;font-size:13px}.crumb[data-v-dcd4b463]{max-width:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);text-decoration:none}.crumb[data-v-dcd4b463]:hover{color:var(--ink)}.crumb.current[data-v-dcd4b463]{color:var(--ink);font-weight:600;max-width:42ch;flex:0 1 auto}.crumbs-sep[data-v-dcd4b463]{color:var(--faint)}@media(max-width:900px){.crumb[data-v-dcd4b463]{max-width:14ch}.crumb.current[data-v-dcd4b463]{max-width:20ch}}.theme-switch[data-v-a74c4876]{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.theme-half[data-v-a74c4876]{display:grid;place-items:center;width:30px;height:26px;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer}.theme-half[data-v-a74c4876]:hover{color:var(--ink)}.theme-half.on[data-v-a74c4876]{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-sm)}:root{--paper: #f5f3ee;--surface: #fffefb;--surface-2: #efece4;--ink: #1b1d22;--muted: #6b6e76;--faint: #9a9da6;--border: #e3ded3;--border-strong: #d5cfc1;--accent: #c8791a;--accent-ink: #8f5410;--accent-soft: #f6e9d6;--service-paper: #efeae0;--service-tint: #e8e0cf;--service-line: #d8cdb5;--service-ink: #7a6534;--good: #2e7d57;--good-soft: #dcefe4;--bad: #c0432e;--bad-soft: #f6ded8;--shadow-sm: 0 1px 2px rgba(20, 20, 26, .06), 0 1px 3px rgba(20, 20, 26, .05);--shadow-md: 0 8px 24px rgba(20, 20, 26, .1), 0 2px 6px rgba(20, 20, 26, .06);--shadow-lg: 0 24px 60px rgba(20, 20, 26, .16), 0 6px 16px rgba(20, 20, 26, .08);--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--maxw: clamp(960px, 94vw, 1720px);--readw: min(80ch, 100%)}@media(prefers-color-scheme:dark){:root{--paper: #0d1017;--surface: #161a23;--surface-2: #1d222d;--ink: #e8eaf0;--muted: #9aa3b5;--faint: #6d7789;--border: #262c38;--border-strong: #354052;--accent: #58a6ff;--accent-ink: #7cc0ff;--accent-soft: #132840;--accent-contrast: #0b1220;--service-paper: #10131a;--service-tint: #171d28;--service-line: #2a3242;--service-ink: #9fb4d0;--good: #3fb950;--good-soft: #10281a;--bad: #f0736a;--bad-soft: #331917;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 12px 32px rgba(0, 0, 0, .55);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .65)}}:root[data-theme=light]{--accent-contrast: #ffffff;--paper: #f5f3ee;--surface: #fffefb;--surface-2: #efece4;--ink: #1b1d22;--muted: #6b6e76;--faint: #9a9da6;--border: #e3ded3;--border-strong: #d5cfc1;--accent: #c8791a;--accent-ink: #8f5410;--accent-soft: #f6e9d6;--service-paper: #efeae0;--service-tint: #e8e0cf;--service-line: #d8cdb5;--service-ink: #7a6534;--good: #2e7d57;--good-soft: #dcefe4;--bad: #c0432e;--bad-soft: #f6ded8;--shadow-sm: 0 1px 2px rgba(20, 20, 26, .06), 0 1px 3px rgba(20, 20, 26, .05);--shadow-md: 0 8px 24px rgba(20, 20, 26, .1), 0 2px 6px rgba(20, 20, 26, .06);--shadow-lg: 0 24px 60px rgba(20, 20, 26, .16), 0 6px 16px rgba(20, 20, 26, .08)}:root[data-theme=dark]{--paper: #0d1017;--surface: #161a23;--surface-2: #1d222d;--ink: #e8eaf0;--muted: #9aa3b5;--faint: #6d7789;--border: #262c38;--border-strong: #354052;--accent: #58a6ff;--accent-ink: #7cc0ff;--accent-soft: #132840;--accent-contrast: #0b1220;--service-paper: #10131a;--service-tint: #171d28;--service-line: #2a3242;--service-ink: #9fb4d0;--good: #3fb950;--good-soft: #10281a;--bad: #f0736a;--bad-soft: #331917;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 12px 32px rgba(0, 0, 0, .55);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%),var(--paper);background-attachment:fixed;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-ink);text-underline-offset:2px}a:hover{text-decoration:underline}img{max-width:100%}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:4px}.app{max-width:var(--maxw);margin:22px auto 56px;padding:0 clamp(12px,2vw,28px)}.window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.titlebar{display:flex;align-items:center;gap:14px;padding:13px 18px;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface));border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.titlebar .tt{font:600 13px/1 var(--font-mono);color:var(--muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar .spacer{flex:1}.theme-toggle{font:500 12px/1 var(--font-ui);color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:pointer}.theme-toggle:hover{border-color:var(--border-strong);color:var(--ink)}.nav-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-contrast, #fff);font-size:11.5px;font-weight:700;vertical-align:1px}.head-split{width:1px;height:22px;margin:0 4px;background:var(--border-strong)}.win-body{padding:34px clamp(20px,5vw,54px) 46px}.win-body.is-service{background:linear-gradient(var(--service-line),var(--service-line)) top / 100% 2px no-repeat,var(--service-paper)}h1.display{font-size:clamp(28px,5vw,46px);line-height:1.05;letter-spacing:-.02em;font-weight:800;text-wrap:balance;margin:12px 0 10px}.lede{font-size:clamp(16px,2.4vw,19px);color:var(--muted);max-width:72ch;text-wrap:pretty}h2{font-size:24px;letter-spacing:-.01em;margin:2em 0 .5em;text-wrap:balance}h3{font-size:18px;margin:1.6em 0 .4em}p{max-width:none}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:9px;font:600 15px/1 var(--font-ui);padding:12px 20px;border-radius:11px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .06s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000);text-decoration:none}.btn-ghost{background:var(--surface-2);color:var(--ink);border-color:var(--border)}.btn-ghost:hover{border-color:var(--border-strong);text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{padding:15px 26px;font-size:16px}.hero{display:grid;gap:6px;margin-bottom:8px}.hero .meta-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px;font:500 13.5px/1 var(--font-mono);color:var(--muted)}.hero .meta-row b{color:var(--ink);font-weight:700}.namebar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 8px;padding:16px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.namebar label{font:600 13px/1 var(--font-ui);color:var(--muted)}.namebar input{flex:1;min-width:180px;font:500 15px/1 var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:11px 13px}.namebar input:focus{outline:none;border-color:var(--accent)}.overall{display:flex;align-items:center;gap:16px;margin:22px 0 4px}.overall .bar{flex:1;height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}.overall .bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-ink));border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.overall .pct{font:700 15px/1 var(--font-mono);color:var(--ink);min-width:46px;text-align:right}.grid{display:grid;gap:16px;margin-top:26px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 20px 18px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;min-height:172px}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong);text-decoration:none}.card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card .blk{font:700 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}.card h3{margin:12px 0 6px;font-size:19px;letter-spacing:-.01em}.card p{margin:0;font-size:14px;color:var(--muted);max-width:none}.card .foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card .lessons-n{font:500 12.5px/1 var(--font-mono);color:var(--faint)}.ring{--p: 0;width:42px;height:42px;flex:none}.ring svg{transform:rotate(-90deg);display:block}.ring .track{stroke:var(--surface-2)}.ring .val{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}.ring.done .val{stroke:var(--good)}.ring .lbl{position:absolute}.chip{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:5px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:var(--surface-2)}.chip.done{color:var(--good);background:var(--good-soft);border-color:transparent}.chip.started{color:var(--accent-ink);background:var(--accent-soft);border-color:transparent}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}.gate{margin-top:22px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.gate .panel{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--accent-soft) 40%,var(--surface)));border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px}.gate .panel h3{margin:0;font-size:18px}.gate .panel p{margin:0 0 6px;font-size:14px;color:var(--muted);max-width:none}.gate .panel .btn{align-self:flex-start;margin-top:auto}.reader-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.crumbs{font:500 13px/1 var(--font-mono);color:var(--muted)}.crumbs a{color:var(--muted)}.steps{display:flex;gap:6px;align-items:center;margin:22px 0 6px}.steps .dot{height:6px;border-radius:999px;background:var(--surface-2);flex:1;transition:background .3s;border:1px solid var(--border)}.steps .dot.active{background:var(--accent);border-color:transparent}.steps .dot.seen{background:color-mix(in srgb,var(--accent) 45%,var(--surface-2));border-color:transparent}.step-count{font:600 12.5px/1 var(--font-mono);color:var(--muted);white-space:nowrap}.screen{animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen h2:first-child{margin-top:.2em}.screen ul,.screen ol{max-width:68ch;padding-left:1.3em}.screen li{margin:.3em 0}.screen blockquote{margin:1.2em 0;padding:12px 18px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 10px 10px 0;color:var(--ink)}.screen code{font:500 .88em var(--font-mono);background:var(--surface-2);padding:.15em .4em;border-radius:6px;border:1px solid var(--border)}.screen pre{background:#14151a;color:#e8e6e0;border-radius:12px;padding:16px 18px;overflow-x:auto;font:500 13px/1.6 var(--font-mono);border:1px solid #2b2e38}.screen pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.tablewrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--border);border-radius:12px}.screen table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:460px}.screen th,.screen td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top}.screen thead th{background:var(--surface-2);font:700 12.5px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.screen tbody tr:last-child td{border-bottom:none}.screen td.num,.screen th.num{font-variant-numeric:tabular-nums}.stat-row{display:flex;flex-wrap:wrap;gap:14px;margin:1.4em 0}.stat{flex:1 1 150px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.stat .v{font:800 26px/1 var(--font-mono);letter-spacing:-.02em;color:var(--accent-ink);font-variant-numeric:tabular-nums}.stat .k{font-size:13px;color:var(--muted);margin-top:6px}.figure{background:#14151a;color:#e8e6e0;border-radius:12px;padding:16px 18px;overflow-x:auto;font:500 12.5px/1.55 var(--font-mono);white-space:pre;margin:1.3em 0;border:1px solid #2b2e38}.callout{margin:1.4em 0;padding:16px 18px;border-radius:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border))}.callout .tag{font:700 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink)}.callout p{margin:6px 0 0}.sources{margin-top:2em;font-size:13.5px;color:var(--muted)}.sources summary{cursor:pointer;font:600 13px/1 var(--font-mono);color:var(--accent-ink)}.sources ol{margin:12px 0 0}.sources li{margin:.35em 0}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--border)}.quiz-intro{text-align:center;padding:20px 0}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px clamp(18px,4vw,30px);box-shadow:var(--shadow-sm)}.q-progress{font:600 12.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.04em}.q-text{font-size:19px;font-weight:650;margin:12px 0 20px;text-wrap:pretty;letter-spacing:-.01em}.opts{display:grid;gap:10px}.opt{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:14px 16px;border-radius:12px;cursor:pointer;background:var(--surface);border:1.5px solid var(--border);font:500 15px/1.45 var(--font-ui);color:var(--ink);transition:border-color .12s,background .12s}.opt:hover:not(:disabled){border-color:var(--accent)}.opt .mk{flex:none;width:24px;height:24px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font:700 12px/1 var(--font-mono);color:var(--muted)}.opt.correct{border-color:var(--good);background:var(--good-soft)}.opt.correct .mk{background:var(--good);color:#fff;border-color:transparent}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt.wrong .mk{background:var(--bad);color:#fff;border-color:transparent}.opt:disabled{cursor:default}.explain{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-size:14.5px;animation:fade .3s ease}.explain b{color:var(--accent-ink)}.q-actions{display:flex;justify-content:flex-end;margin-top:20px}.result{text-align:center;padding:20px 0}.result .scorebig{font:800 64px/1 var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.result.pass .scorebig{color:var(--good)}.result.fail .scorebig{color:var(--bad)}.result .verdict{font-size:20px;font-weight:700;margin:6px 0 4px}.result .sub{color:var(--muted);max-width:46ch;margin:0 auto 22px}.result .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.review{margin-top:30px;text-align:left;display:grid;gap:12px}.review .item{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--surface)}.review .item .qq{font-weight:650;margin-bottom:8px}.review .item .line{font-size:14px;margin:3px 0}.review .item .ok{color:var(--good)}.review .item .no{color:var(--bad)}.cert-page{background:var(--paper)}.cert-wrap{max-width:940px;margin:40px auto;padding:0 20px}.cert{position:relative;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:56px clamp(28px,6vw,72px) 48px;box-shadow:var(--shadow-lg);overflow:hidden}.cert:before{content:"";position:absolute;inset:14px;border:2px solid var(--accent);border-radius:4px;opacity:.5;pointer-events:none}.cert:after{content:"";position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:3px;pointer-events:none}.cert .inner{position:relative;text-align:center}.cert .kicker{font:700 13px/1 var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-ink)}.cert .cert-title{font-size:clamp(26px,5vw,40px);font-weight:800;letter-spacing:-.02em;margin:16px 0 4px;text-wrap:balance}.cert .awarded{color:var(--muted);margin:22px 0 6px;font-size:15px}.cert .name{font-size:clamp(30px,6vw,48px);font-weight:800;letter-spacing:-.01em;color:var(--ink);border-bottom:2px solid var(--accent);display:inline-block;padding:0 24px 8px;margin:4px 0 20px}.cert .blurb{max-width:54ch;margin:0 auto;color:var(--muted);font-size:15px}.cert .seal{width:108px;height:108px;margin:30px auto 8px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#f4c579,var(--accent) 70%);color:#4a2c07;box-shadow:0 6px 18px #c8791a66;border:3px solid #fff3;font:800 12px/1.1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.cert .meta{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:28px;font:500 13px/1.4 var(--font-mono);color:var(--muted)}.cert .meta .lab{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:4px}.cert .meta b{color:var(--ink);font-size:15px}.cert-actions{display:flex;gap:12px;justify-content:center;margin:26px 0 60px}.locked-note{text-align:center;padding:60px 20px;color:var(--muted)}.locked-note .lock{font-size:40px}.center{text-align:center}.muted{color:var(--muted)}.hidden{display:none!important}.divider{height:1px;background:var(--border);margin:34px 0;border:none}.authbar{display:flex;align-items:center;gap:12px}.authbar .who{font:600 12.5px/1 var(--font-mono);color:var(--ink);text-decoration:none;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.authbar .who:hover{border-color:var(--accent);text-decoration:none}.authbar .linkbtn{background:none;border:none;color:var(--muted);font:500 12.5px/1 var(--font-ui);cursor:pointer;padding:4px 6px}.authbar .linkbtn:hover{color:var(--ink)}.login{margin:24px 0 6px}.login-card{max-width:460px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px clamp(18px,4vw,26px)}.login-card h3{margin:0 0 6px;font-size:19px}.login-card p{margin:0 0 16px;font-size:13.5px;color:var(--muted);max-width:none}.login-card label{display:block;font:600 12.5px/1.2 var(--font-ui);color:var(--muted);margin-bottom:12px}.login-card input{display:block;width:100%;margin-top:6px;font:500 15px/1 var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:11px 13px}.login-card input:focus{outline:none;border-color:var(--accent)}.login-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.login-err{color:var(--bad);font-size:13px;margin-top:10px;min-height:1em}.hero{display:flex;gap:28px;align-items:center}.hero-text{flex:1;min-width:0}.hero-art{width:300px;max-width:40%;height:auto;flex:none}@media(max-width:720px){.hero{flex-direction:column}.hero-art{max-width:80%;width:auto}}.card{overflow:hidden}.card-art{position:absolute;right:14px;top:60px;bottom:auto;width:52px;height:52px;opacity:.26;pointer-events:none;z-index:0}.card:hover .card-art{opacity:.5;transition:opacity .2s}.card .top,.card h3,.card p,.card .foot{position:relative;z-index:1}.card .foot .chip{position:relative;z-index:2}.prof-head{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.prof-art{width:120px;height:120px;flex:none}.prof-list{margin-top:26px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.prof-row{display:grid;grid-template-columns:84px 1fr auto auto;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);font-size:14px}.prof-row:last-child{border-bottom:none}.prof-row .prow-title{font-weight:600}.prof-row .prow-cell{color:var(--muted);font-size:13px;white-space:nowrap}@media(max-width:640px){.prof-row{grid-template-columns:1fr auto}.prof-row .blk{display:none}}.lesson-body{max-width:760px}.lesson-body h1{margin:0 0 18px}.lesson-body h4{font-size:15px;margin:1.3em 0 .3em;color:var(--muted)}.seal-img{width:116px;height:116px;margin:26px auto 6px;display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(max-width:720px){.app{margin:14px auto 40px;padding:0 12px}.win-body{padding:26px 18px 34px}.gate{grid-template-columns:1fr}.result .scorebig{font-size:52px}}@media print{:root{--paper: #fff;--surface: #fff;--ink: #1b1d22;--muted: #555;--border: #ccc}body{background:#fff}.titlebar,.theme-toggle,.cert-actions,.app>.backlink{display:none!important}.cert-wrap{margin:0;max-width:none}.cert{box-shadow:none;border:none}@page{size:landscape;margin:12mm}}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table th{font:700 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.admin-table tbody tr:hover td{background:var(--surface-2)}.admin-table td.mono,.admin-table .mono{font-family:var(--font-mono)}.admin-table td.cell{text-align:center;color:var(--muted)}.admin-table td.cell.has{color:var(--ink);cursor:pointer;border-radius:6px}.admin-table td.cell.has:hover{background:var(--bad-soft);color:var(--bad);text-decoration:underline}.admin-table td.cell.has:hover:after{content:" ↺"}.adm-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;font:700 10px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);background:var(--accent-soft)}.btn.sm{padding:5px 10px;font-size:12.5px}.page{display:grid;gap:26px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px}.page-head .grow{flex:1 1 320px}.page-title{font-size:clamp(24px,3.4vw,36px);font-weight:800;letter-spacing:-.02em;margin:6px 0 4px}.reader{max-width:var(--readw)}.reader-wide{max-width:none}.split{display:grid;gap:clamp(18px,2.4vw,34px);grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:1100px){.split{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,380px)}.split.left-rail{grid-template-columns:clamp(260px,22vw,340px) minmax(0,1fr)}}.rail{position:sticky;top:82px;display:grid;gap:16px;min-width:0}.rail>*{min-width:0}.stack{display:grid;gap:14px}.stack-sm{display:grid;gap:8px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:8px}.spacer{flex:1}.right{margin-left:auto}.wrap-scroll{overflow-x:auto}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:600 13.5px/1 var(--font-ui)}.nav a{color:var(--muted);text-decoration:none;padding:7px 12px;border-radius:9px;border:1px solid transparent}.nav a:hover{color:var(--ink);background:var(--surface-2);text-decoration:none}.nav a.router-link-active{color:var(--ink);background:var(--surface-2);border-color:var(--border)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;font:700 12px/1 var(--font-ui);letter-spacing:.02em;flex:none}.avatar.lg{width:44px;height:44px;font-size:16px}.avatar.sm{width:24px;height:24px;font-size:10px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);display:grid;gap:10px}.tile.pad-lg{padding:24px 26px}.tile-head{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}.tile-title{font-weight:700;font-size:16px}.tile-hint{color:var(--muted);font-size:13.5px}.tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.badge{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge.ok{background:var(--good-soft);color:var(--good);border-color:transparent}.badge.bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.badge.accent{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .35s ease}.bar.slim{height:5px}.board{display:grid;gap:2px}.board-row{display:grid;grid-template-columns:34px 30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:10px}.board-row:nth-child(odd){background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.board-row.me{background:var(--accent-soft)}.board-rank{font:800 15px/1 var(--font-mono);color:var(--muted);text-align:center}.board-row.top1 .board-rank,.board-row.top2 .board-rank,.board-row.top3 .board-rank{color:var(--accent-ink)}.board-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font:700 14px/1 var(--font-mono);font-variant-numeric:tabular-nums}.field{display:grid;gap:6px}.field>label{font:600 13px/1 var(--font-ui);color:var(--muted)}.field .hint{font-size:12.5px;color:var(--faint)}.input,.textarea,.select{width:100%;font:400 15px/1.45 var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px}.textarea{min-height:96px;resize:vertical}.input.mono,.textarea.mono{font-family:var(--font-mono);font-size:13.5px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none}.check{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.form-error{background:var(--bad-soft);color:var(--bad);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.form-ok{background:var(--good-soft);color:var(--good);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.modal-backdrop{position:fixed;inset:0;z-index:90;background:color-mix(in srgb,#10111690 70%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:min(86vh,900px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal.wide{width:min(1080px,100%)}.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}.modal-title{font-weight:700;font-size:16px}.modal-body{padding:20px;display:grid;gap:14px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.icon-btn{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);cursor:pointer;padding:6px 8px;font-size:15px;line-height:1}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.toasts{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:8px;max-width:min(420px,92vw)}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:11px 14px;font-size:14px}.toast.ok{border-left-color:var(--good)}.toast.error{border-left-color:var(--bad)}.toast.info{border-left-color:var(--accent)}.hl{color:inherit;background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 -2px 0 var(--accent);border-radius:3px;padding:0 1px;cursor:pointer;transition:background .12s ease}.hl:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.hl.stale{box-shadow:inset 0 -2px 0 var(--faint)}.select-bubble{position:absolute;z-index:60;transform:translate(-50%,-100%);background:var(--ink);color:var(--paper);border-radius:999px;padding:7px 14px;font:600 13px/1 var(--font-ui);cursor:pointer;box-shadow:var(--shadow-md);border:none;white-space:nowrap}.select-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;translate:-50% 0;border:5px solid transparent;border-top-color:var(--ink);border-bottom:0}.comment{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--border)}.comment:first-child{border-top:none}.comment-head{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.comment-author{font-weight:700;color:var(--ink)}.comment-body{font-size:15px}.comment-body p{margin:0 0 .5em}.comment-body :last-child{margin-bottom:0}.comment-quote{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));padding:9px 13px;border-radius:0 8px 8px 0;font-size:14px;color:var(--ink)}.comment-actions{display:flex;gap:6px;font-size:12.5px}.comment-actions button{background:none;border:none;color:var(--muted);cursor:pointer;padding:3px 6px;border-radius:6px;font:600 12.5px/1 var(--font-ui)}.comment-actions button:hover{background:var(--surface-2);color:var(--ink)}.comment-actions button.liked{color:var(--accent-ink)}.comment-replies{margin-left:22px;padding-left:14px;border-left:2px solid var(--border);display:grid}.steps-nav{display:flex;gap:6px;flex-wrap:wrap}.step-dot{width:30px;height:30px;border-radius:9px;cursor:pointer;border:1px solid var(--border);background:var(--surface);font:600 12px/1 var(--font-mono);color:var(--muted)}.step-dot.done{background:var(--good-soft);color:var(--good);border-color:transparent}.step-dot.current{border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-soft)}.step-body{font-size:16.5px;line-height:1.72}.step-body h3{font-size:19px}.step-body table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14.5px}.step-body th,.step-body td{border:1px solid var(--border);padding:8px 11px;text-align:left;vertical-align:top}.step-body th{background:var(--surface-2);font-weight:700}.step-body pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;overflow-x:auto;font-size:13.5px}.step-body :where(img,video){border-radius:var(--radius-sm);border:1px solid var(--border)}.step-media{display:grid;gap:8px}.step-media video,.step-media img{width:100%;border-radius:var(--radius);border:1px solid var(--border)}.step-caption{color:var(--muted);font-size:13.5px}.order-list{display:grid;gap:8px;counter-reset:ord}.order-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px}.order-item[draggable=true]{cursor:grab}.order-item.dragging{opacity:.5}.order-index{font:700 13px/1 var(--font-mono);color:var(--muted);text-align:center}.order-move{display:grid;gap:2px}.order-move button{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:6px;cursor:pointer;padding:1px 7px;line-height:1.2;font-size:11px}.order-item.correct{border-color:var(--good);background:var(--good-soft)}.order-item.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt-explain{font-size:13px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer;color:var(--muted);font:600 14px/1 var(--font-ui)}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table th{color:var(--muted);font:600 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.data-table tr:hover td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.tree-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;text-align:left}.tree-item.muted-row{opacity:.55}.drag-handle{cursor:grab;color:var(--faint);-webkit-user-select:none;user-select:none}.editor-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}@media(min-width:1200px){.editor-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:30px 22px;text-align:center;color:var(--muted)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.note-card{display:grid;gap:7px;width:100%;text-align:left;cursor:pointer;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit}.note-card:hover{border-color:var(--accent)}.note-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.note-quote{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-text{font-size:14px;color:var(--ink)}.note-author{font-size:12.5px;color:var(--faint)}.btn-go{background:var(--good);color:var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow-sm)}.btn-go:hover{background:color-mix(in srgb,var(--good) 88%,#000);text-decoration:none}:root[data-theme=dark] .btn-go,:root:not([data-theme=light]) .btn-go{color:#06210c}[data-hint]{position:relative}[data-hint]:after{content:attr(data-hint);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);z-index:60;display:none;max-width:260px;width:max-content;padding:6px 9px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:500;line-height:1.35;text-align:center;white-space:normal;pointer-events:none;box-shadow:var(--shadow-md)}[data-hint]:hover:after,[data-hint]:focus-visible:after{display:block}[data-hint][data-hint-side=right]:after{left:auto;right:0;transform:none}