:root{--bg:#f7f6f2;--surface:#fff;--surface2:#fcfbf8;--line:#e8e6de;--line2:#d6d3c8;--text:#1c1d1f;--text2:#5b5e63;--text3:#989a93;--accent:#0e7a6e;--accent-h:#0a6459;--accent-bg:#0e7a6e17;--ok:#2f9e44;--ok-bg:#2f9e441c;--warn:#b07d1a;--warn-bg:#b07d1a1f;--danger:#c4373c;--danger-bg:#c4373c1a;--info:#3b72b8;--info-bg:#3b72b81a;--orchid:#9a5aa8;--orchid-bg:#9a5aa81c;--sans:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;--disp:"Space Grotesk","Avenir Next","Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--pop:0 1px 3px #1c1a1412,0 10px 28px #1c1a1417;--sheet:0 4px 14px #1c1a1417,0 26px 52px #1c1a1421;--ease:cubic-bezier(.22,1,.36,1);--r-s:4px;--r-b:6px;--r-c:10px;--r-m:14px}[data-theme=dark]{--bg:#131513;--surface:#1a1d1b;--surface2:#212523;--line:#2c302d;--line2:#3b403c;--text:#e9ebe7;--text2:#a2a69f;--text3:#666b64;--accent:#3ab09e;--accent-h:#4cc2b0;--accent-bg:#3ab09e21;--ok:#43b85b;--ok-bg:#43b85b24;--warn:#d9a441;--warn-bg:#d9a44121;--danger:#e25b5f;--danger-bg:#e25b5f21;--info:#5d96d8;--info-bg:#5d96d81f;--orchid:#bb7cc9;--orchid-bg:#bb7cc921;--pop:0 1px 0 #ffffff0a inset,0 8px 24px #0006;--sheet:0 2px 0 #ffffff0d inset,0 16px 48px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}body{font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--text3)}.dim{color:var(--text2)}::selection{background:var(--accent-bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:2px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px 14px;display:flex}.brand .logo{background:var(--accent);width:32px;height:32px;font:700 16px var(--disp);color:#fff;border-radius:9px;justify-content:center;align-items:center;display:flex}.brand b{font:600 15px var(--disp);line-height:1.1;display:block}.brand span{color:var(--text3);font-size:10px;display:block}.nav-label{font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:12px 10px 4px}.nav-i{color:var(--text2);text-align:left;width:100%;transition:background .15s var(--ease),color .15s var(--ease);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;font-weight:500;display:flex}.nav-i svg{opacity:.75;flex:0 0 17px}.nav-i:hover{background:var(--surface);color:var(--text);text-decoration:none}.nav-i.on{background:var(--accent-bg);color:var(--accent)}.nav-i .cnt{font:500 11px var(--mono);color:var(--text3);margin-left:auto}.nav-i.on .cnt{color:var(--accent)}.nav-i .soon{font:600 9px var(--sans);letter-spacing:.06em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--line);color:var(--text3);border-radius:4px;margin-left:auto;padding:2px 6px}.side .foot{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:auto;padding-top:10px;padding-left:6px;display:flex}.side .foot .st{color:var(--text2);flex:1;align-items:center;gap:7px;font-size:11.5px;display:flex}.main{min-width:0}.top{z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 32px;display:flex;position:sticky;top:0}.top h2{font:600 15px var(--disp);letter-spacing:-.01em;margin-right:auto}.kbtn{background:var(--surface);border:1px solid var(--line);color:var(--text3);min-width:200px;transition:border-color .15s var(--ease);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:flex}.kbtn:hover{border-color:var(--line2)}.kbtn kbd{font:500 10px var(--mono);border:1px solid var(--line);color:var(--text3);border-radius:4px;margin-left:auto;padding:1px 5px}.btn{border-radius:var(--r-b);border:1px solid var(--line);background:var(--surface);color:var(--text);transition:all .15s var(--ease);align-items:center;gap:7px;padding:6px 13px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--line2);text-decoration:none}.btn:active{transform:scale(.98)}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.btn.pri:hover{background:var(--accent-h)}.btn.sm{padding:4px 10px;font-size:12px}.content{max-width:1560px;padding:24px 32px 90px}.with-rail{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:28px;display:grid}.rail{flex-direction:column;gap:18px;display:flex;position:sticky;top:66px}.rail h4{font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-c);padding:16px}h1.page{font:700 26px/1.15 var(--disp);letter-spacing:-.015em;margin-bottom:4px}.sub{color:var(--text2);margin-bottom:20px;font-size:13px}.sec{font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);align-items:center;gap:10px;margin:26px 0 10px;display:flex}.sec .lnk{text-transform:none;letter-spacing:0;margin-left:auto;font-size:12px;font-weight:500}.badge{font:500 11.5px var(--sans);border-radius:var(--r-s);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.b-active{color:var(--ok);background:var(--ok-bg)}.b-client{color:var(--accent);background:var(--accent-bg)}.b-experiment{color:var(--warn);background:var(--warn-bg)}.b-internal{color:var(--info);background:var(--info-bg)}.b-archived{color:var(--text3);background:var(--surface2)}.b-pattern,.b-reference{color:var(--info);background:var(--info-bg)}.b-decision{color:var(--accent);background:var(--accent-bg)}.b-gotcha{color:var(--warn);background:var(--warn-bg)}.b-skill{color:var(--ok);background:var(--ok-bg)}.b-prompt,.b-domain{color:var(--orchid);background:var(--orchid-bg)}.dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.dot.up{background:var(--ok)}.dot.down{background:var(--danger)}.dot.unk{background:var(--warn)}.stack-b{font:500 10.5px var(--mono);color:var(--text2);background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-s);padding:1px 6px}.tags{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.tagx{font:500 10.5px var(--mono);color:var(--accent);background:var(--accent-bg);border-radius:var(--r-s);transition:all .12s var(--ease);padding:2px 7px}.tagx:hover{background:var(--accent);color:#fff;text-decoration:none}.tiles{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-c);padding:14px 16px}.tile .v{font:700 26px/1.1 var(--disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile .l{color:var(--text3);margin-top:3px;font-size:11.5px}.tile .v .u{color:var(--text3);font-size:13px;font-weight:500}.pulse{align-items:flex-end;gap:2px;height:18px;display:inline-flex}.pulse i{background:var(--accent);opacity:.85;border-radius:1px;width:3px;min-height:2px}.pulse i.z{background:var(--line);opacity:1}.pulse.big{gap:3px;height:34px}.pulse.big i{border-radius:2px;width:6px}.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-c);color:inherit;transition:border-color .15s var(--ease),transform .15s var(--ease);cursor:pointer;text-align:left;width:100%;padding:16px;display:block}.pcard:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.pcard .cover{border:1px solid var(--line);background:var(--surface2);border-radius:6px;height:110px;margin-bottom:12px;overflow:hidden}.pcard .cover svg{width:100%;height:100%;display:block}.pcard .hd{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pcard .hd b{font:600 15.5px var(--disp);letter-spacing:-.01em;margin-right:auto}.pcard .ds{color:var(--text2);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:54px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.pcard .stk{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.pcard .ft{font:400 11px var(--mono);color:var(--text3);align-items:center;gap:10px;margin-top:10px;display:flex}.pcard .ft .pulse{margin-right:auto}.kgrid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:13px;display:grid}.kcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-c);color:inherit;transition:border-color .15s var(--ease),transform .15s var(--ease);cursor:pointer;flex-direction:column;min-height:132px;padding:15px 16px;display:flex}.kcard:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.kcard .kc-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.kcard .kc-meta{font:400 10.5px var(--mono);color:var(--text3);white-space:nowrap;margin-left:auto}.kcard .kc-title{font:600 14.5px/1.3 var(--disp);letter-spacing:-.01em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kcard .kc-desc{color:var(--text2);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-top:7px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.kcard .kc-foot{font:400 10.5px var(--mono);color:var(--text3);align-items:center;gap:7px;min-width:0;margin-top:12px;display:flex}.kcard .kc-foot .kc-file{text-overflow:ellipsis;white-space:nowrap;opacity:.75;margin-left:auto;overflow:hidden}.metric-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px;display:grid}.metric-strip .m{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-c);padding:14px 16px}.metric-strip .m .mv{font:700 24px/1.05 var(--disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent)}.metric-strip .m .ml{color:var(--text3);margin-top:4px;font-size:11.5px}@media (max-width:720px){.metric-strip{grid-template-columns:repeat(2,1fr)}}.row{border:1px solid var(--line);border-radius:var(--r-b);background:var(--surface);transition:border-color .15s var(--ease);cursor:pointer;text-align:left;width:100%;color:inherit;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.row:hover{border-color:var(--line2);text-decoration:none}.row .tt{font-size:13.5px;font-weight:500}.row .mt{font:400 11px var(--mono);color:var(--text3);white-space:normal;margin-top:2px}.row .rgt{text-align:right;font:400 11px var(--mono);color:var(--text3);flex-shrink:0;margin-left:auto}.chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.chip{color:var(--text2);border:1px solid var(--line);background:var(--surface);transition:all .13s var(--ease);border-radius:14px;padding:4px 12px;font-size:12px;font-weight:500}.chip:hover{border-color:var(--line2);text-decoration:none}.chip.on{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.chip .n{font-family:var(--mono);opacity:.7;margin-left:4px;font-size:10.5px}.sinp{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;margin-bottom:14px;padding:8px 12px;display:flex}.sinp input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.sinp input::placeholder{color:var(--text3)}.kv{grid-template-columns:150px 1fr;gap:8px 16px;font-size:13px;display:grid}.kv dt{font:600 10.5px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--text3);padding-top:2px}.kv dd{word-break:break-word;min-width:0}.locked{font-family:var(--mono);color:var(--text3);background:var(--surface2);border:1px dashed var(--line2);border-radius:var(--r-s);align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.tabs-seg{border-bottom:1px solid var(--line);gap:2px;margin:18px 0 16px;display:flex;overflow-x:auto}.tabs-seg a,.tabs-seg button{color:var(--text2);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px;font-weight:500}.tabs-seg a.on,.tabs-seg button.on{color:var(--text);border-color:var(--accent)}.empty,.errbox{border:1px dashed var(--line2);border-radius:var(--r-c);text-align:center;color:var(--text2);padding:36px 24px;font-size:13.5px}.empty b,.errbox b{font:600 15px var(--disp);color:var(--text);margin-bottom:6px;display:block}.errbox{border-color:var(--danger);background:var(--danger-bg);border-style:solid}.svc-intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-c);color:var(--text2);align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.svc-intro b{color:var(--text)}.svc-logo{width:30px;height:30px;font:700 12px var(--disp);color:#fff;border-radius:7px;flex:0 0 30px;justify-content:center;align-items:center;display:flex}.ovl{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08090c66;position:fixed;inset:0}#pal{z-index:81;background:var(--surface2);border:1px solid var(--line2);border-radius:var(--r-m);width:min(580px,100% - 32px);box-shadow:var(--sheet);position:fixed;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}#pal .pin{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}#pal input{color:var(--text);font:400 15px var(--sans);background:0 0;border:0;outline:none;flex:1}#pal .res{max-height:52vh;padding:6px;overflow-y:auto}#pal .gr{font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:8px 12px 4px}#pal .it{text-align:left;width:100%;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;display:flex}#pal .it .m{font:400 11px var(--mono);color:var(--text3);margin-left:auto}#pal .it.sel{background:var(--accent-bg)}.prose{max-width:75ch;color:var(--text);font-size:16px;line-height:1.7}.prose h1{font:600 25px/1.2 var(--disp);letter-spacing:-.015em;margin:0 0 18px}.prose h2{font:600 20px/1.25 var(--disp);letter-spacing:-.01em;margin:34px 0 12px;padding-top:6px}.prose h3{font:600 17px/1.3 var(--disp);margin:24px 0 8px}.prose h4{font:600 14px var(--disp);margin:18px 0 6px}.prose p{margin:0 0 14px}.prose ul,.prose ol{margin:0 0 14px 22px}.prose li{margin-bottom:5px}.prose li input{margin-right:6px}.prose a{color:var(--accent)}.prose code{font:500 .85em var(--mono);background:var(--surface2);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-c);margin:0 0 16px;padding:13px 15px;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0;font-size:13px;line-height:1.6}.prose blockquote{border-left:3px solid var(--line2);color:var(--text2);margin:0 0 14px;padding:2px 0 2px 14px}.prose table{border-collapse:collapse;max-width:100%;margin:0 0 16px;font-size:13px;display:block;overflow-x:auto}.prose th{font:600 11px var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--text2);text-align:left;border-bottom:1px solid var(--line2);white-space:nowrap;padding:7px 12px}.prose td{border-bottom:1px solid var(--line);vertical-align:top;padding:7px 12px}.prose tr:nth-child(2n) td{background:var(--surface)}.prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}.prose img{border-radius:var(--r-c);max-width:100%}.prose strong{font-weight:600}.tabs{display:none}@media (max-width:1100px){.with-rail{grid-template-columns:1fr}.rail{position:static}}@media (max-width:860px){.app{grid-template-columns:1fr}.side{display:none}.top{padding:10px 14px}.content{padding:16px 14px 90px}.tiles{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.kv{grid-template-columns:110px 1fr}.tabs{z-index:70;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.tabs a,.tabs button{font:500 10px var(--sans);color:var(--text3);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:44px;padding:6px 2px;display:flex}.tabs a.on,.tabs button.on{color:var(--accent)}}