.dt-showcase{--dt-bg:#151517;--dt-bar:#1c1c1f;--dt-line:#2a2a2e;--dt-text:#d6d6d0;--dt-dim:#8b8b93;--dt-tag:#7cacf8;--dt-attr:#9bbbdc;--dt-string:#f29766;--dt-key:#c58af9;--dt-pick:#7cacf829;--dt-fail:#f28b82;--dt-ok:#81c995;grid-template-columns:1fr;align-items:start;gap:28px;display:grid;position:relative}@media (width>=1000px){.dt-showcase{grid-template-columns:minmax(280px,360px) 1fr;gap:48px}}.dt-side{flex-direction:column;gap:20px;display:flex}.dt-claims{flex-direction:column;gap:4px;display:flex}.dt-claim{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:36px 1fr;align-items:start;column-gap:14px;padding:14px 16px;transition:background .2s,border-color .2s,color .2s;display:grid;position:relative;overflow:hidden}.dt-claim-text{flex-direction:column;gap:3px;display:flex}.dt-claim-icon{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--muted);border-radius:10px;place-items:center;transition:background .2s,border-color .2s,color .2s;display:grid}.dt-claim[aria-selected=true] .dt-claim-icon{color:var(--accent);background:#f472b61f;border-color:#f472b659}.dt-claim:hover{color:var(--fg-2)}.dt-claim[aria-selected=true]{border-color:var(--border);background:var(--surface);color:var(--fg-2)}.dt-claim strong{color:var(--fg);letter-spacing:-.015em;font-size:17px}.dt-claim[aria-selected=false] strong{color:var(--fg-2)}.dt-claim-line{font-size:14px;line-height:1.45}.dt-claim[aria-selected=false] .dt-claim-line{color:var(--faint)}.dt-progress{background:var(--accent);transform-origin:0;width:100%;height:2px;animation:linear forwards dt-progress;position:absolute;bottom:0;left:0}@keyframes dt-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dt-window{border:1px solid var(--dt-line);background:var(--dt-bg);min-width:0;font-family:var(--mono);color:var(--dt-text);border-radius:14px;font-size:12px;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 30px 80px #000000b3}.dt-window:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#f472b61f,#0000);height:80%;position:absolute;inset:-40% -20% auto}.dt-showcase:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#f472b61a,#0000 70%);width:60%;height:100%;position:absolute;top:0;right:10%}.dt-chrome{background:var(--dt-bar);border-bottom:1px solid var(--dt-line);align-items:center;gap:14px;padding:10px 14px;display:flex}.dt-dots{gap:6px;display:flex}.dt-dots i{background:#3a3a40;border-radius:50%;width:10px;height:10px}.dt-url{max-width:340px;color:var(--dt-text);font-family:var(--font);background:#0d0d0f;border-radius:999px;flex:1;align-items:center;gap:6px;margin:0 auto;padding:4px 12px;font-size:12px;display:flex}.dt-url svg,.dt-url .dim{color:var(--dt-dim)}.dt-page{background:#f4f4f1;height:184px;padding:12px 16px;position:relative;overflow:hidden}.dt-page i{background:#dcdcd6;border-radius:4px;height:7px;display:block}.dt-page-nav{align-items:center;gap:10px;margin-bottom:18px;display:flex}.dt-page-nav i{width:36px}.dt-page-nav i.logo{background:#1a1a1a;border-radius:5px;width:18px;height:18px;margin-right:auto}.dt-page-body{grid-template-columns:1.2fr 1fr;gap:18px;max-width:520px;display:grid}.dt-page-body>div:first-child{flex-direction:column;gap:8px;display:flex}.dt-page-body i.h{background:#c9c9c3;width:80%;height:14px}.dt-page-body i.short{width:55%}.dt-page-card{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 1px 2px #0000000f}.dt-page-pay{color:#f4f4f1;font-family:var(--font);background:#1a1a1a;border-radius:6px;align-self:flex-start;margin-top:4px;padding:5px 12px;font-size:11px;font-weight:600}.dt-page-launcher{border-radius:50%;width:30px;height:30px;position:absolute;bottom:12px;right:14px;box-shadow:0 4px 12px #00000040}.dt-page-launcher img{border-radius:50%;width:100%;height:100%}.dt-page-launcher.inspected:after{content:"";outline:1px solid var(--dt-tag);background:#7cacf859;border-radius:4px;position:absolute;inset:-4px}.dt-inspect-label{color:#1a1a1a;white-space:nowrap;background:#fff;border-radius:4px;padding:2px 7px;font-size:10.5px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 2px 8px #0003}.dt-page-widget{color:#1a1a1a;width:168px;font-family:var(--font);transform-origin:100% 100%;background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:9px;font-size:10px;animation:.35s cubic-bezier(.34,1.56,.64,1) 2.1s backwards dt-pop;display:flex;position:absolute;bottom:50px;right:14px;box-shadow:0 10px 24px #0000002e}.dt-page-reactions{letter-spacing:6px;background:#efefea;border-radius:6px;padding:2px 6px}.dt-page-field{border:1px solid #dcdcd6;border-radius:5px;height:18px}.dt-page-send{color:#fff;background:#1a1a1a;border-radius:5px;align-self:flex-end;padding:3px 9px;font-weight:600}@keyframes dt-pop{0%{opacity:0;transform:scale(.6)}}.dt-tools{border-top:1px solid var(--dt-line)}.dt-tabs{background:var(--dt-bar);border-bottom:1px solid var(--dt-line);font-family:var(--font);gap:2px;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.dt-tabs>*{color:var(--dt-dim);font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 10px}.dt-tabs button{cursor:pointer}.dt-tabs button:hover{color:var(--dt-text)}.dt-tabs .on{color:var(--dt-text);border-bottom-color:var(--dt-tag)}.dt-body{height:236px;animation:.3s dt-fade;overflow:hidden}@keyframes dt-fade{0%{opacity:0}}.dt-split{grid-template-columns:1fr;height:100%;display:grid}@media (width>=640px){.dt-split{grid-template-columns:1.15fr 1fr}}.dt-detail{border-left:1px solid var(--dt-line);display:none;overflow:hidden}@media (width>=640px){.dt-detail{display:block}}.dt-detail-heading{border-bottom:1px solid var(--dt-line);background:var(--dt-bar);color:var(--dt-dim);font-family:var(--font);padding:6px 12px;font-size:11.5px;display:block}.dt-detail pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 12px}.dt-window .t{color:var(--dt-tag)}.dt-window .a{color:var(--dt-attr)}.dt-window .s{color:var(--dt-string)}.dt-window .k{color:var(--dt-key)}.dt-window .c,.dt-window .p{color:var(--dt-dim)}.dt-window .sel{color:var(--dt-text)}.dt-window .src{float:right;color:var(--dt-dim);text-underline-offset:2px;text-decoration:underline}.dt-window .ok{color:var(--dt-ok)}.dt-dom{white-space:nowrap;padding:6px 0;overflow:hidden}.dt-line{padding-right:10px}.dt-line.dt-picked{background:var(--dt-pick)}.dt-line.root{color:var(--dt-dim)}.dt-net-pane{flex-direction:column;min-height:0;display:flex}.dt-status{border-top:1px solid var(--dt-line);background:var(--dt-bar);color:var(--dt-dim);font-family:var(--font);margin-top:auto;padding:5px 10px;font-size:11.5px}.dt-net{border-collapse:collapse;align-self:start;width:100%}.dt-net th{border-bottom:1px solid var(--dt-line);background:var(--dt-bar);color:var(--dt-dim);font-family:var(--font);text-align:left;padding:5px 10px;font-size:11.5px;font-weight:500}.dt-net td{white-space:nowrap;border-bottom:1px solid #202024;padding:5px 10px}.dt-net tbody tr{animation:.3s backwards dt-fade}.dt-net tr.dt-picked td{background:var(--dt-pick)}.dt-net tr.failed td{color:var(--dt-fail)}@keyframes dt-row{0%{opacity:0;transform:translateY(4px)}}@media (width<=639px){.dt-net-type{display:none}}.dt-meter{background:linear-gradient(90deg, var(--accent) 97%, #3a3a40 97%);border-radius:3px;width:160px;max-width:100%;height:6px;display:inline-block}.dt-console{padding:6px 0}.dt-console-line{border-bottom:1px solid #1f1f23;gap:10px;padding:3px 12px;animation:.25s backwards dt-row;display:flex}.dt-console-line.out{color:var(--dt-dim)}.dt-prompt{color:var(--dt-tag)}.dt-console-line.out .dt-prompt{color:var(--dt-dim)}.dt-caret{background:var(--dt-text);width:7px;height:14px;margin-top:2px;animation:1s step-end infinite caret-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.dt-body,.dt-net tbody tr,.dt-console-line,.dt-page-widget,.dt-caret{animation:none}}.landing{--bg:#000;--surface:#0e0e10;--surface-raised:#0b0b0c;--border:#232327;--border-strong:#2f2f34;--divider:#1a1a1d;--fg:#ededed;--fg-2:#c4c4ca;--muted:#8b8b93;--faint:#3a3a40;--accent:#f472b6;--accent-fg:#0b0b0c;--track:#ffffff14;--note-shadow:0 8px 24px #00000080;background:var(--bg);min-height:100vh;color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:15px;line-height:1.55}body:has(.landing){background:#000}.landing .mono{font-family:var(--mono);font-size:12px}.landing .hot{color:var(--accent)}.landing .dim{color:var(--muted)}.btn.big{border-radius:9px;gap:8px;padding:11px 18px;font-size:15px}.btn.borderless{background:0 0;border-color:#0000}.landing .btn{transition:background .15s,border-color .15s,color .15s}.landing .btn.primary:hover{background:#c9c9c3;border-color:#c9c9c3}.landing .btn.borderless:hover{color:var(--fg);background:#ffffff14;border-color:#0000}.landing-header,.landing-section,.landing-cta,.landing-footer{max-width:1440px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}.landing-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:none;padding-top:28px;padding-bottom:28px;display:flex}.landing-header .brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.landing-header nav{gap:6px;display:flex}.ring{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.ring-stage{position:relative}.ring-track{position:absolute;inset:0;overflow:visible}.ring-track path{fill:none;stroke:var(--track);stroke-width:1.5px;stroke-linecap:round}.ring.compact .ring-track path{stroke-width:44px}.ring-mouth{fill:var(--accent);transform-box:fill-box;transform-origin:50%;animation:.9s ease-out mouth-pulse}@keyframes mouth-pulse{0%{opacity:.4;transform:scale(2.4)}}.ring-notes{margin:0;padding:0;list-style:none}.ring-slot{will-change:transform, opacity;position:absolute;top:0;left:0}.ring-slot:hover{z-index:2}.ring{--note-white:#f4f4f1;--note-ink:#8b8b85;--note-ink-strong:#1a1a1a}.ring-card{background:var(--note-white);width:190px;color:var(--note-ink);border-radius:12px;flex-direction:column;align-items:flex-start;padding:11px 14px;font-size:13px;line-height:1.4;transition:color .25s,scale .35s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px 4px #00000059,0 10px 24px #0000008c}.ring-slot:hover .ring-card{color:var(--note-ink-strong);scale:1.08}.ring-card-meta{color:#a8a8a2;margin-bottom:4px;font-size:11.5px}.ring-bubble{background:var(--note-white);border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.ring-toggle{z-index:3;border:1px solid var(--border-strong);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid;position:absolute;bottom:0;right:0}.ring-toggle:hover{border-color:var(--fg-2);color:var(--fg)}.ring-toggle.still{border-color:var(--muted);color:var(--fg);background:#18181b}.ring-toggle.still:hover{border-color:var(--fg)}.ring-fresh{animation:.9s ring-fresh}@keyframes ring-fresh{0%{opacity:0}}.ring-center{position:absolute;top:50%;left:50%;translate:-50% -50%}.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.ring.compact .hero{padding:40px 0 32px}.pill{background:var(--accent);color:var(--accent-fg);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.hero h1{text-wrap:balance;letter-spacing:-.035em;font-size:clamp(38px,5vw,58px);font-weight:700;line-height:1.03}.lede{color:var(--fg-2);font-size:18px}.fine{font-family:var(--mono);color:var(--muted);font-size:12px}.wall-note-chip{border:1px solid var(--border);color:var(--fg-2);font-family:var(--mono);border-radius:6px;margin-top:8px;padding:1px 6px;font-size:11px}.ring-card .wall-note-chip{color:inherit;border-color:#dcdcd6}@media (prefers-reduced-motion:reduce){.ring-mouth{animation:none}}.landing-section{flex-direction:column;gap:20px;padding-top:40px;padding-bottom:56px;display:flex}.landing-section h2{letter-spacing:-.025em;font-size:26px}.steps{grid-template-columns:1fr;gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (width>=1140px){.steps{grid-template-columns:repeat(3,1fr)}}.panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.panel h3{letter-spacing:-.01em;margin:0;padding:16px 16px 0;font-size:16px}.step-n{margin-right:8px}.step-art{background:var(--bg);border-radius:10px;flex:1;margin:14px 16px 16px}.snippet{padding:14px 10px;font-size:clamp(11px,.85vw,13px);line-height:1.7;overflow-x:auto}.received{grid-template-columns:70px 1fr;align-content:start;gap:6px 12px;padding:14px 16px;font-size:13px;display:grid}.received dt{color:var(--muted)}.received dd{margin:0}.received dd.hot{font-weight:600}.sketch{min-height:200px;position:relative;overflow:hidden}.sketch .bar{background:var(--border-strong);border-radius:4px;height:8px;margin:16px 0 0 16px;display:block}.sketch .bar.heading{background:var(--faint);height:14px;margin-top:12px}.picked{position:absolute;top:112px;left:16px}.picked-label{background:var(--accent);color:var(--accent-fg);font-family:var(--mono);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;top:-24px;left:-2px}.pay{background:var(--fg);color:var(--bg);outline:2px dashed var(--accent);outline-offset:3px;border-radius:7px;padding:7px 18px;font-size:12px;font-weight:600;display:inline-block}.mini-widget{--w-surface:#fff;--w-segment:#efefea;--w-border:#e3e3de;--w-fg:#1a1a1a;--w-fg-2:#3d3d39;--w-muted:#8b8b85;background:var(--w-surface);width:172px;color:var(--w-fg);border-radius:10px;flex-direction:column;gap:6px;padding:10px;font-size:10.5px;line-height:1.35;display:flex;position:absolute;top:10px;bottom:10px;right:10px;box-shadow:0 10px 24px #00000080}.mini-title{letter-spacing:-.01em;font-size:11.5px;font-weight:700}.mini-reactions{background:var(--w-segment);border-radius:7px;gap:2px;padding:2px;display:flex}.mini-reactions span{border-radius:5px;flex:1;place-items:center;height:20px;font-size:11px;display:grid}.mini-reactions .on{background:var(--w-surface);box-shadow:0 1px 2px #0000001f}.mini-message{border:1px solid var(--w-fg);color:var(--w-fg-2);border-radius:6px;flex:1;padding:6px 7px}.caret{vertical-align:-2px;background:var(--w-fg);width:1px;height:11px;margin-left:1px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.mini-chip{border:1px solid var(--w-border);color:var(--w-fg-2);font-family:var(--mono);border-radius:5px;align-self:flex-start;align-items:center;gap:4px;padding:2px 5px;font-size:9.5px;display:flex}.mini-chip svg:last-child{color:var(--w-muted)}.mini-footer{justify-content:space-between;align-items:center;display:flex}.mini-point{border:1px solid var(--w-fg);background:var(--w-segment);border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.mini-send{background:var(--w-fg);color:var(--w-surface);border-radius:6px;align-items:center;gap:4px;padding:5px 9px;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.landing-cta{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:72px;padding-bottom:72px;display:flex}.landing-cta h2{letter-spacing:-.03em;font-size:32px}.landing-cta p{color:var(--fg-2);margin-top:6px}.landing-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:22px;font-size:13px;display:flex}.landing-footer-link{align-items:center;gap:4px;display:inline-flex}.landing-footer a:hover{color:var(--fg)}:root{--bg:#f4f4f1;--surface:#fff;--surface-raised:#fafaf8;--toolbar:#fbfbf9;--border:#e3e3de;--border-strong:#dcdcd6;--divider:#efefea;--segment:#efefea;--fg:#1a1a1a;--fg-2:#3d3d39;--muted:#6b6b66;--faint:#c9c9c3;--accent:#be185d;--accent-fg:#fff;--danger:#b91c1c;--ok:#15803d;--shadow:0 1px 2px #0000000f;--menu-shadow:0 10px 30px #0000001f;--font:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0c;--surface:#141416;--surface-raised:#111113;--toolbar:#18181b;--border:#26262a;--border-strong:#2f2f34;--divider:#1f1f23;--segment:#1f1f23;--fg:#ededed;--fg-2:#c4c4ca;--muted:#8b8b93;--faint:#4a4a50;--accent:#f472b6;--accent-fg:#0b0b0c;--danger:#f87171;--ok:#4ade80;--shadow:none;--menu-shadow:0 10px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:14px / 1.5 var(--font);margin:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}input,textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:8px 10px}code,pre,.mono{font-family:var(--mono)}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.center{place-items:center;min-height:60vh;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--fg-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{border-color:var(--fg);background:var(--fg);color:var(--bg)}.btn.ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn.ghost:disabled{opacity:1}.btn.small{padding:5px 10px;font-size:12px;font-weight:500}.btn.quiet{color:var(--fg-2)}.link{color:var(--accent);font-weight:600}.link:hover{text-decoration:underline}.header{background:var(--surface-raised);border-bottom:1px solid var(--border)}.header-inner,.page{max-width:1040px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:14px;display:flex}.header-left,.header-right{align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand img{border-radius:7px}.crumb-slash{color:var(--faint)}.header-link{color:var(--fg-2);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;display:flex}.header-link:hover,.header-link[aria-current=page]{background:var(--segment);color:var(--fg)}.menu{position:relative}.menu>summary{cursor:pointer;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-button{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-weight:600;display:flex}.avatar{background:var(--fg);width:32px;height:32px;color:var(--bg);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid;overflow:hidden}.avatar img{width:100%;height:100%}.menu-list{z-index:10;border:1px solid var(--border);background:var(--surface);min-width:220px;box-shadow:var(--menu-shadow);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px)}.menu-list.align-right{right:0}.menu-list a,.menu-list button{color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.menu-list a:hover,.menu-list button:hover,.menu-list a[aria-current=page]{background:var(--segment)}.menu-list hr{border:0;border-top:1px solid var(--divider);margin:6px 0}.menu-label{color:var(--muted);padding:6px 10px 2px;font-size:12px}.page{flex-direction:column;gap:16px;padding-block:28px 48px;display:flex}.page-title{flex-direction:column;gap:4px;display:flex}.page-title h1{letter-spacing:-.02em;font-size:22px;font-weight:700}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-body{flex-direction:column;gap:12px;padding:20px;display:flex}.toolbar{border-bottom:1px solid var(--border);background:var(--toolbar);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.toolbar h1{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.badge{background:var(--accent);color:var(--accent-fg);letter-spacing:0;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.segmented{background:var(--segment);border-radius:9px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.segmented button{color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px}.segmented button[aria-selected=true]{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 2px #00000014}.segmented .count{color:var(--muted);margin-left:4px;font-weight:400}.page.wide{max-width:1240px}.split{grid-template-columns:minmax(320px,420px) minmax(0,1fr);display:grid}.split-list{border-right:1px solid var(--border);min-height:420px;max-height:calc(100vh - 190px);overflow-y:auto}.split-detail{min-height:420px;max-height:calc(100vh - 190px);overflow-y:auto}@media (width<=899px){.split{grid-template-columns:minmax(0,1fr)}.split-list,.split-detail{border-right:0;min-height:0;max-height:none}.split.has-selection .split-list,.split:not(.has-selection) .split-detail{display:none}}.rows{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--divider);position:relative}.row-link{align-items:flex-start;gap:12px;min-width:0;padding:12px 16px;display:flex}.row-link:hover{background:var(--surface-raised)}.row.selected .row-link{background:var(--segment)}.row-reaction{text-align:center;flex:none;width:22px;font-size:17px;line-height:22px}.row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-line{align-items:baseline;gap:10px;display:flex}.row-primary,.row-secondary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-primary{flex:1;font-size:14.5px;line-height:22px}.row-secondary{height:18px;color:var(--muted);font-size:12px;line-height:18px}.row-time{color:var(--muted);flex:none;font-size:12px}.mono-chip{font-family:var(--mono);font-size:.92em}.row-actions{gap:2px;display:flex}.row .row-actions{opacity:0;pointer-events:none;gap:2px;padding-left:8px;display:flex;position:absolute;top:6px;right:10px}.row:hover .row-actions,.row:focus-within .row-actions{opacity:1;pointer-events:auto}.row:hover .row-time,.row:focus-within .row-time{visibility:hidden}.target-chip{border:1px solid var(--border);max-width:100%;font-family:var(--mono);color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:12px;overflow:hidden}.detail{flex-direction:column;gap:18px;padding:22px 26px 32px;display:flex}.detail-back{color:var(--fg-2);align-items:center;gap:4px;font-weight:600;display:none}@media (width<=899px){.detail-back{display:inline-flex}}.detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-title{align-items:center;gap:12px;display:flex}.detail-reaction{font-size:26px;line-height:1}.detail-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:1.5}.detail-target{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.facts{border-top:1px solid var(--divider);flex-direction:column;margin:0;display:flex}.fact{border-bottom:1px solid var(--divider);grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.fact dt{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.fact dd{overflow-wrap:anywhere;min-width:0;margin:0}.link-plain:hover{text-decoration:underline}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.icon-button:hover{background:var(--segment);color:var(--fg)}.icon-button:after{content:attr(data-tooltip);background:var(--fg);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;z-index:5;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,2px)}.icon-button:hover:after,.icon-button:focus-visible:after{opacity:1;transition-delay:.3s;transform:translate(-50%)}.icon-button:focus-visible:after{transition-delay:0s}.status-pill{color:var(--fg-2);font-weight:600}.status-pill.done{color:var(--ok)}.panel-empty{text-align:center;flex-direction:column;gap:4px;padding:48px 18px;display:flex}.panel-footer{border-top:1px solid var(--divider);justify-content:center;padding:12px;display:flex}.error-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.alert{border-bottom:1px solid color-mix(in srgb, var(--danger) 25%, var(--border));background:color-mix(in srgb, var(--danger) 7%, var(--surface));color:var(--danger);justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 18px;font-size:13px;display:flex}.alert .icon-button{color:inherit}.menu-error{color:var(--danger);padding:2px 10px 6px;font-size:12px}.page.narrow{max-width:760px}.progress{align-items:center;gap:12px;margin-top:6px;display:flex}.progress-track{background:var(--segment);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--fg);border-radius:999px;height:100%;transition:width .3s}.stepper{margin:0;padding:0;list-style:none}.step{border-bottom:1px solid var(--divider);gap:16px;padding:18px 22px;display:flex}.step:last-child{border-bottom:0}.step.current{background:var(--surface-raised);padding-block:20px}.step-dot{border:1.5px solid var(--faint);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.step.current .step-dot{border:2px solid var(--fg);color:var(--fg)}.step.done .step-dot{border-color:var(--fg);background:var(--fg);color:var(--bg)}.step-body{flex-direction:column;flex:1;gap:12px;min-width:0;padding-top:2px;display:flex}.step-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.step-title{flex-direction:column;gap:2px;display:flex}.step-title h2{font-size:15px;font-weight:700}.step.upcoming .step-title h2{color:var(--fg-2)}.text-button{color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.text-button:hover{color:var(--fg);text-decoration:underline}.code{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin:0;padding:14px 16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.status-box{border:1px solid var(--border);background:var(--surface);color:var(--fg-2);border-radius:10px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:4px 10px;margin-top:6px;padding:10px 14px;display:flex}.status-box strong{color:var(--fg)}.status-dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.status-box.connected .status-dot{background:var(--ok)}.setting-row{border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:16px 40px;padding:22px 24px;display:flex}.setting-row:last-child{border-bottom:0}.setting-label{flex-direction:column;flex:220px;gap:4px;display:flex}.setting-title{font-size:15px;font-weight:700}.setting-control{flex-direction:column;flex:2 420px;gap:10px;min-width:0;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input{flex:240px;width:auto}.inline-form .error{flex-basis:100%}.danger-zone{border-color:color-mix(in srgb, var(--danger) 30%, var(--border));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;padding:18px 24px;display:flex}.danger-zone .inline-form{flex:2 420px}.danger-zone .inline-form label{flex-basis:100%}.btn.danger{border-color:color-mix(in srgb, var(--danger) 40%, var(--border));color:var(--danger)}.btn.danger:not(:disabled):hover{border-color:var(--danger)}.code-block{position:relative}.code-block .copy-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--fg-2);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.copy-button:hover{border-color:var(--fg-2);color:var(--fg)}.waiting{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.waiting:before{content:"";background:var(--faint);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{background:var(--accent)}}.row-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-list a{border-bottom:1px solid var(--divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;display:flex}.site-list a:hover{background:var(--surface-raised)}.site-list li:last-child a{border-bottom:0}.site-name{font-size:15px;font-weight:600}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:16px;display:flex}.login img{border-radius:16px}.login h1{letter-spacing:-.02em;font-size:28px;font-weight:700}.login p{margin-bottom:8px}.login .login-notice{border:1px solid var(--border);background:var(--surface);max-width:340px;color:var(--fg-2);border-radius:10px;padding:10px 14px}@media (prefers-reduced-motion:reduce){.waiting:before{animation:none}}