:root{--bg:#f5f1eb;--bg-elev-1:#f7f3ee;--surface:#fffdfb;--surface-2:#fbf6f0;--surface-glass:#fffdfbb8;--surface-glass-strong:#fffdfbe6;--text-strong:#4a0e00;--text:#521000e6;--text-muted:#5210009e;--text-subtle:#5210006b;--card-border:#ebd5c1;--card-border-strong:#ddbfa4;--divider:#5210001a;--accent:#f6821f;--accent-strong:#e2670a;--accent-soft:#f6821f1f;--identity:#c0842b;--warp:#2f6fd0;--wan:#d9722a;--tunnel:#7a54c4;--mesh:#2f9e6a;--gateway:#3a9aa0;--access:#b1497c;--ok:#2f9e6a;--danger:#cf4b3e;--font-hand:"Kalam", "Segoe Print", "Comic Sans MS", cursive;--dgm-stroke:#4a0e00b8;--dgm-fill:#fffaf3;--dgm-fill-2:#f1e7d9;--dgm-zone:#5210000a;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:20px;--sp-xxl:24px;--sp-xxxl:32px;--r-xs:8px;--r-sm:11px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-pill:999px;--content-max:1200px;--header-h:66px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--t-kicker:clamp(11px, .72rem + .1vw, 13px);--t-body:clamp(15px, .95rem + .2vw, 17px);--t-body-lg:clamp(16px, 1rem + .3vw, 20px);--t-title:clamp(22px, 1.2rem + 1vw, 30px);--t-headline:clamp(26px, 1.4rem + 1.8vw, 42px);--shadow-sm:0 2px 6px #5210000f;--shadow-md:0 6px 18px #52100014;--shadow-lg:0 18px 46px #5210001a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;font-family:var(--font-sans);font-size:var(--t-body);font-weight:var(--fw-regular);color:var(--text);background:var(--bg);margin:0;line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:-1;opacity:.6;pointer-events:none;background-image:radial-gradient(circle,#5210000b 1px,#0000 1.4px);background-size:26px 26px;position:fixed;inset:0}h1,h2,h3{color:var(--text-strong);font-weight:var(--fw-semibold);letter-spacing:-.02em;margin:0;line-height:1.1}p{margin:0}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent)}::selection{color:#3a0b00;background:#f6821f38}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}*{scrollbar-width:thin;scrollbar-color:var(--card-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--card-border-strong);border-radius:var(--r-pill);background-clip:content-box;border:3px solid #0000}.eyebrow{font-family:var(--font-mono);color:var(--accent-strong);font-weight:var(--fw-semibold);letter-spacing:.22em;text-transform:uppercase;font-size:12px}.mono{font-family:var(--font-mono)}.card{background:var(--surface);border:1.5px solid var(--card-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.corner-frame{position:relative}.corner-frame:before,.corner-frame:after{content:"";border:2px solid var(--accent);opacity:.45;pointer-events:none;width:20px;height:20px;position:absolute}.corner-frame:before{border-bottom:none;border-right:none;border-top-left-radius:6px;top:10px;left:10px}.corner-frame:after{border-top:none;border-left:none;border-bottom-right-radius:6px;bottom:10px;right:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-header{height:var(--header-h);z-index:50;background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 92%, transparent), color-mix(in srgb, var(--bg) 55%, transparent) 72%, transparent);-webkit-backdrop-filter:blur(12px);transition:height .24s var(--ease-out);justify-content:space-between;align-items:center;padding:0 clamp(16px,4vw,44px);display:flex;position:fixed;inset:0 0 auto}.header-left{align-items:center;gap:14px;display:inline-flex}.wordmark{color:var(--text-strong);font-weight:var(--fw-semibold);letter-spacing:-.01em;align-items:center;gap:11px;display:inline-flex}.demo-link{font-size:13px;font-weight:var(--fw-medium);border-radius:var(--r-pill);color:var(--text-muted);background:var(--surface);border:1.5px solid var(--card-border);transition:color .16s var(--ease-out), border-color .16s var(--ease-out), padding .24s var(--ease-out), font-size .24s var(--ease-out);align-items:center;padding:6px 13px;display:inline-flex}.demo-link:hover{color:var(--accent-strong);border-color:var(--accent)}.demo-link.is-active{color:#fffdfb;background:var(--accent);border-color:var(--accent-strong)}.wordmark__mark{color:#fffdfb;background:var(--accent);width:34px;height:34px;box-shadow:var(--shadow-sm);transition:width .24s var(--ease-out), height .24s var(--ease-out);border-radius:10px;place-items:center;display:grid}.wordmark__text{transition:font-size .24s var(--ease-out);font-size:17px}.wordmark__hi{color:var(--accent-strong)}.header-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);transition:opacity .2s var(--ease-out);font-size:12px}@media (width<=560px){.header-tag{display:none}}.shell{max-width:var(--content-max);margin:0 auto;padding:26px clamp(16px,4vw,40px) 90px}.tabbar{top:var(--header-h);z-index:20;margin-top:var(--header-h);background:var(--surface-glass-strong);border-bottom:1.5px solid var(--card-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);transition:top .24s var(--ease-out), margin-top .24s var(--ease-out), padding .24s var(--ease-out);padding:12px clamp(16px,4vw,40px);position:sticky}.tabs{scrollbar-width:none;align-items:stretch;gap:8px;max-width:1560px;margin:0 auto;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-group{border:1.6px dashed var(--card-border-strong);border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 4%, transparent);flex:3 1 0;gap:6px;padding:18px 8px 6px;display:flex;position:relative}.tab-group__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap;pointer-events:none;font-size:9.5px;position:absolute;top:4px;left:14px}.tab-group__row{flex:auto;gap:6px;display:flex}.tab{border-radius:var(--r-md);cursor:pointer;text-align:left;min-width:128px;transition:background .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out), padding .22s var(--ease-out);background:0 0;border:1.5px solid #0000;flex-direction:column;flex:1 1 0;gap:3px;padding:11px 16px 14px;display:flex;position:relative}.tab:hover{background:var(--accent-soft)}.tab__label{font-family:var(--font-sans);font-weight:var(--fw-semibold);color:var(--text-muted);transition:color .2s var(--ease-out), font-size .22s var(--ease-out);font-size:15px}.tab__layer{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);max-height:20px;transition:max-height .22s var(--ease-out), opacity .18s var(--ease-out);font-size:10.5px;overflow:hidden}.tab.is-active{background:var(--surface);border-color:var(--card-border);box-shadow:var(--shadow-md)}.tab.is-active .tab__label{color:var(--text-strong)}.tab.is-active .tab__layer{color:var(--tab-accent,var(--accent))}.tab.is-active:after{content:"";background:var(--tab-accent,var(--accent));height:3px;transition:bottom .22s var(--ease-out);border-radius:3px;position:absolute;bottom:6px;left:16px;right:16px}.app.is-scrolled{--header-h:42px}.app.is-scrolled .tabbar{padding-top:4px;padding-bottom:4px}.app.is-scrolled .tab{gap:0;padding-top:5px;padding-bottom:6px}.app.is-scrolled .tab__label{font-size:13.5px}.app.is-scrolled .tab__layer{opacity:0;max-height:0}.app.is-scrolled .tab.is-active:after{bottom:2px;left:12px;right:12px}.app.is-scrolled .tab-group{padding-top:11px}.app.is-scrolled .tab-group__label{font-size:8.5px}.app.is-scrolled .wordmark__mark{width:23px;height:23px}.app.is-scrolled .wordmark__text{font-size:14px}.app.is-scrolled .demo-link{padding:3px 10px;font-size:12px}.app.is-scrolled .header-tag{opacity:0}.panel{animation:panelIn .5s var(--ease-out) both}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel__head{margin:30px 4px 20px}.panel__layer{color:var(--accent)}.panel__title{font-size:var(--t-headline);margin-top:10px}.panel__tagline{color:var(--text-muted);font-size:var(--t-body-lg);max-width:72ch;margin-top:10px}.panel__diagram{border-radius:var(--r-lg);background:radial-gradient(120% 120% at 50% 0%, var(--surface), var(--surface-2));margin:0;padding:clamp(14px,3vw,30px);position:relative}.panel__diagram .dgm{width:100%;height:auto;display:block;overflow:visible}.panel__diagram-cap{text-align:center;color:var(--text-subtle);letter-spacing:.14em;text-transform:uppercase;margin-top:12px;font-size:11.5px}.panel__diagram--globe{background:radial-gradient(120% 120% at 50% 12%,#14233f 0%,#0a1120 55%,#05080f 100%);border-color:#0c1424;padding:clamp(8px,2vw,18px)}.panel__diagram--globe .panel__diagram-cap{color:#ece5ff80}.net-globe{width:100%;height:clamp(380px,54vw,600px);position:relative}.net-globe canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.net-globe canvas:active{cursor:grabbing}.panel__details{margin-top:22px}.details-block{background:var(--surface);border:1.5px solid var(--card-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:20px 22px}.details-block__h{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:13px;font-weight:var(--fw-semibold);margin-bottom:14px}.facts{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:9px;margin:0;padding-bottom:2px;display:grid;overflow-x:auto}.fact{border:1px solid var(--card-border);border-radius:var(--r-sm);background:var(--surface-2);flex-direction:column;gap:5px;min-width:0;padding:11px 14px;display:flex}.fact__k{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px}.fact__v{color:var(--text-strong);font-weight:var(--fw-medium);line-height:1.35}.details-block--todo{border-style:dashed;border-color:var(--card-border-strong);background:var(--surface-2);flex-direction:column;justify-content:center;display:flex}.details-todo{color:var(--text-muted);line-height:1.55}.dd{flex-direction:column;gap:34px;margin-top:30px;display:flex}.dd-section{scroll-margin-top:calc(var(--header-h) + 80px)}.dd-section__head{border-bottom:1.5px solid var(--divider);align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.dd-section__n{font-size:13px;font-weight:var(--fw-semibold);color:var(--accent-strong);letter-spacing:.1em}.dd-section__title{font-size:var(--t-title)}.dd-section__body{flex-direction:column;gap:16px;display:flex}.dd-section__body p{color:var(--text);max-width:74ch}.dd-h3{font-size:16px;font-weight:var(--fw-semibold);color:var(--text-strong);margin-top:4px}.dd-list{color:var(--text);flex-direction:column;gap:9px;max-width:78ch;margin:0;padding-left:20px;display:flex}.dd-list li::marker{color:var(--accent)}.dd-list--tight{gap:6px}.dd code,.fact__v code{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.86em}.dd-code{border-radius:var(--r-md);border:1.5px solid var(--card-border);background:var(--surface-2);margin:0;padding:16px 18px;line-height:1.7;overflow-x:auto}.dd-code code{font-family:var(--font-mono);color:var(--text-strong);white-space:pre;background:0 0;padding:0;font-size:12.5px}.dd-table-wrap{border:1.5px solid var(--card-border);border-radius:var(--r-md);overflow-x:auto}.dd-table{border-collapse:collapse;width:100%;font-size:14.5px}.dd-table th,.dd-table td{text-align:left;border-bottom:1px solid var(--divider);vertical-align:top;padding:11px 15px}.dd-table thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--surface-2);white-space:nowrap;font-size:11.5px}.dd-table tbody tr:last-child td{border-bottom:none}.dd-table tbody td:first-child{color:var(--text-strong);font-weight:var(--fw-medium);white-space:nowrap}.dd-badge{border-radius:var(--r-pill);background:var(--accent);color:#fffdfb;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;margin-left:6px;padding:1px 8px;font-size:10px;display:inline-block}.dd-callout{border-radius:var(--r-md);border:1.5px solid var(--card-border);background:var(--surface-2);border-left-width:4px;flex-direction:column;gap:6px;padding:15px 18px;display:flex}.dd-callout__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;font-weight:var(--fw-semibold)}.dd-callout__body{color:var(--text)}.dd-callout__body .dd-list{margin-top:2px}.dd-callout--key{border-left-color:var(--accent);background:var(--accent-soft)}.dd-callout--key .dd-callout__title{color:var(--accent-strong)}.dd-callout--warn{border-left-color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface))}.dd-callout--warn .dd-callout__title{color:var(--danger)}.dd-callout--info{border-left-color:var(--warp);background:color-mix(in srgb, var(--warp) 7%, var(--surface))}.dd-callout--info .dd-callout__title{color:var(--warp)}.dd-figure{border-radius:var(--r-lg);background:radial-gradient(120% 120% at 50% 0%, var(--surface), var(--surface-2));margin:4px 0;padding:clamp(12px,2.5vw,24px);position:relative}.dd-figure .dgm{width:100%;height:auto;display:block;overflow:visible}.dgm-rect{stroke-width:2.4px}.dgm-title{font-family:var(--font-hand);fill:var(--text-strong);text-anchor:middle;dominant-baseline:middle;font-size:21px;font-weight:700}.dgm-sub{font-family:var(--font-hand);fill:var(--text-muted);text-anchor:middle;dominant-baseline:middle;font-size:14px;font-weight:400}.dgm-line{stroke-width:2.4px;stroke-linecap:round}.dgm-line--dashed{stroke-dasharray:9 7}.dgm-arrowlabel{font-family:var(--font-hand);fill:var(--text-muted);text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;font-size:14.5px}.dgm-zone rect{fill:var(--dgm-zone);stroke:var(--dgm-stroke);stroke-width:1.6px;stroke-dasharray:7 7;opacity:.9}.dgm-zone__label{font-family:var(--font-hand);fill:var(--text-muted);font-size:15px;font-weight:700}.dgm-cloud__box{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2.4px}.dgm-cloud__label{font-family:var(--font-hand);fill:var(--text-strong);text-anchor:middle;font-size:16px;font-weight:700}.dgm-firewall{stroke-width:3.5px;stroke-dasharray:3 9;stroke-linecap:round;opacity:.65}.dgm-note{font-family:var(--font-hand);font-size:15px;font-weight:700}.dd-docs{border-top:1.5px dashed var(--card-border);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;padding-top:12px;display:flex}.dd-docs__lead{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:10.5px}.dd-doc{border-radius:var(--r-pill);border:1.5px solid var(--card-border);background:var(--surface-2);color:var(--accent-strong);font-family:var(--font-mono);padding:3px 10px;font-size:11.5px;text-decoration:none;transition:border-color .15s,background .15s;display:inline-block}.dd-doc:hover{border-color:var(--accent);background:var(--accent-soft)}.demo{padding:calc(var(--header-h) + 16px) clamp(16px, 4vw, 48px) 72px;transition:padding-right .26s var(--ease-out)}@media (width>=980px){.demo.is-open{padding-right:470px}}.demo-dot{background:var(--tone,var(--accent));width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tone,var(--accent)) 20%, transparent);border-radius:50%}.demo-stage-scroll{padding:4px 2px 14px;overflow-x:auto}.demo-diagram{width:100%;min-width:900px;max-width:1340px;height:auto;margin:0;display:block}.demo-frame{fill:color-mix(in srgb, var(--surface) 55%, var(--bg));stroke:var(--card-border-strong);stroke-width:2px}.demo-frame__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;fill:var(--text-subtle);font-size:11px}.demo-zsub{font-family:var(--font-mono);fill:var(--text-muted);font-size:11.5px}.demo-zsub--end{text-anchor:end;fill:var(--text-subtle)}.demo-wire{stroke:currentColor;fill:none}.demo-brect{stroke-width:2.4px}.demo-utitle{font-family:var(--font-hand);fill:var(--text-strong);font-size:16px;font-weight:700}.demo-usub{font-family:var(--font-mono);fill:var(--text-subtle);font-size:11px}.demo-cloud__path{fill:color-mix(in srgb, var(--accent) 20%, var(--dgm-fill));stroke:var(--accent-strong);stroke-width:2.6px}.demo-cloud__label{font-family:var(--font-hand);fill:var(--text-strong);text-anchor:middle;font-size:21px;font-weight:700}.demo-wire-stack{font-family:var(--font-hand);fill:var(--text-muted);opacity:.8;text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:3.5px;stroke-linejoin:round;font-size:10.5px}.demo-flow__dot{fill:currentColor;stroke:var(--bg);stroke-width:1.4px;filter:drop-shadow(0 0 3px)}@media (prefers-reduced-motion:reduce){.demo-flows{display:none}}.demo-inetrect{fill:var(--dgm-fill);stroke:var(--dgm-stroke);stroke-width:2.4px}.demo-inetglyph{color:var(--text-muted)}.demo-inet-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;fill:var(--text-subtle);text-anchor:end;font-size:9px}.demo-inet-div{stroke:var(--divider);stroke-width:1.2px}.demo-pol{font-family:var(--font-mono);fill:var(--text);font-size:11.5px}.demo-pol-tag{font-family:var(--font-mono);text-anchor:end;font-size:9.5px;font-weight:600}.demo-mblock{cursor:pointer}.demo-mblock:focus{outline:none}.demo-mrect{fill:var(--dgm-fill);stroke:var(--dgm-stroke);stroke-width:2.2px;transition:stroke .15s var(--ease-out), stroke-width .15s var(--ease-out), fill .15s var(--ease-out)}.demo-mblock:hover .demo-mrect{stroke:var(--accent)}.demo-mblock:focus-visible .demo-mrect{stroke:var(--accent-strong);stroke-width:3px}.demo-mblock.is-active .demo-mrect{stroke:var(--accent-strong);stroke-width:3px;fill:color-mix(in srgb, var(--accent) 10%, var(--dgm-fill))}.demo-mblock--node .demo-mrect{stroke:var(--mesh);fill:color-mix(in srgb, var(--mesh) 10%, var(--dgm-fill))}.demo-mblock--node .demo-mglyph{color:var(--mesh)}.demo-mnodetag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;fill:var(--mesh);text-anchor:end;font-size:9px;font-weight:600}.demo-mglyph{color:var(--text-muted);transition:color .15s var(--ease-out)}.demo-mblock:hover .demo-mglyph,.demo-mblock.is-active .demo-mglyph{color:var(--accent-strong)}.demo-mname{font-family:var(--font-hand);fill:var(--text-strong);font-size:16px;font-weight:700}.demo-mip{font-family:var(--font-mono);fill:var(--text-subtle);font-size:11px}.demo-chip-r{stroke-width:1.4px}.demo-chip-t{font-family:var(--font-mono);fill:var(--text-muted);text-anchor:middle;font-size:10px}.demo-hostrect{stroke-width:2px;stroke-dasharray:6 5}.demo-hostglyph{color:inherit}.demo-hostname{font-family:var(--font-hand);fill:var(--text-strong);font-size:14px;font-weight:700}.demo-hostip{font-family:var(--font-mono);fill:var(--text-subtle);font-size:10.5px}.demo-hosttag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;fill:currentColor;text-anchor:end;opacity:.75;font-size:9px}.demo-badge{border-radius:var(--r-pill);color:var(--tone,var(--accent));background:color-mix(in srgb, var(--tone,var(--accent)) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--tone,var(--accent)) 32%, transparent);align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:inline-flex}.demo-drawer{top:var(--header-h);z-index:60;width:min(430px,94vw);height:calc(100svh - var(--header-h));background:var(--surface);border-left:1.5px solid var(--card-border);box-shadow:var(--shadow-lg);animation:demo-slide .24s var(--ease-out);padding:22px 22px 40px;position:fixed;right:0;overflow-y:auto}@keyframes demo-slide{0%{opacity:0;transform:translate(20px)}}.demo-drawer__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.demo-drawer__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);font-size:11px}.demo-drawer__title{font-size:20px;font-weight:var(--fw-semibold);color:var(--text-strong);margin:2px 0 0}.demo-iconbtn{width:34px;height:34px;color:var(--text-muted);background:var(--surface-2);border:1.5px solid var(--card-border);cursor:pointer;transition:color .16s var(--ease-out), border-color .16s var(--ease-out);border-radius:10px;flex:none;place-items:center;display:grid}.demo-iconbtn:hover{color:var(--text-strong);border-color:var(--card-border-strong)}.demo-facts{border-radius:var(--r-md);border:1.5px solid var(--card-border);flex-direction:column;gap:1px;margin:18px 0 8px;display:flex;overflow:hidden}.demo-fact{background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.demo-fact__k{color:var(--text-subtle);font-size:12px}.demo-fact__v{color:var(--text-strong);text-align:right;align-items:center;gap:8px;font-size:13px;display:inline-flex}.demo-copy{border-radius:var(--r-xs);color:var(--text-muted);background:var(--surface);border:1px solid var(--card-border);cursor:pointer;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.demo-copy:hover{color:var(--accent-strong);border-color:var(--accent)}.demo-drawer__sub{font-size:13px;font-weight:var(--fw-semibold);color:var(--text-muted);margin:20px 0 10px}.demo-svc-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.demo-svc{border-radius:var(--r-md);background:var(--surface-2);border:1.5px solid var(--card-border);border-left:3px solid var(--tone);padding:13px}.demo-svc__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.demo-svc__name{font-weight:var(--fw-semibold);color:var(--text-strong);font-size:14px}.demo-svc__meta{color:var(--text-subtle);font-size:11px}.demo-svc__access{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.demo-badge--access{--tone:var(--tone)}.demo-svc__note{color:var(--text-subtle);font-size:11px;font-style:italic}.demo-svc__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.demo-btn{font-size:12.5px;font-weight:var(--fw-medium);border-radius:var(--r-sm);color:var(--text-strong);background:var(--surface);border:1.5px solid var(--card-border);cursor:pointer;transition:border-color .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out);align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.demo-btn:hover:not(:disabled){border-color:var(--card-border-strong)}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-btn--primary{color:#fffdfb;background:var(--accent);border-color:var(--accent-strong)}.demo-btn--primary:hover{background:var(--accent-strong)}.demo-btn.is-on{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent)}.demo-svc__reveal{border-top:1px dashed var(--card-border-strong);flex-direction:column;gap:5px;margin-top:11px;padding-top:11px;display:flex}.demo-svc__reveal-k{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);font-size:10px}.demo-svc__cmd{font-family:var(--font-mono);color:var(--text-strong);background:var(--surface);border:1px solid var(--card-border);border-radius:var(--r-xs);word-break:break-all;padding:8px 10px;font-size:12.5px}.demo-svc__hint{color:var(--text-subtle);font-size:10.5px}@media (prefers-reduced-motion:reduce){.demo-drawer{animation:none}}@media (width<=620px){.demo-drawer{width:100vw}}