:root{--ground:#f4f5f8;--surface:#fff;--surface-2:#eef0f4;--ink:#1b2230;--ink-muted:#576076;--ink-faint:#8a93a6;--hair:#dce0e8;--hair-strong:#c4cad6;--accent:#b26a12;--accent-soft:#f3e7d2;--token:#0e7c86;--token-soft:#dceeef;--good:#2e7d53;--warn:#b26a12;--crit:#b23b3b;--code-bg:#f0f2f6;--shadow:0 1px 2px #141c2d0d, 0 8px 28px #141c2d0f;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--measure:980px}@media (prefers-color-scheme:dark){:root{--ground:#101319;--surface:#171b23;--surface-2:#1e232d;--ink:#e7eaf1;--ink-muted:#a2abbd;--ink-faint:#707a8e;--hair:#2a3140;--hair-strong:#38404f;--accent:#e4a03a;--accent-soft:#38301f;--token:#35b8c4;--token-soft:#17313a;--good:#4fb07c;--warn:#e4a03a;--crit:#e06a6a;--code-bg:#12161e;--shadow:0 1px 2px #0000004d, 0 10px 30px #00000059}}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);margin:0}.page{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-size:15px;line-height:1.6}.wrap{max-width:var(--measure);margin:0 auto;padding:0 24px}.main-nav{background:var(--surface);border-bottom:1px solid var(--hair);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:60px;display:flex}.nav-brand{align-items:center;gap:8px;display:flex}.brand-title{letter-spacing:-.02em;font-size:16px;font-weight:800}.brand-env{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:10px}.nav-links{align-items:center;gap:20px;display:flex}.nav-link{color:var(--ink-muted);border-bottom:2px solid #0000;padding:6px 0;font-size:14px;font-weight:550;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--accent)}.nav-link.active{color:var(--ink);border-bottom-color:var(--accent)}.masthead{border-bottom:1px solid var(--hair);background:var(--surface)}.masthead .wrap{padding-top:40px;padding-bottom:30px}.kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin:0 0 12px;font-size:11px;display:flex}.kicker:before{content:"";background:var(--accent);width:20px;height:1px;display:inline-block}h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.1}.lede{color:var(--ink-muted);max-width:75ch;margin:0;font-size:16px}.metastrip{font-family:var(--font-mono);flex-wrap:wrap;gap:8px 10px;margin-top:20px;font-size:11px;display:flex}.metastrip span{border:1px solid var(--hair-strong);color:var(--ink-muted);background:var(--ground);border-radius:999px;padding:4px 10px}.metastrip span b{color:var(--ink);font-weight:600}section{padding:24px 0}.section-card{background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow);border-radius:14px;margin-bottom:24px;padding:24px}.sec-head{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.sec-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:750}.form-group{margin-bottom:16px}.form-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:11px;display:block}.input-control{border:1px solid var(--hair-strong);background:var(--surface);width:100%;color:var(--ink);font-family:var(--font-sans);border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input-control.code{font-family:var(--font-mono);background:var(--code-bg)}.btn{font-family:var(--font-mono);border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--hair-strong)}.btn.solid{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.solid:hover{opacity:.9}.btn.mini{border-radius:6px;padding:4px 8px;font-size:10px}.btn.danger{border-color:var(--crit);color:var(--crit)}.btn.danger:hover{background:#b23b3b14}.btn:disabled{opacity:.5;cursor:not-allowed}.tbl-wrap{border:1px solid var(--hair);background:var(--surface);border-radius:12px;margin:18px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:middle;padding:12px 16px}th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface-2);font-size:11px;font-weight:600}tbody tr:hover{background:var(--ground)}tbody tr:last-child td{border-bottom:none}td code{white-space:nowrap}.chip{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--hair);color:var(--ink-muted);border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;margin-right:6px;padding:4px 10px;font-size:11px;display:inline-flex}.chip.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.chip.clickable:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.chip.copied{border-color:var(--good)!important;color:var(--good)!important;background:#2e7d532e!important}.chip .x{color:var(--ink-faint);cursor:pointer;margin-left:2px;font-weight:700}.chip .x:hover{color:var(--crit)}.copyable-code{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;transition:all .15s;display:inline-flex}.copyable-code:hover{background:var(--surface-2);color:var(--accent);border-color:var(--hair-strong)}.copyable-code.copied{color:var(--good)!important;background:#2e7d5326!important}.copy-hint-icon{opacity:.7;font-size:10px}.global-toast{z-index:9999;background:var(--surface);border:1px solid var(--good);box-shadow:var(--shadow);color:var(--ink);font-family:var(--font-sans);border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px}.toast-icon{background:var(--good);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .25s cubic-bezier(.16,1,.3,1)}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(12px)scale(.95)}.src{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-align:center;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.src.shared{background:var(--token-soft);color:var(--token)}.src.override{background:var(--accent-soft);color:var(--accent)}.src.local{background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--hair)}.src.unset{color:var(--crit);background:#b23b3b1f}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.badge.common{color:var(--good);background:#2e7d5324}.badge.vary{background:var(--accent-soft);color:var(--accent)}.badge.rare{background:var(--surface-2);color:var(--ink-faint);border:1px solid var(--hair)}.env-container{border:1px solid var(--hair);background:var(--surface);border-radius:12px;margin-top:10px;overflow:hidden}.envrow{border-bottom:1px solid var(--hair);grid-template-columns:1.2fr 1.6fr 100px 80px;align-items:center;gap:12px;padding:10px 16px;display:grid}.envrow:last-child{border-bottom:none}.envrow.gone{opacity:.5;background:#b23b3b05;text-decoration:line-through}.cell{font-family:var(--font-mono);background:var(--ground);border:1px solid var(--hair);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:6px 10px;font-size:12px;overflow:hidden}.cell.k{color:var(--ink);font-weight:650}.cell.tok{color:var(--token);background:var(--token-soft);border-color:#0000}.cell.interactive{cursor:pointer}.cell.interactive:hover{border-color:var(--accent)}.resolved{font-family:var(--font-mono);color:var(--ink-faint);border-bottom:1px solid var(--hair);padding:4px 16px 12px;font-size:11px}.resolved b{color:var(--good);font-weight:600}.resolved .bad{color:var(--crit);font-weight:600}.diffline{font-family:var(--font-mono);border-radius:6px;margin:4px 0;padding:6px 12px;font-size:12px}.diffline.add{color:var(--good);background:#2e7d531f}.diffline.del{color:var(--crit);background:#b23b3b1f}.diffline.mod{background:var(--accent-soft);color:var(--accent)}.tabs{border-bottom:1px solid var(--hair);gap:4px;margin-bottom:18px;padding-bottom:1px;display:flex}.tab{font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;border:1px solid #0000;border-bottom-width:2px;border-radius:8px 8px 0 0;padding:8px 16px;font-size:12px;transition:all .15s}.tab:hover{color:var(--ink);background:var(--surface-2)}.tab.on{color:var(--ink);border-bottom-color:var(--accent);background:var(--surface);border:1px solid var(--hair);border-bottom-color:#0000;font-weight:700}.tab.shared{color:var(--token);border-bottom-color:var(--token);font-weight:700}.tab.shared.on{border:1px solid var(--hair);border-bottom-color:#0000}.tab.add{color:var(--ink-faint);font-style:italic}.picker{border:1px solid var(--hair);background:var(--surface);border-radius:8px;max-height:200px;margin-top:8px;overflow:hidden auto}.picker .ph{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface-2);border-bottom:1px solid var(--hair);padding:6px 12px;font-size:10px}.picker .pr{border-bottom:1px dashed var(--hair);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.picker .pr:last-child{border-bottom:none}.picker .pr:hover{background:var(--token-soft);cursor:pointer}.picker .pr .nm{color:var(--token);font-weight:700}.picker .pr .vl{color:var(--ink-faint)}.picker .pr.newone .nm{color:var(--accent)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10131999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card{background:var(--surface);border:1px solid var(--hair-strong);box-shadow:var(--shadow);border-radius:14px;width:100%;max-width:500px;animation:.2s cubic-bezier(.16,1,.3,1) modal-enter;overflow:hidden}.modal-card.wide{max-width:750px}.modal-header{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{margin:0;font-size:16px;font-weight:750}.modal-body{max-height:70vh;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--hair);background:var(--surface-2);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:4px;align-items:center;gap:12px;padding:12px 18px;font-size:13px;font-weight:550;animation:.25s ease-out toast-enter;display:flex}.toast.success{border-left-color:var(--good)}.toast.error{border-left-color:var(--crit)}@keyframes toast-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.note{border-left:3px solid var(--accent);background:var(--surface);box-shadow:var(--shadow);border-radius:0 8px 8px 0;margin:16px 0;padding:12px 16px;font-size:14px}.note.token{border-color:var(--token)}.note .lbl{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:10px;display:block}.note.token .lbl{color:var(--token)}footer.foot{border-top:1px solid var(--hair);background:var(--surface);text-align:center;color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.04em;margin-top:40px;padding:24px 0;font-size:11px}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mr-2{margin-right:8px}.min-h-screen{min-height:100vh}.w-full{width:100%}.code-editor{font-family:var(--font-mono);tab-size:2;white-space:pre;font-size:12px;line-height:1.5}.text-right{text-align:right}.text-muted{color:var(--ink-muted)}.text-crit{color:var(--crit)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=620px){.grid-2{grid-template-columns:1fr}}