:root {
  --paper: #f1ece1;
  --paper-2: #e9e2d3;
  --paper-3: #e2dac8;
  --ink: #1b1a16;
  --ink-2: #3a372f;
  --muted: #6d675a;
  --faint: #71695b; 
  --rule: #cbc2af;
  --rule-2: #ddd5c4;
  --field: #faf7f0;
  --field-edge: #a69c86;
  --green: #466b82;
  --green-2: #608ba4;
  --green-soft: rgba(70, 107, 130, .1);
  --red: #a9432c;
  --red-soft: rgba(169, 67, 44, .1);
  --brass: #94763a;
  --brass-soft: rgba(148, 118, 58, .12);
  --night: #0f1621;
  --night-2: #151d27;
  --night-ink: #e8e2d2;
  --night-muted: #9b9788;
  --night-rule: #2f3840;
  --leaf: #afd0de;

  --serif: "EB Garamond", "Iowan Old Style", Georgia, serif;
  --sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ease: cubic-bezier(.22, .61, .21, 1);
  --nav-bg: rgba(241, 236, 225, .94);
  --hover: rgba(27, 26, 22, .03);
  --shade: rgba(27, 26, 22, .06);
  color-scheme: light;

  
  --bg: var(--paper); --text: var(--ink); --text-2: var(--ink-2); --mint: var(--green); --coral: var(--red);
  --acc: var(--green); --acc-2: var(--green-2); --rose: var(--brass); --gold: var(--brass);

  
  --brass-line: rgba(148, 118, 58, .55);
  --leaf-lit: #7ca7bd;
  --lamp: #c4561f;
  --lamp-glass: #ecbb48;
  --case-0: #0d141d; --case-1: #122337; --case-mint: #c6e0ea; --case-dim: #7c8c95; --case-lamp: rgba(240, 205, 124, .20); --case-edge: rgba(209, 174, 104, .5);
  --scrim: rgba(52, 38, 20, .30);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36  0 0 0 0 .30  0 0 0 0 .20  0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  --ticks:
    linear-gradient(var(--brass) 0 0) left top / 8px 1.25px no-repeat, linear-gradient(var(--brass) 0 0) left top / 1.25px 8px no-repeat,
    linear-gradient(var(--brass) 0 0) right top / 8px 1.25px no-repeat, linear-gradient(var(--brass) 0 0) right top / 1.25px 8px no-repeat,
    linear-gradient(var(--brass) 0 0) left bottom / 8px 1.25px no-repeat, linear-gradient(var(--brass) 0 0) left bottom / 1.25px 8px no-repeat,
    linear-gradient(var(--brass) 0 0) right bottom / 8px 1.25px no-repeat, linear-gradient(var(--brass) 0 0) right bottom / 1.25px 8px no-repeat;
  --g-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 2h1v1H0zM6 2h1v1H6zM1 3h1v1H1zM5 3h1v1H5zM2 4h1v1H2zM4 4h1v1H4zM3 5h1v1H3z'/%3E%3C/svg%3E");
  --g-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M4 1h1v1h-1zM5 2h1v1h-1zM0 3h7v1h-7zM5 4h1v1h-1zM4 5h1v1h-1z'/%3E%3C/svg%3E");
  --g-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M3 1h4v1h-4zM5 2h2v1h-2zM4 3h1v1h-1zM6 3h1v1h-1zM3 4h1v1h-1zM6 4h1v1h-1zM2 5h1v1h-1zM1 6h1v1h-1z'/%3E%3C/svg%3E");
  --g-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M1 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM4 2h1v1h-1zM3 3h1v1h-1zM2 4h1v1h-1zM4 4h1v1h-1zM1 5h1v1h-1zM5 5h1v1h-1z'/%3E%3C/svg%3E");
  --g-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M3 1h1v2H3zM1 3h5v1H1zM3 4h1v2H3z'/%3E%3C/svg%3E");
  --g-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath d='M8 1h2v1h-2zM7 2h2v1h-2zM6 3h2v1h-2zM0 4h2v1h-2zM5 4h2v1h-2zM1 5h2v1h-2zM4 5h2v1h-2zM2 6h3v1h-3zM3 7h1v1h-1z'/%3E%3C/svg%3E");
  --g-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h2v1h-2zM3 1h4v1h-4zM2 2h6v1h-6zM1 3h2v1h-2zM4 3h2v1h-2zM7 3h2v1h-2zM4 4h2v1h-2zM4 5h2v1h-2zM4 6h2v1h-2zM4 7h2v1h-2zM4 8h2v1h-2z'/%3E%3C/svg%3E");
  --g-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h2v1h-2zM4 1h2v1h-2zM4 2h2v1h-2zM4 3h2v1h-2zM4 4h2v1h-2zM1 5h2v1h-2zM4 5h2v1h-2zM7 5h2v1h-2zM2 6h6v1h-6zM3 7h4v1h-4zM4 8h2v1h-2z'/%3E%3C/svg%3E");
  --g-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h2v1h-2zM1 1h2v1h-2zM4 1h2v1h-2zM7 1h2v1h-2zM1 2h8v1h-8zM2 3h2v1h-2zM6 3h2v1h-2zM0 4h4v1h-4zM6 4h4v1h-4zM0 5h4v1h-4zM6 5h4v1h-4zM2 6h2v1h-2zM6 6h2v1h-2zM1 7h8v1h-8zM1 8h2v1h-2zM4 8h2v1h-2zM7 8h2v1h-2zM4 9h2v1h-2z'/%3E%3C/svg%3E");
}
:root[data-theme="dark"] {
  --paper: #081220;
  --paper-2: #0e1a2b;
  --paper-3: #16273b;
  --ink: #ece6d6;
  --ink-2: #cdc6b5;
  --muted: #9d9686;
  --faint: #8e877a; 
  --rule: #2a3f56;
  --rule-2: #1b2d43;
  --field: #0c1726;
  --field-edge: #4a627a;
  --green: #abcedc;
  --green-2: #bbd9e5;
  --green-soft: rgba(171, 206, 220, .12);
  --red: #e0876d;
  --red-soft: rgba(224, 135, 109, .12);
  --brass: #d1ae68;
  --brass-soft: rgba(209, 174, 104, .14);
  --nav-bg: rgba(8, 18, 32, .92);
  --hover: rgba(236, 230, 214, .04);
  --shade: rgba(3, 10, 20, .42); 
  --night: #0d141d;
  color-scheme: dark;
  
  --brass-line: rgba(209, 174, 104, .5);
  --leaf-lit: #daebf2;
  --lamp: #fff1c4;
  --lamp-glass: #d9a23f;
  --scrim: rgba(3, 10, 20, .42);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .93  0 0 0 0 .90  0 0 0 0 .84  0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
:root[data-theme="dark"] .brand svg [fill="#1b1a16"] { fill: var(--ink); }
:root[data-theme="dark"] .brand svg [fill="#466b82"] { fill: var(--green); }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--paper); scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.55 var(--sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
h1, h2, h3, h4 { margin: 0; font-weight: 400; }
img { display: block; max-width: 100%; }
::selection { background: rgba(70, 107, 130, .22); }
:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
.wrap { max-width: calc(944px + 20vw); margin: 0 auto; padding-inline: 25.6px; }
.mono { font-variant-numeric: lining-nums tabular-nums; }
.mono, code { font-family: var(--mono); }
.label { font-size: 13px; color: var(--muted); font-weight: 400; }
.sub { color: var(--muted); font-size: 14px; }
.k { color: var(--green); }
.g { color: var(--green); }
.r { color: var(--red); }
.c { color: var(--muted); }
.y { color: var(--brass); }
a.k, .d a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
a.k:hover { color: var(--ink); }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 100; padding: 12px 20px; background: var(--ink); color: var(--paper); }
.skip-link:focus { top: 10px; }
section[id] { scroll-margin-top: 90px; }
.nav { position: sticky; top: 0; z-index: 30; background: var(--nav-bg); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--ink); }
.nav .wrap { display: flex; align-items: center; gap: 34px; height: 66px; max-width: calc(1024px + 20vw); }
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand svg { width: 26px; height: 26px; }
.brand span { font: 500 26px/1 var(--serif); letter-spacing: -.01em; }
.brand span { position: relative; top: -2px; }
.links { display: flex; gap: 20px; font-size: 15px; padding-top: 4px; }
.links a { color: var(--ink-2); padding: 4px 0; border-bottom: 1px solid transparent; white-space: nowrap; }
.links a:hover { color: var(--ink); }
.links a.on { color: var(--ink); border-bottom-color: var(--ink); }
.nav .right { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.nav .sub { display: none; }
.status { display: inline-flex; align-items: center; gap: 9px; font: 500 12px/1 var(--mono); font-variant-numeric: tabular-nums; color: var(--muted); white-space: nowrap; }
.status .dot { position: relative; top: -1px; flex: none; width: 14px; height: 16px; }
.status .dot::before, .status .dot::after { content: ""; position: absolute; inset: 0; background: var(--faint); }
.status .dot::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 8' shape-rendering='crispEdges'%3E%3Crect x='3' y='4' width='2' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='1' y='6' width='5' height='1'/%3E%3Crect x='2' y='7' width='3' height='1'/%3E%3C/svg%3E") 0 0 / 14px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 8' shape-rendering='crispEdges'%3E%3Crect x='3' y='4' width='2' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='1' y='6' width='5' height='1'/%3E%3Crect x='2' y='7' width='3' height='1'/%3E%3C/svg%3E") 0 0 / 14px 16px no-repeat; }
.status .dot::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 8' shape-rendering='crispEdges'%3E%3Crect x='8' y='3' width='2' height='1'/%3E%3Crect x='11' y='3' width='2' height='1'/%3E%3Crect x='14' y='2' width='7' height='1'/%3E%3Crect x='15' y='3' width='2' height='1'/%3E%3Crect x='18' y='3' width='2' height='1'/%3E%3Crect x='22' y='1' width='5' height='1'/%3E%3Crect x='21' y='2' width='7' height='1'/%3E%3Crect x='22' y='3' width='2' height='1'/%3E%3Crect x='25' y='3' width='2' height='1'/%3E%3Crect x='30' y='0' width='3' height='1'/%3E%3Crect x='29' y='1' width='5' height='1'/%3E%3Crect x='28' y='2' width='7' height='1'/%3E%3Crect x='29' y='3' width='2' height='1'/%3E%3Crect x='32' y='3' width='2' height='1'/%3E%3C/svg%3E") -56px 0 / 70px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 8' shape-rendering='crispEdges'%3E%3Crect x='8' y='3' width='2' height='1'/%3E%3Crect x='11' y='3' width='2' height='1'/%3E%3Crect x='14' y='2' width='7' height='1'/%3E%3Crect x='15' y='3' width='2' height='1'/%3E%3Crect x='18' y='3' width='2' height='1'/%3E%3Crect x='22' y='1' width='5' height='1'/%3E%3Crect x='21' y='2' width='7' height='1'/%3E%3Crect x='22' y='3' width='2' height='1'/%3E%3Crect x='25' y='3' width='2' height='1'/%3E%3Crect x='30' y='0' width='3' height='1'/%3E%3Crect x='29' y='1' width='5' height='1'/%3E%3Crect x='28' y='2' width='7' height='1'/%3E%3Crect x='29' y='3' width='2' height='1'/%3E%3Crect x='32' y='3' width='2' height='1'/%3E%3C/svg%3E") -56px 0 / 70px 16px no-repeat; }
.status.live { color: var(--ink-2); }
.status.live .dot::before { background: linear-gradient(var(--red) 75%, var(--ink-2) 0); }
.status.live .dot::after { background: var(--green); }
.status.live[data-n="1"] .dot::after { -webkit-mask-position: -14px 0; mask-position: -14px 0; }
.status.live[data-n="2"] .dot::after { -webkit-mask-position: -28px 0; mask-position: -28px 0; }
.status.live[data-n="3"] .dot::after { -webkit-mask-position: -42px 0; mask-position: -42px 0; }
@keyframes status-grow {
  0% { -webkit-mask-position: -14px 0; mask-position: -14px 0; }
  18% { -webkit-mask-position: -28px 0; mask-position: -28px 0; }
  36% { -webkit-mask-position: -42px 0; mask-position: -42px 0; }
  54%, 100% { -webkit-mask-position: -56px 0; mask-position: -56px 0; }
}
.status.live .dot::after { animation: status-grow 3.6s step-end infinite; }
@media (prefers-reduced-motion: reduce) {
.status.live .dot::after { animation: none; }
}
.status.error { color: var(--red); }
.status.error .dot::before { background: var(--red); }
.status.error .dot::after { -webkit-mask-position: 0 0; mask-position: 0 0; }
.btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 18px; font: 500 15px/1 var(--sans); border: 1px solid var(--ink); background: transparent; color: var(--ink); cursor: pointer; transition: background .15s, color .15s, border-color .15s; white-space: nowrap; }
.btn:not(.gobtn)::after { content: ""; position: absolute; inset: -5px; pointer-events: none; background: var(--ticks); opacity: 0; transition: opacity .15s; }
.btn:not(.gobtn):hover::after { opacity: 1; }
.btn:hover { background: var(--hover); color: var(--ink); }
.btn.primary { background: var(--ink); color: var(--paper); box-shadow: inset 0 -4px 0 var(--ink), inset 0 -5px 0 var(--brass); }
.btn.primary:hover { background: var(--green); border-color: var(--green); color: var(--paper); box-shadow: inset 0 -4px 0 var(--green), inset 0 -5px 0 var(--brass); }
.btn:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
.btn.sm { padding: 9px 14px; font-size: 14px; }
.btn .arr { display: inline-block; flex: none; width: 14px; height: 14px; font-size: 0; background: currentColor; -webkit-mask: var(--g-arrow) center / 14px 14px no-repeat; mask: var(--g-arrow) center / 14px 14px no-repeat; transition: transform .3s var(--ease); }
.btn[target="_blank"] .arr { -webkit-mask-image: var(--g-out); mask-image: var(--g-out); }
.btn:hover .arr { transform: translateX(3px); }
span.arr { display: inline-block; flex: none; width: 14px; height: 14px; overflow: hidden; vertical-align: -2px; font-size: 0; line-height: 0; background: currentColor; -webkit-mask: var(--g-arrow) center / 14px 14px no-repeat; mask: var(--g-arrow) center / 14px 14px no-repeat; }
[target="_blank"] span.arr { -webkit-mask-image: var(--g-out); mask-image: var(--g-out); }
.arr.back { transform: scaleX(-1); }
.btn:hover .arr.back { transform: scaleX(-1) translateX(3px); }
.btn:disabled .arr.back, .btn:disabled:hover .arr.back { transform: scaleX(-1); }
.btn:disabled, .btn:disabled:hover { opacity: 1; cursor: not-allowed; color: var(--muted); border: 1px dashed var(--field-edge); background: transparent; box-shadow: none; }
.btn.primary:disabled, .btn.primary:disabled:hover { background: transparent; border: 1px dashed var(--field-edge); color: var(--muted); box-shadow: none; }
.btn:disabled::after { display: none; }
.btn:disabled .arr, .btn:disabled:hover .arr { transform: none; }
.btn.on { background: var(--paper); border-color: var(--green); color: var(--green); box-shadow: inset 0 0 0 1px var(--green); }
.agentbtn { background: var(--ink); color: var(--paper); }
.agentbtn:hover, .agentbtn.on { background: var(--green); border-color: var(--green); color: var(--paper); }
.gobtn { position: relative; isolation: isolate; gap: 8px; padding-left: 12px; border-color: transparent; color: var(--paper); --go-glyph: var(--leaf); }
:root[data-theme="dark"] .gobtn { --go-glyph: #466b82; }
.gobtn::after { content: ""; position: absolute; inset: -1px; z-index: -1; background: var(--ink); transition: background-color .15s;
  clip-path: polygon(0 6px, 3px 6px, 3px 3px, 6px 3px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 3px) calc(100% - 6px), calc(100% - 3px) calc(100% - 3px), calc(100% - 6px) calc(100% - 3px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 3px), 3px calc(100% - 3px), 3px calc(100% - 6px), 0 calc(100% - 6px)); }
.gobtn::before { content: ""; flex: none; width: 20px; height: 20px; margin-block: -3px; background: var(--go-glyph);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10' shape-rendering='crispEdges'%3E%3Crect x='3' y='0' width='4' height='1'/%3E%3Crect x='1' y='1' width='8' height='1'/%3E%3Crect x='1' y='2' width='2' height='1'/%3E%3Crect x='4' y='2' width='2' height='1'/%3E%3Crect x='7' y='2' width='2' height='1'/%3E%3Crect x='0' y='3' width='3' height='1'/%3E%3Crect x='7' y='3' width='3' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='9' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='3' height='1'/%3E%3Crect x='7' y='5' width='3' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='3' height='1'/%3E%3Crect x='6' y='7' width='3' height='1'/%3E%3Crect x='1' y='8' width='3' height='1'/%3E%3Crect x='6' y='8' width='3' height='1'/%3E%3Crect x='2' y='9' width='2' height='1'/%3E%3Crect x='6' y='9' width='2' height='1'/%3E%3Crect x='13' y='0' width='4' height='1'/%3E%3Crect x='11' y='1' width='8' height='1'/%3E%3Crect x='11' y='2' width='2' height='1'/%3E%3Crect x='14' y='2' width='2' height='1'/%3E%3Crect x='17' y='2' width='2' height='1'/%3E%3Crect x='10' y='3' width='3' height='1'/%3E%3Crect x='17' y='3' width='3' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='12' y='4' width='1' height='1'/%3E%3Crect x='14' y='4' width='2' height='1'/%3E%3Crect x='17' y='4' width='1' height='1'/%3E%3Crect x='19' y='4' width='1' height='1'/%3E%3Crect x='10' y='5' width='3' height='1'/%3E%3Crect x='14' y='5' width='2' height='1'/%3E%3Crect x='17' y='5' width='3' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='14' y='6' width='2' height='1'/%3E%3Crect x='17' y='6' width='1' height='1'/%3E%3Crect x='19' y='6' width='1' height='1'/%3E%3Crect x='11' y='7' width='3' height='1'/%3E%3Crect x='16' y='7' width='3' height='1'/%3E%3Crect x='11' y='8' width='3' height='1'/%3E%3Crect x='16' y='8' width='3' height='1'/%3E%3Crect x='12' y='9' width='2' height='1'/%3E%3Crect x='16' y='9' width='2' height='1'/%3E%3C/svg%3E") 0 0 / 40px 20px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10' shape-rendering='crispEdges'%3E%3Crect x='3' y='0' width='4' height='1'/%3E%3Crect x='1' y='1' width='8' height='1'/%3E%3Crect x='1' y='2' width='2' height='1'/%3E%3Crect x='4' y='2' width='2' height='1'/%3E%3Crect x='7' y='2' width='2' height='1'/%3E%3Crect x='0' y='3' width='3' height='1'/%3E%3Crect x='7' y='3' width='3' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='9' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='3' height='1'/%3E%3Crect x='7' y='5' width='3' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='3' height='1'/%3E%3Crect x='6' y='7' width='3' height='1'/%3E%3Crect x='1' y='8' width='3' height='1'/%3E%3Crect x='6' y='8' width='3' height='1'/%3E%3Crect x='2' y='9' width='2' height='1'/%3E%3Crect x='6' y='9' width='2' height='1'/%3E%3Crect x='13' y='0' width='4' height='1'/%3E%3Crect x='11' y='1' width='8' height='1'/%3E%3Crect x='11' y='2' width='2' height='1'/%3E%3Crect x='14' y='2' width='2' height='1'/%3E%3Crect x='17' y='2' width='2' height='1'/%3E%3Crect x='10' y='3' width='3' height='1'/%3E%3Crect x='17' y='3' width='3' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='12' y='4' width='1' height='1'/%3E%3Crect x='14' y='4' width='2' height='1'/%3E%3Crect x='17' y='4' width='1' height='1'/%3E%3Crect x='19' y='4' width='1' height='1'/%3E%3Crect x='10' y='5' width='3' height='1'/%3E%3Crect x='14' y='5' width='2' height='1'/%3E%3Crect x='17' y='5' width='3' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='14' y='6' width='2' height='1'/%3E%3Crect x='17' y='6' width='1' height='1'/%3E%3Crect x='19' y='6' width='1' height='1'/%3E%3Crect x='11' y='7' width='3' height='1'/%3E%3Crect x='16' y='7' width='3' height='1'/%3E%3Crect x='11' y='8' width='3' height='1'/%3E%3Crect x='16' y='8' width='3' height='1'/%3E%3Crect x='12' y='9' width='2' height='1'/%3E%3Crect x='16' y='9' width='2' height='1'/%3E%3C/svg%3E") 0 0 / 40px 20px no-repeat; }
.gobtn:hover { background: transparent; border-color: transparent; color: var(--paper); }
.gobtn:hover::after { background-color: var(--green); }
.gobtn:hover::before { background: var(--paper); -webkit-mask-position: -20px 0; mask-position: -20px 0; }
.gobtn:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
.gobtn::after { transition: none; }
}
.link { font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.link:hover { color: var(--green); }
.side { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; min-width: 0; }
.side > * { min-width: 0; }
.sya { border-top: 1px solid var(--ink); }
.sya .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 20px 48px; padding-block: 36px 40px; align-items: center; }
.sya-k { font-size: 15px; color: var(--green); margin: 0 0 10px; }
.sya h2 { font: 400 clamp(30px, 3.4vw, 44px)/1.05 var(--serif); letter-spacing: -.018em; margin: 0 0 14px; }
.sya-p { font: 400 18px/1.5 var(--serif); color: var(--ink-2); max-width: 34em; margin: 0; }
.sya-box { min-width: 0; }
.sya-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; border: 1px solid var(--ink); background: var(--paper-2); }
.sya-line code { min-width: 0; padding: 16px; font: 13.5px/1.5 var(--mono); color: var(--ink); overflow-wrap: anywhere; user-select: all; -webkit-user-select: all; }
.sya-line button { border: 0; border-left: 1px solid var(--ink); background: var(--ink); color: var(--paper); font: 500 14px var(--sans); padding: 0 22px; min-width: 7.5em; cursor: pointer; }
.sya-line button:hover, .sya-line button:focus-visible { background: var(--green); }
.sya-links { display: flex; flex-wrap: wrap; gap: 8px 26px; margin: 14px 0 0; font-size: 15px; }
@media (max-width: 900px) {
.sya .wrap { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-block: 28px 32px; }
}
@media (max-width: 560px) {
.sya-line { grid-template-columns: minmax(0, 1fr); }
.sya-line button { border-left: 0; border-top: 1px solid var(--ink); padding: 13px 18px; }
}
table { border-collapse: collapse; width: 100%; min-width: 720px; }
th, td { text-align: left; padding: 11px 9px; border-bottom: 1px solid var(--rule-2); vertical-align: middle; white-space: nowrap; font-size: 14.5px; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
th { font-size: 13px; font-weight: 500; color: var(--muted); border-bottom: 1px solid var(--ink); background: transparent; }
th .sub { font-weight: 400; color: var(--faint); margin-left: 6px; font-size: 12px; }
tbody tr { transition: background .3s; }
tbody tr:hover td { background: var(--hover); }
tbody tr:last-child td { border-bottom: 0; }
@keyframes rowFlash { from { background: var(--green-soft); } to { background: transparent; } }
.agent { display: flex; align-items: center; gap: 12px; }
.agent .id { font: 12px var(--mono); color: var(--muted); }
input, textarea { font: 15px var(--sans); color: var(--ink); background: var(--field); border: 1px solid var(--field-edge); padding: 11px 12px; border-radius: 0; outline: none; }
input::placeholder, textarea::placeholder { color: var(--faint); opacity: 1; }
input:focus, textarea:focus { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
input:disabled, textarea:disabled { background: var(--paper-2); color: var(--muted); cursor: not-allowed; }
input:is([type="radio"], [type="checkbox"]) { -webkit-appearance: none; appearance: none; position: relative; display: inline-grid; place-content: center; box-sizing: border-box; width: 16px; height: 16px; margin: 0; padding: 0; flex: none; vertical-align: -3px; border: 1px solid var(--field-edge); border-radius: 0; background: var(--field); box-shadow: none; color: var(--ink); cursor: pointer; }
input:is([type="radio"], [type="checkbox"])::before { content: ""; width: 8px; height: 8px; }
input[type="radio"]:checked { border-color: var(--ink); }
input[type="radio"]:checked::before { background: var(--green); }
input[type="checkbox"]:checked { border-color: var(--green); background: var(--green); }
input[type="checkbox"]:checked::before { width: 10px; height: 10px; background: var(--paper); -webkit-mask: var(--g-check) center / 10px 10px no-repeat; mask: var(--g-check) center / 10px 10px no-repeat; }
input:is([type="radio"], [type="checkbox"]):focus { border-color: var(--ink); box-shadow: none; }
input:is([type="radio"], [type="checkbox"]):checked:focus { border-color: var(--green); }
input[type="radio"]:checked:focus { border-color: var(--ink); }
input:is([type="radio"], [type="checkbox"]):focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
input:is([type="radio"], [type="checkbox"]):disabled { cursor: not-allowed; border-style: dashed; background: transparent; }
input:is([type="radio"], [type="checkbox"]):disabled:checked::before { background: var(--muted); }
@media (forced-colors: active) {
input:is([type="radio"], [type="checkbox"]):checked::before { background: CanvasText; forced-color-adjust: none; }
}
.map { position: relative; height: clamp(420px, 58vh, 820px); background: var(--night); overflow: hidden; }
.map canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.map { height: 380px; }
.cap { padding: 16px 0 4px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.cap .out { background: var(--brass); }
.ledger { max-height: 560px; overflow: auto; }
@keyframes evIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.box { border-top: 1px solid var(--ink); min-width: 0; }
.box > header { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: 14px; color: var(--muted); }
.box > header span:first-child { font: italic 400 18px/1.2 var(--serif); color: var(--ink); }
.box > header span:last-child { margin-left: auto; font: 12.5px var(--mono); }
pre, .code { margin: 0; padding: 18px 20px; background: var(--paper-2); border: 0; font: 13px/1.75 var(--mono); color: var(--ink-2); white-space: pre; overflow-x: auto; }
.code b, pre b { color: var(--ink); font-weight: 500; }
.code .line { display: block; margin-inline: -20px; padding-inline: 20px; transition: background .6s; }
.code .line.hi { background: var(--green-soft); }
[data-no-share] { display: none; }
@keyframes dash { to { stroke-dashoffset: -24; } }
#wallet > header .btn, #own > header .btn { margin-left: auto; }
#wallet > header .btn + .btn, #own > header .btn + .btn { margin-left: 8px; }
.row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 6px; }
.doors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.doors.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.steps.three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.steps.three > div { padding: 20px 24px 20px 0; border-bottom: 1px solid var(--rule-2); }
.steps.three > div + div { padding-left: 24px; border-left: 1px solid var(--rule-2); }
.steps.three .n { font: italic 400 22px/1 var(--serif); color: var(--brass); margin-bottom: 10px; }
.steps.three b { display: block; font: 500 19px/1.25 var(--serif); margin-bottom: 6px; }
.steps.three p { color: var(--ink-2); font-size: 15px; }
.request .row .sub { flex-basis: 100%; }
.label.g { color: var(--green); }
.ca { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "k a a" "c c x"; border: 1px solid var(--ink); background: var(--paper-2); max-width: 640px; }
.ca .ca-k { grid-area: k; }
.ca code { grid-area: a; }
.ca #ca-copy { grid-area: c; }
.ca .ca-x { grid-area: x; }
.ca .ca-k, .ca .k { padding: 13px 14px; border-right: 1px solid var(--rule); font-size: 14px; color: var(--ink-2); white-space: nowrap; }
.ca code { min-width: 0; padding: 14px; font: 13px/1.4 var(--mono); color: var(--ink); overflow-wrap: anywhere; user-select: all; }
.ca code::-webkit-scrollbar { display: none; }
.ca button, .ca #ca-copy { border: 0; border-top: 1px solid var(--ink); background: var(--ink); color: var(--paper); font: 500 14px var(--sans); padding: 13px 18px; cursor: pointer; }
.ca button:hover { background: var(--green); }
.ca .ca-x { display: flex; align-items: center; justify-content: center; padding: 13px 18px; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); font-size: 14px; color: var(--ink-2); white-space: nowrap; }
.ca .ca-x:hover { color: var(--green); }
.dateline { border-bottom: 1px solid var(--rule); font-size: 13px; color: var(--muted); }
.dateline .wrap { display: flex; justify-content: space-between; align-items: center; min-height: 40px; gap: 2px 16px; max-width: calc(1024px + 20vw); flex-wrap: wrap; padding-block: 6px; }
.dateline .wrap > * { white-space: nowrap; }
.dateline a { color: var(--ink-2); text-decoration: underline; text-underline-offset: 4px; }
.dateline a:hover { color: var(--green); }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; padding-block: 56px 64px; align-items: end; }
.kicker { font-size: 15px; color: var(--green); margin: 0 0 22px; }
.hero h1 { font: 400 clamp(46px, 6.2vw, 86px)/.98 var(--serif); letter-spacing: -.022em; margin: 0 0 28px; }
.hero h1 em { font-style: italic; color: var(--green); }
.lede { font: 400 21px/1.5 var(--serif); color: var(--ink-2); max-width: 32em; margin: 0 0 34px; }
.actions { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }
.tree { margin: 0; align-self: stretch; display: flex; flex-direction: column; }
.hero .tree { order: -1; }
.tree canvas { width: 100%; flex: 1; min-height: 520px; display: block; cursor: grab; touch-action: pan-y; }
.tree canvas:active { cursor: grabbing; }
.tree figcaption { display: flex; gap: 14px; align-items: baseline; border-top: 1px solid var(--ink); padding-top: 12px; font: italic 400 16px/1.4 var(--serif); color: var(--muted); }
.tree figcaption b { font: normal 500 14px/1.4 var(--sans); color: var(--green); white-space: nowrap; }
.account { border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.account .wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.account .cell { padding: 28px 28px 24px; border-left: 1px solid var(--rule); min-width: 0; }
.account .cell:first-child { border-left: 0; padding-left: 0; }
.account .k { font-size: 14px; color: var(--muted); margin-bottom: 10px; }
.account .v { font: 400 clamp(38px, 4vw, 54px)/1 var(--serif); letter-spacing: -.02em; font-variant-numeric: lining-nums tabular-nums; }
.account .v.good { color: var(--green); }
.account .s { font-size: 14px; color: var(--muted); margin-top: 10px; }
.source { font-size: 13px; color: var(--muted); padding-top: 12px; }
.source code { font-size: 12px; color: var(--ink-2); }
.chapter { padding: 104px 0; }
.chead { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 64px; margin-bottom: 52px; }
.chead .no { font: italic 400 22px/1 var(--serif); color: var(--brass); border-top: 1px solid var(--ink); padding-top: 14px; }
.chead h2 { font: 400 clamp(34px, 4vw, 52px)/1.04 var(--serif); letter-spacing: -.018em; border-top: 1px solid var(--ink); padding-top: 12px; }
.chead p { font: 400 19px/1.55 var(--serif); color: var(--ink-2); margin-top: 18px; max-width: 36em; }
.howto { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 64px; }
.diagram { position: sticky; top: 96px; align-self: start; }
.diagram svg { width: 100%; height: auto; }
.diagram .box { stroke: var(--ink); fill: transparent; transition: fill .5s var(--ease), stroke .5s var(--ease); }
.diagram .t1 { fill: var(--ink); font: 400 22px "EB Garamond", serif; }
.diagram .t2 { fill: var(--muted); font: 400 12px "Schibsted Grotesk", sans-serif; }
.diagram .lb { fill: var(--brass); font: italic 400 16px "EB Garamond", serif; transition: opacity .5s; }
.diagram .ar, .diagram .hd { stroke: var(--ink); transition: stroke .5s, opacity .5s; }
.diagram .g { stroke: var(--green); }
.diagram .lb.g { fill: var(--green); stroke: none; }
.diagram .r { stroke: var(--red); }
.diagram .lb.r { fill: var(--red); stroke: none; font-size: 14px; }
.diagram .loss { opacity: .28; transition: opacity .5s; }
.diagram [data-step].on .box { fill: var(--green-soft); stroke: var(--green); }
.diagram [data-step].on .ar { stroke-dasharray: 5 6; animation: dash 1.1s linear infinite; }
.diagram [data-step="4"].on { opacity: 1; }
.howto.playing .stepl { transition: opacity .5s var(--ease); opacity: .5; cursor: pointer; }
.howto.playing .stepl.on { opacity: 1; }
.stepl.on .n { color: var(--green); }
.stepl { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; padding: 28px 0; border-top: 1px solid var(--rule); }
.stepl:last-child { border-bottom: 1px solid var(--rule); }
.stepl .n { font: italic 400 34px/1 var(--serif); color: var(--brass); }
.stepl h3 { font: 500 25px/1.2 var(--serif); margin: 0 0 8px; }
.stepl p { color: var(--ink-2); max-width: 38em; }
.stepl .aside { display: block; margin-top: 10px; font-size: 15px; color: var(--muted); }
.night { background: var(--night); color: var(--night-ink); }
.night .chead .no { color: var(--leaf); border-color: var(--night-ink); }
.night .chead h2 { border-color: var(--night-ink); }
.night .chead p { color: var(--night-muted); }
.night .link { color: var(--night-ink); }
.night .link:hover { color: var(--leaf); }
.after { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 28px; font-size: 15px; }
@keyframes lnIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
.ways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.way { padding: 34px 32px 38px 0; border-right: 1px solid var(--rule); }
.way + .way { padding-left: 32px; }
.way:last-child { border-right: 0; }
.way .who { font-size: 14px; color: var(--muted); }
.way h3 { font: 400 32px/1.08 var(--serif); letter-spacing: -.012em; margin: 10px 0 14px; }
.way p { color: var(--ink-2); margin-bottom: 22px; }
.way ul { margin: 0 0 24px; padding: 0; list-style: none; font-size: 15px; }
.way li { padding: 8px 0; border-top: 1px dotted var(--rule); color: var(--ink-2); }
.way li b { font-weight: 500; color: var(--ink); }
.way .link.sm { display: block; width: fit-content; margin-top: 14px; font-size: 14px; color: var(--muted); }
.way .link.sm:hover { color: var(--ink); }
.token .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.token .wrap > * { min-width: 0; }
.token h2 { font: 400 clamp(32px, 3.6vw, 46px)/1.06 var(--serif); letter-spacing: -.016em; margin-bottom: 18px; }
.token p { font: 400 19px/1.55 var(--serif); color: var(--ink-2); margin-bottom: 26px; }
.terms2 { border-top: 1px solid var(--ink); }
.terms2 div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--rule); }
.terms2 span { font-size: 14px; color: var(--muted); }
.terms2 b { font: 400 22px/1.3 var(--serif); }
footer.foot { border-top: 1px solid var(--ink); padding: 42px 0 60px; font-size: 14px; color: var(--muted); }
footer.foot .wrap { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 40px; max-width: calc(1024px + 20vw); }
footer.foot .brand span { font-size: 22px; color: var(--ink); }
footer.foot p { margin-top: 12px; max-width: 30em; }
footer.foot h4 { margin: 0 0 12px; font: 500 14px var(--sans); color: var(--ink); }
footer.foot a { display: block; padding: 3px 0; }
footer.foot a:hover { color: var(--ink); text-decoration: underline; }
@keyframes arrive { from { opacity: .3; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 1000px) {
.howto, .chead, .token .wrap { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.diagram { position: static; max-width: 320px; }
.ways, .doors, .doors.two, .steps.three { grid-template-columns: minmax(0, 1fr); }
.way, .way + .way { padding: 26px 0; border-right: 0; border-bottom: 1px solid var(--rule); }
.steps.three > div + div { padding-left: 0; border-left: 0; }
}
@media (max-width: 1500px) {
.status #status-text { display: none; }
}
@media (max-width: 1360px) {
.nav .wrap { gap: 24px; }
.links { gap: 16px; }
.nav .right { gap: 12px; }
}
@media (max-width: 1180px) {
.dateline .wrap > span:nth-child(2) { display: none; }
}
@media (max-width: 600px) {
.dateline .wrap > span:first-child { display: none; }
}
@media (max-width: 1120px) {
.nav .wrap { gap: 18px; }
.links { gap: 13px; font-size: 14px; }
.nav .right { gap: 10px; }
.nav .right .btn.sm { padding: 8px 11px; font-size: 13.5px; }
}
[data-timelock="0"] { display: none !important; }
:has(> [data-onboarding]) > [data-no-onboarding] { display: none; }
@media (max-width: 900px) {
.wrap { padding-inline: 16px; }
.nav .wrap { gap: 16px; height: 60px; }
.links { gap: 14px; font-size: 14px; }
.brand span { font-size: 22px; }
.status #status-text { display: none; }
.agentbtn { display: none; }
.hero .wrap { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-block: 40px 52px; }
.hero .tree { order: 0; }
.lede { font-size: 19px; }
.tree canvas { min-height: 380px; }
.account .wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.account .cell { padding: 20px 14px 18px; }
.account .cell:nth-child(odd) { border-left: 0; padding-left: 0; }
.account .cell:nth-child(n+3) { border-top: 1px solid var(--rule); }
.chapter { padding: 72px 0; }
.terms2 div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.ca { grid-template-areas: "k a a" "c c x"; }
.ca code { font-size: 12px; padding: 12px; }
.ca .ca-k { padding: 12px 10px; font-size: 13px; }
footer.foot .wrap { grid-template-columns: minmax(0, 1fr); }
}
.prefs { position: relative; display: flex; }
.prefs-btn { width: 34px; height: 34px; display: grid; place-items: center; background: transparent; border: 1px solid var(--rule); color: var(--ink-2); cursor: pointer; padding: 0; }
.prefs-btn:hover, .prefs-btn[aria-expanded="true"] { border-color: var(--ink); color: var(--ink); }
.prefs-btn svg { width: 20px; height: 20px; fill: none; stroke: none; background: currentColor; -webkit-mask: var(--g-gear) center / 20px 20px no-repeat; mask: var(--g-gear) center / 20px 20px no-repeat; }
.prefs-pop { position: absolute; top: calc(100% + 10px); right: 0; z-index: 40; min-width: 210px; background: var(--paper); border: 1px solid var(--ink); box-shadow: 0 10px 30px var(--shade); padding: 6px 0; }
.prefs-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 14px; font: 500 14px var(--sans); color: var(--ink); cursor: pointer; }
.switch { position: relative; box-sizing: border-box; width: 30px; height: 16px; border-radius: 0; border: 1px solid var(--field-edge); background: var(--field); padding: 0; cursor: pointer; transition: background .2s, border-color .2s; flex: none; }
.switch i { position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 0; background: var(--muted); transition: transform .2s var(--ease), background .2s; }
.switch[aria-checked="true"] { background: var(--field); border-color: var(--green); }
.switch[aria-checked="true"] i { transform: translateX(14px); background: var(--green); }
.switch:focus-visible, .prefs-btn:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
@media (max-width: 560px) {
.links a[href*="github.com"] { display: none; }
.nav .wrap { gap: 12px; }
.links { gap: 12px; }
.nav .links { flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none;
    
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%); padding-inline: 6px; }
.nav .links::-webkit-scrollbar { display: none; }
.nav .links a { flex: none; }
.nav .right { gap: 10px; }
.prefs-btn { width: 30px; height: 30px; }
.gobtn { padding: 7px 10px 7px 9px; font-size: 13px; gap: 6px; }
.nav .wrap:has(.gobtn) .links { margin-inline: -6px; }
}
@media (max-width: 880px) {
.nav .wrap:has(.gobtn) { flex-wrap: wrap; height: auto; row-gap: 0; padding-top: 10px; }
.nav .wrap:has(.gobtn) .links { order: 3; flex: 1 1 100%; min-width: 0; padding-block: 6px 10px; }
.nav .wrap:has(.gobtn) .status { display: none; }
body:has(.nav .gobtn) section[id] { scroll-margin-top: 120px; }
}
.prove.dead .sub { display: none; }
footer.foot a.xlink { display: flex; align-items: center; gap: 8px; }
footer.foot a.xlink svg { width: 14px; height: 14px; flex: none; }
.dd { position: relative; display: inline-flex; }
@media (max-width: 560px) {
.dd { display: contents; visibility: visible; }
}
@keyframes ag-blink { 0%, 92%, 100% { transform: none; } 95% { transform: scaleY(.15); } }
@keyframes ag-grow { 0% { width: 4%; } 70%, 100% { width: 62%; } }
.start select { font: 14px var(--sans); color: var(--ink); background: var(--field); border: 1px solid var(--field-edge); padding: 10px 12px; border-radius: 0; }
:root { --card: #fbf8f1; --card-2: #f5f0e5; --card-edge: #e3dccd; --glow: rgba(70, 107, 130, .14); }
:root[data-theme="dark"] { --card: #0d1828; --card-2: #132236; --card-edge: #253a51; --glow: rgba(171, 206, 220, .16); }
:root { --brass-ink: #765c2b; }
:root[data-theme="dark"] { --brass-ink: var(--brass); }
@keyframes app-cells { 0% { clip-path: inset(0 12px 0 0); } 33% { clip-path: inset(0 6px 0 0); } 66%, 100% { clip-path: inset(0 0 0 0); } }
:root { --t-unproven: #77715f; --t-started: #466b82; --t-proven: #2d5f9e; --t-earned: #8a6a28; --t-income: #7448a6; }
:root[data-theme="dark"] { --t-unproven: #a8a291; --t-started: #abcedc; --t-proven: #8db4ea; --t-earned: #d9b56c; --t-income: #c7a3ee; }
@keyframes signin-in { from { opacity: 0; } }
:root { --privy-color-background-2: var(--card-2) !important; }
@keyframes add-pulse { 50% { opacity: .35; } }
@keyframes ga-pulse { 50% { opacity: .25; } }
@keyframes ga-tick { 0% { color: var(--green); } 100% { color: inherit; } }
@keyframes ga-toast-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@keyframes ga-toast-out { to { opacity: 0; transform: translateX(24px); } }
@keyframes ga-toast-left { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@keyframes ex-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes gd-spin { to { transform: rotate(360deg); } }
@keyframes gd-pulse { 0%, 14%, 100% { box-shadow: inset 0 0 0 1px var(--card-edge); } 6% { box-shadow: inset 0 0 0 2px var(--green), 0 0 0 4px var(--glow); } }
html[data-go-page] body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
@keyframes sc-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes ga-badge-in { from { opacity: 0; } }
@keyframes gn-in { from { opacity: 0; transform: translateY(8px); } }
@keyframes addr-copied { from { opacity: 0; transform: translate(-50%, -3px); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes ac-flash { 0%, 40% { box-shadow: inset 0 0 0 2px var(--green); } 100% { box-shadow: inset 0 0 0 2px transparent; } }
@keyframes ac-flash-q { 0%, 30% { background: var(--hover); box-shadow: 0 0 0 10px var(--hover), inset 2px 0 0 var(--green); } 100% { background: transparent; box-shadow: 0 0 0 10px transparent; } }
@keyframes ap-in { from { transform: translateX(32px); opacity: 0; } }
@keyframes ap-up { from { transform: translateY(28px); opacity: 0; } }
@keyframes ap-fade { from { opacity: 0; } }
@container se-list (width < 59.2rem) {
  .acct .se-head, .acct .se-row { grid-template-columns: minmax(6.5rem, 1fr) 6.6rem 6.2rem 4rem 3.4rem 5.4rem 10.6rem; }
  .acct .se-r-hide { display: none; }
}
@container se-list (width < 49rem) {
  .acct .se-head { display: none; }
  .acct .se-row { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "name st fee" "meta meta meta" "acts acts acts"; gap: 6px 8px; padding: 11px 12px; }
  .acct .se-r-name { grid-area: name; } .acct .se-r-fee { grid-area: fee; }
  .acct .se-r-st { grid-area: st; } .acct .se-r-meta { grid-area: meta; display: block; font-size: 12.5px; color: var(--muted); }
  .acct .se-r-st .se-st { font-size: 10.5px; padding: 4px 7px; }
  .acct .se-r-num, .acct .se-r-late { display: none; }
  .acct .se-r-acts { grid-area: acts; display: none; }
  .acct .se-row.open .se-r-acts { display: flex; margin-left: 0; }
  .acct .se-r-acts .btn { flex: 1 1 0; }
  .acct .se-r-why { text-align: left; }
  .acct .se-row.open .se-r-why { display: block; }
  
  .acct .se-r-tog { display: block; position: absolute; inset: 0; z-index: 0; border: 0; background: none; border-radius: 0; cursor: pointer; }
  .acct .se-r-name a, .acct .se-r-acts, .acct .se-row .se-confirm { position: relative; z-index: 1; }
}
@container se-list (width < 59.2rem) { .acct .se-head, .acct .se-row { grid-template-columns: minmax(6.5rem, 1fr) 6.6rem 6.4rem 3.6rem 3.2rem 5.4rem 12.6rem; } }
@container se-list (width < 49rem) { .acct .se-row { grid-template-columns: minmax(0, 1fr) auto auto; } }
@keyframes dk-twinkle { 0%, 100% { opacity: .9; } 50% { opacity: .35; } }
@keyframes dk-fly { 0% { opacity: 0; transform: translate(0, 0); } 20% { opacity: .9; } 50% { transform: translate(14px, -22px); opacity: .6; } 80% { opacity: .9; } 100% { opacity: 0; transform: translate(-6px, -40px); } }
.switch:disabled { opacity: .45; cursor: not-allowed; }
@media (pointer: coarse) {
textarea { font-size: 16px !important; }
}
html[data-go-page] .row > input ~ .btn.sm { align-self: stretch; }
:root { --mn-backing: #7d9fc6; --mn-agents: #b48ccb; --mn-logo-bg: #fff; }
:root[data-theme="dark"] { --mn-backing: #8fb3d9; --mn-agents: #c9a0dc; --mn-logo-bg: #ebe6da; }
@container jb-pane (width < 1000px) { .acct .jb-mhead { --pic: 360px; } }
@container jb-pane (width < 820px) { .acct .jb-mhead { --pic: 280px; } }
@keyframes jb-glow { 0% { opacity: 0; } 35% { opacity: 1; } 100% { opacity: 0; } }
@keyframes jb-r2 { 0%, 11.9% { opacity: 0; } 12%, 100% { opacity: 1; } }
@keyframes jb-r1 { 0%, 29.9% { opacity: 0; } 30%, 100% { opacity: 1; } }
@keyframes jb-r0 { 0%, 49.9% { opacity: 0; } 50%, 100% { opacity: 1; } }
@media (min-width: 861px) {
:lang(es) { grid-template-columns: minmax(0, 1.6fr) minmax(100px, .7fr) minmax(100px, .7fr) 15.5rem; }
}
@keyframes zp-pop { from { transform: scale(.6); opacity: 0; } }
.brand svg { width: 32px; height: 32px; }
.status .dot { top: 0; width: 28px; height: 20px; background: url("/horse-run.png") 0 0 / auto 20px no-repeat; }
.status .dot::before, .status .dot::after { display: none; }
.status:not(.live) .dot { opacity: .55; }
.status.live .dot { animation: horse-run 0.375s steps(9) infinite; }
@keyframes horse-run { to { background-position-x: -252px; } }
@media (prefers-reduced-motion: reduce) {
.status.live .dot { animation: none; }
}
:root:not([data-theme="dark"]) svg image[href="/logo.png"], :root:not([data-theme="dark"]) .status .dot { filter: brightness(.48) saturate(1.5); }