:root{color-scheme:light;--white:oklch(98.5% 0.008 110);--black:oklch(19% 0.020 155);--green:oklch(58% 0.135 152);--green-strong:oklch(46% 0.13 152);--green-soft:oklch(90% 0.05 152);--cyan:oklch(68% 0.10 205);--cyan-strong:oklch(52% 0.10 205);--cyan-soft:oklch(90% 0.045 205);--bg:var(--white);--bg-raised:oklch(99.3% 0.006 110);--bg-sunken:oklch(95.5% 0.012 110);--ink:var(--black);--ink-soft:oklch(40% 0.025 150);--ink-mute:oklch(56% 0.020 150);--border:oklch(88% 0.015 110);--border-strong:oklch(78% 0.02 110);--accent:var(--green);--accent-strong:var(--green-strong);--accent-soft:var(--green-soft);--accent-ink:oklch(98% 0.01 152);--info:var(--cyan);--info-strong:var(--cyan-strong);--info-soft:var(--cyan-soft);--danger:oklch(56% 0.19 25);--danger-soft:oklch(93% 0.05 25);--warn:oklch(74% 0.14 80);--warn-soft:oklch(93% 0.06 85);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 1px 2px oklch(20% 0.02 150/0.06),0 1px 1px oklch(20% 0.02 150/0.04);--shadow-md:0 8px 24px -8px oklch(20% 0.02 150/0.18),0 2px 6px -2px oklch(20% 0.02 150/0.08);--shadow-lg:0 24px 48px -12px oklch(20% 0.02 150/0.22),0 4px 12px -4px oklch(20% 0.02 150/0.1);--font-display:"Fraunces",ui-serif,Georgia,serif;--font-body:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1)}:root[data-theme=dark]{color-scheme:dark;--bg:oklch(21% 0.018 155);--bg-raised:oklch(25% 0.020 155);--bg-sunken:oklch(17% 0.016 155);--ink:oklch(94% 0.012 110);--ink-soft:oklch(82% 0.015 110);--ink-mute:oklch(65% 0.018 140);--border:oklch(33% 0.022 155);--border-strong:oklch(42% 0.025 155);--green:oklch(72% 0.15 152);--green-strong:oklch(80% 0.15 150);--green-soft:oklch(30% 0.06 152);--cyan:oklch(76% 0.10 205);--cyan-strong:oklch(84% 0.09 205);--cyan-soft:oklch(30% 0.05 205);--accent:var(--green);--accent-strong:var(--green-strong);--accent-soft:var(--green-soft);--accent-ink:oklch(16% 0.03 152);--info:var(--cyan);--info-strong:var(--cyan-strong);--info-soft:var(--cyan-soft);--danger:oklch(72% 0.17 25);--danger-soft:oklch(30% 0.07 25);--warn:oklch(80% 0.13 85);--warn-soft:oklch(32% 0.07 85);--shadow-sm:0 1px 2px oklch(0% 0 0/0.3);--shadow-md:0 8px 24px -8px oklch(0% 0 0/0.5);--shadow-lg:0 24px 48px -12px oklch(0% 0 0/0.6)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:oklch(21% 0.018 155);--bg-raised:oklch(25% 0.020 155);--bg-sunken:oklch(17% 0.016 155);--ink:oklch(94% 0.012 110);--ink-soft:oklch(82% 0.015 110);--ink-mute:oklch(65% 0.018 140);--border:oklch(33% 0.022 155);--border-strong:oklch(42% 0.025 155);--green:oklch(72% 0.15 152);--green-strong:oklch(80% 0.15 150);--green-soft:oklch(30% 0.06 152);--cyan:oklch(76% 0.10 205);--cyan-strong:oklch(84% 0.09 205);--cyan-soft:oklch(30% 0.05 205);--accent:var(--green);--accent-strong:var(--green-strong);--accent-soft:var(--green-soft);--accent-ink:oklch(16% 0.03 152);--info:var(--cyan);--info-strong:var(--cyan-strong);--info-soft:var(--cyan-soft);--danger:oklch(72% 0.17 25);--danger-soft:oklch(30% 0.07 25);--warn:oklch(80% 0.13 85);--warn-soft:oklch(32% 0.07 85)}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;transition:background .4s var(--ease-out-quart),color .4s var(--ease-out-quart);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit}::selection{background:var(--accent-soft);color:var(--accent-strong)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.08;margin:0;letter-spacing:-.01em}.mono,code{font-family:var(--font-mono)}.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,5vw,56px)}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(20px,3.4vw,36px)}.panel-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 18px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:100px;font-family:var(--font-body);font-weight:700;font-size:.9rem;padding:11px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .18s var(--ease-out-quart),box-shadow .18s,background .18s,border-color .18s,color .18s}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-strong);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--info);color:oklch(15% .02 205)}.btn-secondary:hover{background:var(--info-strong);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--ink)}.btn-outline:hover{border-color:var(--ink);background:var(--bg-sunken)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--bg-sunken);color:var(--ink)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--white)}.btn-sm{padding:7px 15px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn-icon{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px 24px;gap:20px 24px}.field label{display:block;font-size:.8rem;font-weight:700;margin-bottom:8px;color:var(--ink-soft)}.field .hint{font-weight:500;color:var(--ink-mute)}.input,.select{width:100%;font-family:var(--font-body);font-size:.92rem;padding:11px 14px;background:var(--bg);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink);transition:border-color .18s,box-shadow .18s}.input::placeholder{color:var(--ink-mute)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.input.error{border-color:var(--danger)}.input.error:focus{box-shadow:0 0 0 4px var(--danger-soft)}.error-msg{color:var(--danger);font-size:.78rem;font-weight:600;margin-top:6px}.select-wrap{position:relative}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer}.select-wrap:after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid var(--ink-mute);border-bottom:2px solid var(--ink-mute);transform:translateY(-70%) rotate(45deg);pointer-events:none}.cselect{position:relative}.cselect,.cselect-btn{width:100%;font-size:.92rem}.cselect-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:var(--bg);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-body);font-weight:600;cursor:pointer}.cselect-btn:focus-visible,.cselect.open .cselect-btn{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.cselect-btn .chev{width:9px;height:9px;border-right:2px solid var(--ink-mute);border-bottom:2px solid var(--ink-mute);transform:rotate(45deg);transition:transform .25s var(--ease-out-quart);flex-shrink:0}.cselect.open .cselect-btn .chev{transform:rotate(225deg)}.cselect-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:6px;z-index:30;display:grid;grid-gap:2px;gap:2px;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s var(--ease-out-quart),opacity .2s}.cselect-panel,.cselect-panel>div{overflow:hidden}.cselect.open .cselect-panel{grid-template-rows:1fr;opacity:1}.cselect-opt{padding:9px 12px;border-radius:7px;cursor:pointer;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;justify-content:space-between}.cselect-opt:hover{background:var(--bg-sunken);color:var(--ink)}.cselect-opt.selected{background:var(--accent-soft);color:var(--accent-strong)}.cselect-opt.selected:after{content:"✓";font-size:.8rem}.choice-list{display:flex;flex-direction:column;gap:12px}.choice{display:flex;align-items:center;gap:11px;font-size:.92rem;font-weight:600;color:var(--ink-soft);cursor:pointer}.choice input{position:absolute;opacity:0;width:0;height:0}.box,.circle{width:20px;height:20px;border:1.5px solid var(--border-strong);background:var(--bg);flex-shrink:0;position:relative;transition:background .18s,border-color .18s}.box{border-radius:6px}.circle{border-radius:50%}.choice input:checked~.box,.choice input:checked~.circle{background:var(--accent);border-color:var(--accent)}.box:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border-right:2px solid var(--accent-ink);border-bottom:2px solid var(--accent-ink);transform:rotate(45deg) scale(0);transition:transform .18s var(--ease-out-expo)}.choice input:checked~.box:after{transform:rotate(45deg) scale(1)}.circle:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--accent-ink);transform:scale(0);transition:transform .18s var(--ease-out-expo)}.choice input:checked~.circle:after{transform:scale(1)}.choice input:focus-visible~.box,.choice input:focus-visible~.circle{outline:2px solid var(--accent);outline-offset:2px}.switch{width:42px;height:24px;border-radius:100px;border:1.5px solid var(--border-strong);background:var(--bg-sunken);position:relative;flex-shrink:0;transition:background .2s,border-color .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-sm);transition:transform .28s var(--ease-out-expo)}.choice input:checked~.switch{background:var(--accent);border-color:var(--accent)}.choice input:checked~.switch:after{transform:translateX(18px)}.table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.89rem;min-width:620px}thead th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);background:var(--bg-sunken);padding:13px 18px;white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:14px 18px;color:var(--ink-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s;background:var(--bg-raised)}tbody tr:hover{background:var(--bg-sunken)}td.name{color:var(--ink);font-weight:700}.bot-cell{gap:10px}.bot-avatar,.bot-cell{display:flex;align-items:center}.bot-avatar{width:30px;height:30px;border-radius:9px;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.85rem;background:var(--accent-soft);color:var(--accent-strong);flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.status-dot.on{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.status-dot.off{background:var(--ink-mute)}.status-dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:5px 11px;border-radius:100px}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.badge-info{background:var(--info-soft);color:var(--info-strong)}.badge-neutral{background:var(--bg-sunken);color:var(--ink-mute);border:1px solid var(--border-strong)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warn{background:var(--warn-soft);color:oklch(40% .1 80)}.tabs{display:flex;gap:4px;background:var(--bg-sunken);padding:4px;border-radius:100px;width:-moz-fit-content;width:fit-content}.tab{border:none;background:transparent;padding:9px 18px;border-radius:100px;font-family:var(--font-body);font-weight:700;font-size:.84rem;color:var(--ink-mute);cursor:pointer;transition:background .2s,color .2s}.tab.active{background:var(--bg-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--ink-mute)}.breadcrumb a{text-decoration:none;color:var(--ink-mute)}.breadcrumb a:hover{color:var(--accent-strong)}.breadcrumb .sep{opacity:.5}.breadcrumb .current{color:var(--ink)}.sidenav{display:flex;flex-direction:column;gap:3px;width:220px}.sidenav a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:10px 14px;border-radius:var(--radius-sm);color:var(--ink-mute);font-weight:700;font-size:.87rem}.sidenav a.active{background:var(--accent-soft);color:var(--accent-strong)}.sidenav a:hover:not(.active){background:var(--bg-sunken);color:var(--ink)}.sidenav .dash{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}.alert{display:flex;gap:14px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid;font-size:.88rem}.alert strong{display:block;margin-bottom:3px;font-size:.92rem}.alert p{margin:0;color:var(--ink-soft)}.alert-icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem}.alert-success{background:var(--accent-soft);border-color:color-mix(in oklch,var(--accent) 40%,transparent)}.alert-success .alert-icon{background:var(--accent);color:var(--accent-ink)}.alert-info{background:var(--info-soft);border-color:color-mix(in oklch,var(--info) 40%,transparent)}.alert-info .alert-icon{background:var(--info);color:oklch(15% .02 205)}.alert-danger{background:var(--danger-soft);border-color:color-mix(in oklch,var(--danger) 35%,transparent)}.alert-danger .alert-icon{background:var(--danger);color:var(--white)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:18px;gap:18px}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px;transition:transform .25s var(--ease-out-quart),box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card.selectable{cursor:pointer}.card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card .icon-tag{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-display);margin-bottom:14px}.card h4{font-size:1.02rem;margin-bottom:6px}.card p{margin:0;font-size:.86rem;color:var(--ink-mute)}code.pill{background:var(--bg-sunken);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:.82rem}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:28px;text-align:center;cursor:pointer;color:var(--ink-mute);font-size:.88rem;font-weight:600;transition:border-color .18s,background .18s}.dropzone.dragging,.dropzone:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.dropzone strong{color:var(--ink);display:block;margin-bottom:4px;font-size:.94rem}.console{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;color:var(--ink-soft);max-height:420px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.console .line.stderr{color:var(--danger)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);background:color-mix(in oklch,var(--bg) 82%,transparent);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px}.brand{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.3rem}.brand .dot{color:var(--accent)}.brand small{font-family:var(--font-body);font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:3px 8px;border:1px solid var(--border-strong);border-radius:100px}.toc-links{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:.86rem;font-weight:600}.toc-links a{text-decoration:none;color:var(--ink-mute);padding-bottom:3px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.toc-links a:hover{color:var(--ink);border-color:var(--border-strong)}.hero{padding-block:clamp(56px,9vw,108px) clamp(40px,6vw,72px);display:grid;grid-template-columns:1.3fr .9fr;grid-gap:clamp(28px,5vw,64px);gap:clamp(28px,5vw,64px);align-items:end}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:18px}.hero .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.hero h1{font-size:clamp(2.6rem,5.6vw,4.4rem);max-width:14ch}.hero h1 em{font-style:italic;color:var(--accent-strong)}.hero p.lede{margin-top:20px;font-size:1.1rem;color:var(--ink-soft);max-width:46ch}.hero-side{font-size:.94rem;color:var(--ink-mute);border-left:2px solid var(--border-strong);padding-left:20px}.hero-side strong{color:var(--ink);display:block;margin-bottom:4px;font-weight:700}.hero-side+.hero-side{margin-top:20px}@media (max-width:820px){.hero{grid-template-columns:1fr}.toc-links{display:none}}.product-window{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-lg);overflow:hidden;transform:rotate(.6deg)}.product-window-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-sunken);font-family:var(--font-mono);font-size:.76rem;color:var(--ink-mute)}.product-window-bar .pip{width:7px;height:7px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.product-window .table-scroll{border:none;border-radius:0}.steps-list{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:clamp(64px,8vw,96px) 1fr;grid-gap:clamp(16px,3vw,32px);gap:clamp(16px,3vw,32px);align-items:baseline;padding-block:clamp(20px,3vw,28px);border-top:1px solid var(--border)}.step:last-child{border-bottom:1px solid var(--border)}.step-num{font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1;color:var(--border-strong);font-style:italic}.step h4{font-size:1.15rem;margin-bottom:6px}.step p{margin:0;color:var(--ink-mute);max-width:46ch}.receipt{position:relative;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:clamp(24px,4vw,36px) clamp(28px,5vw,44px);max-width:420px;transform:rotate(-.8deg);box-shadow:var(--shadow-md)}.receipt:after,.receipt:before{content:"";position:absolute;width:22px;height:22px;background:var(--bg);border:1px solid var(--border);border-radius:50%;top:50%;transform:translateY(-50%)}.receipt:before{left:-12px}.receipt:after{right:-12px}.receipt-head{font-family:var(--font-display);font-weight:600;font-size:1.2rem;margin-bottom:4px}.receipt-sub{font-size:.72rem;color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase;padding-bottom:18px;border-bottom:1px dashed var(--border-strong);margin-bottom:18px}.receipt-line,.receipt-sub{font-family:var(--font-mono)}.receipt-line{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;padding-block:7px;color:var(--ink-soft)}.receipt-line .qty{color:var(--ink-mute)}.receipt-total{display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:700;font-size:.95rem;padding-top:14px;margin-top:8px;border-top:1px dashed var(--border-strong);color:var(--ink)}.receipt-total .amount{color:var(--accent-strong)}.underline-scribble{position:relative;white-space:nowrap}.underline-scribble svg{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.3em;overflow:visible}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-panel{width:100%;max-width:380px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(24px,4vw,40px);box-shadow:var(--shadow-md)}.auth-brand{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.3rem;margin-bottom:6px}.auth-brand .dot{color:var(--accent)}.auth-panel p.lede{color:var(--ink-mute);font-size:.9rem;margin:0 0 28px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-panel .btn{width:100%;justify-content:center;margin-top:4px}.auth-switch{margin-top:20px;font-size:.86rem;color:var(--ink-mute);text-align:center}.auth-switch a{color:var(--accent-strong);font-weight:700;text-decoration:none}