.ds3-trace{min-inline-size:0;padding:var(--space-5);gap:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);border:var(--border-width) solid var(--line-300);box-shadow:var(--shadow-lg);margin:0;display:grid;position:relative;rotate:-1.5deg}.ds3-trace-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--line-300);grid-template-columns:5.5em minmax(0,1fr) auto;display:grid;position:relative}.ds3-trace-k{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--accent-text)}.ds3-trace-v{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-900);overflow-wrap:anywhere}.ds3-dot{background:var(--accent);block-size:18px;inline-size:18px;box-shadow:0 0 0 4px var(--tint-accent);border-radius:50%}.ds3-trace-row+.ds3-trace-row:before{content:"";block-size:calc(100% + var(--space-3));border-inline-start:var(--border-width) dashed var(--line-300);z-index:-1;position:absolute;inset-block-end:50%;inset-inline-end:calc(var(--space-4) + 8px)}.ds3-trace-note{margin:var(--space-2) 0 0;gap:var(--space-1);border-block-start:var(--border-width) dashed var(--line-300);font-size:var(--text-sm);line-height:var(--lh-body);color:var(--ink-700);padding-block-start:var(--space-3);display:grid}.ds3-wall{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;display:grid}.ds3-cell{min-block-size:150px;min-inline-size:0;padding:var(--space-8) var(--space-4) var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex;position:relative}.ds3-cell-wide{grid-column:span 2}.ds3-row{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds3-tag{border-radius:var(--radius-pill);background:var(--ink-900);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);white-space:nowrap;padding:2px 8px;position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.ds3-letters{gap:var(--space-3);padding-block:var(--space-4);display:grid;position:relative}.ds3-letter{gap:var(--space-2);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--ink-900);box-shadow:var(--shadow-lg);rotate:calc(-2deg + var(--n) * 2deg);margin-inline-start:calc(var(--space-8) * var(--n));display:grid}.ds3-letter:nth-child(2){background:var(--surface-blush)}.ds3-letter:nth-child(3){background:var(--surface-butter)}.ds3-letter-k{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--accent-text)}.ds3-letter:nth-child(3) .ds3-letter-k{color:var(--ink-900)}.ds3-letter-t{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-h3);line-height:1.15}.ds3-letter-n{font-size:var(--text-sm);color:var(--ink-700)}@media (max-width:940px){.ds3-trace{rotate:none}}@media (max-width:640px){.ds3-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.ds3-letter{margin-inline-start:calc(var(--space-4) * var(--n))}}.ds3-nowrap{white-space:nowrap}
.sv-ts{z-index:1;margin:var(--space-12) 0 0;gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.sv-ts-top{justify-content:space-between;align-items:flex-end;gap:var(--space-5) var(--space-8);flex-wrap:wrap;display:flex}.sv-ts-read{align-items:flex-end;gap:var(--space-3);min-inline-size:0;margin:0;display:flex}.sv-ts-n{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-display);letter-spacing:var(--ls-heading);color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:end;min-inline-size:2ch;transition:color var(--dur) var(--ease-out);line-height:.82}.sv-ts[data-hand] .sv-ts-n{color:var(--accent-text)}.sv-ts-of{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding-block-end:.35em}.sv-ts-lbl{gap:var(--space-1);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-title);color:var(--text-primary);padding-block-end:.2em;display:grid}.sv-ts-sub{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text-muted);max-inline-size:46ch}.sv-ts-mode{border-radius:var(--radius-pill);background:var(--ink-900);gap:4px;padding:4px;display:inline-flex}.sv-ts-opt{all:unset;box-sizing:border-box;cursor:pointer;min-block-size:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-sm);white-space:nowrap;color:var(--text-on-ink-muted);transition:color var(--dur-fast) var(--ease-snap), background-color var(--dur-fast) var(--ease-snap);justify-content:center;align-items:center;display:inline-flex}.sv-ts-opt:hover{color:var(--paper);background-color:var(--ink-800)}.sv-ts-opt[aria-pressed=true]{background:var(--paper);color:var(--ink-900)}.sv-ts-opt[aria-pressed=true]:hover{background:var(--surface-blush)}.sv-ts-opt:last-child[aria-pressed=true]{background:var(--accent)}.sv-ts-opt:last-child[aria-pressed=true]:hover{background:var(--coral-400)}.sv-ts-opt:focus-visible{box-shadow:var(--ring-focus)}.sv-ts-board{gap:var(--space-8);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-xl);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);display:grid}.sv-ts-board>*{z-index:1;position:relative}.sv-ts-file{gap:var(--space-5);align-content:start;display:grid}.sv-ts-bar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sv-ts-fname,.sv-ts-state{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight)}.sv-ts-fname{color:var(--paper)}.sv-ts-state{border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-900);text-transform:uppercase;transition:background-color var(--dur) var(--ease-out);padding:3px 10px}.sv-ts[data-hand] .sv-ts-state{background:var(--accent)}.sv-ts-code{padding:var(--space-4) 0;border-radius:var(--radius-md);background:var(--ink-800);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-on-ink-muted);margin:0;line-height:1.8;overflow:hidden}.sv-ts-code code{display:grid}.sv-ts-ln{padding-inline:var(--space-4);white-space:pre-wrap;overflow-wrap:anywhere;transition:background-color var(--dur-reveal) var(--ease-out);display:block}.sv-ts-ln b{font-weight:var(--fw-regular);color:var(--butter-400)}.sv-ts-ln[data-lit]{background:0 0}@starting-style{.sv-ts-ln[data-lit]{background:color-mix(in oklab, var(--butter-400) 34%, transparent)}}.sv-ts-ctl{gap:var(--space-4);display:grid}.sv-ts-row{align-items:center;gap:var(--space-3);grid-template-columns:7.5em minmax(0,1fr);display:grid}.sv-ts-k{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label-tight);color:var(--coral-300)}.sv-ts-sw{gap:var(--space-2);flex-wrap:wrap;display:flex}.sv-ts-swatch{all:unset;box-sizing:border-box;cursor:pointer;border:var(--border-width) solid var(--line-ink);block-size:44px;inline-size:44px;transition:border-color var(--dur-fast) var(--ease-snap), transform var(--dur-fast) var(--ease-spring);border-radius:50%;place-items:center;display:grid}.sv-ts-swatch:before{content:"";background:var(--sw);block-size:28px;inline-size:28px;box-shadow:inset 0 0 0 1.5px var(--text-on-ink-muted);border-radius:50%}.sv-ts-swatch:hover{border-color:var(--paper)}.sv-ts-swatch:active{transform:scale(var(--press-scale-icon))}.sv-ts-swatch[aria-pressed=true]{border:2px solid var(--paper)}.sv-ts-swatch[aria-pressed=true]:hover{border-color:var(--butter-400)}.sv-ts-swatch:focus-visible{box-shadow:var(--ring-focus)}.sv-ts-range{appearance:none;cursor:pointer;background:0 0;block-size:44px;inline-size:100%;margin:0}.sv-ts-range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--coral-300) var(--p,50%), var(--ink-700) var(--p,50%));block-size:6px}.sv-ts-range::-moz-range-track{border-radius:var(--radius-pill);background:var(--ink-700);block-size:6px}.sv-ts-range::-moz-range-progress{border-radius:var(--radius-pill);background:var(--coral-300);block-size:6px}.sv-ts-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:3px solid var(--coral-300);block-size:24px;inline-size:24px;transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%;margin-block-start:-9px}.sv-ts-range::-moz-range-thumb{background:var(--paper);border:3px solid var(--coral-300);border-radius:50%;block-size:18px;inline-size:18px}.sv-ts-range:hover::-webkit-slider-thumb{transform:scale(1.12)}.sv-ts-range:focus-visible{outline:none}.sv-ts-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring-focus)}.sv-ts-range:focus-visible::-moz-range-thumb{box-shadow:var(--ring-focus)}.sv-ts-seg{border-radius:var(--radius-pill);background:var(--ink-800);justify-self:start;gap:3px;padding:3px;display:inline-flex}.sv-ts-segb{all:unset;box-sizing:border-box;cursor:pointer;min-block-size:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-sm);color:var(--text-on-ink-muted);transition:color var(--dur-fast) var(--ease-snap), background-color var(--dur-fast) var(--ease-snap);align-items:center;display:inline-flex}.sv-ts-segb:hover{color:var(--paper);background-color:var(--ink-700)}.sv-ts-segb[aria-pressed=true]{background:var(--paper);color:var(--ink-900)}.sv-ts-segb[aria-pressed=true]:hover{background:var(--surface-blush)}.sv-ts-segb:focus-visible{box-shadow:var(--ring-focus)}.sv-ts-reset{all:unset;box-sizing:border-box;cursor:pointer;min-block-size:44px;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--coral-300);text-underline-offset:.3em;transition:color var(--dur-fast) var(--ease-snap);justify-self:start;align-items:center;text-decoration:underline;display:inline-flex}.sv-ts-reset:hover{color:var(--paper)}.sv-ts-reset:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-xs)}.sv-ts-site{--t-accent:var(--coral-500);--t-on-accent:var(--ink-900);--t-radius:14px;--t-k:1;border-radius:var(--radius-md);background:var(--white);color:var(--ink-900);font-family:var(--font-sans);grid-template-columns:repeat(6,minmax(0,1fr));align-self:start;gap:10px;padding:14px;font-size:14px;line-height:1.35;display:grid;container:ts-site/inline-size}.ts-c{--delay:calc(var(--loop-stagger) * var(--i,0));min-inline-size:0;padding:calc(14px * var(--t-k)) calc(16px * var(--t-k));border-radius:var(--t-radius);background:var(--paper);transition:background-color var(--dur) var(--ease-out) var(--delay), color var(--dur) var(--ease-out) var(--delay), border-color var(--dur) var(--ease-out) var(--delay), border-radius var(--dur-slow) var(--ease-emphasized) var(--delay), padding var(--dur-slow) var(--ease-emphasized) var(--delay), outline-color var(--dur) var(--ease-out);outline-offset:3px;outline:1.5px dashed #0000;position:relative}.ts-c[data-drift]{outline-color:var(--accent-text)}.ts-old{z-index:2;border-radius:var(--radius-pill);background:var(--ink-900);color:var(--paper);font-family:var(--font-mono);letter-spacing:var(--ls-label-tight);text-transform:uppercase;white-space:nowrap;padding:2px 8px;font-size:10px;position:absolute;inset-block-start:-10px;inset-inline-end:10px}.ts-flash{border-radius:calc(var(--t-radius) + 4px);pointer-events:none;box-shadow:0 0 0 2px var(--butter-400), 0 0 0 7px color-mix(in oklab, var(--butter-400) 30%, transparent);opacity:0;animation:bl-fade var(--dur-fast) var(--ease-out) var(--delay) backwards;transition:opacity var(--dur-reveal) var(--ease-out) calc(var(--delay) + var(--dur-fast));position:absolute;inset:-4px}@starting-style{.ts-flash{opacity:1}}.ts-fill{background:var(--t-accent);color:var(--t-on-accent)}.ts-nav{padding-block:calc(8px * var(--t-k));background:0 0;grid-column:1/-1;align-items:center;gap:14px;display:flex}.ts-logo{border-radius:calc(var(--t-radius) * .5);background:var(--t-accent);block-size:26px;inline-size:26px;transition:background-color var(--dur) var(--ease-out) var(--delay), border-radius var(--dur-slow) var(--ease-emphasized) var(--delay);flex:none;place-items:center;display:grid}.ts-logo i{background:var(--t-on-accent);border-radius:50%;block-size:10px;inline-size:10px}.ts-links{color:var(--ink-700);flex:auto;gap:14px;font-size:13px;display:flex}.ts-links i{font-style:normal}.ts-pill{border-radius:var(--t-radius);font-weight:var(--fw-bold);white-space:nowrap;padding:7px 14px;font-size:13px;transition:inherit}.ts-hero{grid-column:span 4;align-content:center;gap:8px;display:grid}.ts-h{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:-.02em;text-wrap:balance;font-size:22px;line-height:1.1}.ts-h mark{background:var(--t-accent);color:var(--t-on-accent);border-radius:calc(var(--t-radius) * .45);transition:background-color var(--dur) var(--ease-out) var(--delay), color var(--dur) var(--ease-out) var(--delay), border-radius var(--dur-slow) var(--ease-emphasized) var(--delay);padding:0 6px}.ts-p{color:var(--ink-700);font-size:13px}.ts-stat{grid-column:span 2;align-content:space-between;gap:6px;display:grid}.ts-stat b{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;line-height:1}.ts-stat span{font-size:12px}.ts-btn{font-weight:var(--fw-bold);text-align:center;grid-column:span 2;place-items:center;display:grid}.ts-line{border:1.5px solid var(--t-accent);background:0 0}.ts-tags{flex-wrap:wrap;grid-column:span 2;align-content:center;gap:6px;display:flex}.ts-tags i{border-radius:var(--t-radius);background:color-mix(in oklab, var(--t-accent) 24%, var(--white));transition:background-color var(--dur) var(--ease-out) var(--delay), border-radius var(--dur-slow) var(--ease-emphasized) var(--delay);padding:3px 9px;font-size:12px;font-style:normal}.ts-card{border:1px solid var(--line-200);background:var(--white);grid-column:span 3;gap:6px;display:grid}.ts-ico{border-radius:calc(var(--t-radius) * .6);background:var(--t-accent);block-size:32px;inline-size:32px;transition:background-color var(--dur) var(--ease-out) var(--delay), border-radius var(--dur-slow) var(--ease-emphasized) var(--delay)}.ts-t{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:15px}.ts-field{background:var(--white);grid-column:span 3;grid-template-columns:minmax(0,1fr);align-content:center;gap:6px;display:grid}.ts-lab{font-size:12px;font-weight:var(--fw-bold)}.ts-inp{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;padding:calc(9px * var(--t-k)) 12px;border-radius:var(--t-radius);color:var(--ink-700);border:1.5px solid var(--t-accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--t-accent) 22%, transparent);transition:border-color var(--dur) var(--ease-out) var(--delay), box-shadow var(--dur) var(--ease-out) var(--delay), border-radius var(--dur-slow) var(--ease-emphasized) var(--delay);overflow:hidden}.ts-switch{grid-column:span 3;align-items:center;gap:10px;display:flex}.ts-switch>span:last-child,.ts-quote>span{overflow-wrap:anywhere;min-inline-size:0}.ts-track{background:var(--t-accent);block-size:24px;inline-size:40px;transition:background-color var(--dur) var(--ease-out) var(--delay);border-radius:12px;flex:none;justify-content:flex-end;align-items:center;padding:3px;display:flex}.ts-track i{background:var(--t-on-accent);border-radius:50%;block-size:18px;inline-size:18px}.ts-quote{font-family:var(--font-display);font-weight:var(--fw-bold);grid-column:span 3;align-items:center;gap:12px;display:flex}.ts-quote b{border-radius:calc(var(--t-radius) * .7);background:var(--t-accent);block-size:34px;inline-size:34px;color:var(--t-on-accent);font-family:var(--font-serif-accent);transition:background-color var(--dur) var(--ease-out) var(--delay), color var(--dur) var(--ease-out) var(--delay), border-radius var(--dur-slow) var(--ease-emphasized) var(--delay);flex:none;place-items:center;padding-block-start:10px;font-size:30px;line-height:1;display:grid}@container ts-site (max-width:460px){.ts-hero,.ts-tags{grid-column:1/-1}.ts-stat,.ts-btn,.ts-card,.ts-field,.ts-switch,.ts-quote{grid-column:span 3}.ts-hero .ts-p,.ts-card .ts-p,.ts-links{display:none}.ts-nav{justify-content:space-between}.ts-h{font-size:18px}.ts-stat b{font-size:24px}.ts-btn,.ts-quote,.ts-switch{font-size:13px}}@media (max-width:940px){.sv-ts-board{padding:var(--space-5);gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.sv-ts-mode{inline-size:100%}.sv-ts-opt{padding-inline:var(--space-3);white-space:normal;text-align:center;flex:1 1 0;line-height:1.15}.sv-ts-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.sv-ts-read{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.ts-flash{display:none}.ts-c,.sv-ts-ln{transition:none}}@container ts-site (max-width:330px){.ts-field,.ts-switch,.ts-quote{grid-column:1/-1}}.sv-ts-opt[aria-pressed=true]:focus-visible,.sv-ts-segb[aria-pressed=true]:focus-visible,.sv-ts-swatch[aria-pressed=true]:focus-visible{box-shadow:0 0 0 2px var(--ink-900), 0 0 0 4.5px var(--butter-400)}