/* 808909303.xyz: ink, paper and signal orange. Shared primitives are unlayered
   so existing pages can migrate by replacing layout alone. No remote fonts. */
:root {
  color-scheme:dark;
  --color-bg:#101210; --color-surface:#1b1e1b; --color-raised:#272c27;
  --color-text:#f4f1e8; --color-muted:#b7bcb1; --color-border:#6e786b;
  --color-divider:#394137; --color-accent:#ffad72; --color-on-accent:#211509;
  --color-danger:#ffb4b4; --color-success:#c0dfa1; --color-focus:#e4f0a0;
  --font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
  --text-xs:.8125rem; --text-sm:.875rem; --text-base:1rem; --text-lg:1.25rem;
  --text-xl:1.75rem; --text-display:clamp(2.5rem,6vw,5.5rem);
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --radius-sm:6px; --radius-md:12px; --radius-lg:20px;
  --target:44px; --content:1280px; --motion-fast:140ms;
  --bg:var(--color-bg); --panel:var(--color-surface); --line:var(--color-divider);
  --muted:var(--color-muted); --accent:var(--color-accent);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--text-base)/1.5 var(--font-body)}
a{color:var(--color-accent);text-underline-offset:4px}
button,input,select,textarea{font:inherit;max-width:100%}
button,.ds-button,a.download,summary{min-width:var(--target);min-height:var(--target);padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-raised);color:var(--color-text);cursor:pointer}
button,.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}
button:hover,.ds-button:hover,summary:hover{border-color:var(--color-accent)}
button:disabled{opacity:.6;cursor:not-allowed}
.ds-primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);font-weight:700}
.ds-danger{color:var(--color-danger)}
input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea{min-height:var(--target);padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:inherit}
input[type=file],textarea{width:100%}textarea{min-height:110px}
input[type=range]{accent-color:var(--color-accent);min-height:var(--target);max-width:100%}
input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}
label{display:block}fieldset{min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm)}
fieldset label{display:inline-block;margin:8px;min-height:var(--target);padding-block:10px}
h1,h2,h3,p,a,dt,dd{overflow-wrap:anywhere}
h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;letter-spacing:-.045em}
h2{font-size:var(--text-xl);line-height:1.2;letter-spacing:-.025em}h3{font-size:var(--text-lg);margin:0;line-height:1.3}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}
.skip{position:absolute;left:12px;top:-100px;background:var(--bg);padding:12px;z-index:100}.skip:focus{top:8px}
.ds-kicker{font:var(--text-xs)/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}
.ds-muted,.muted,.meta{color:var(--color-muted)}
.ds-stack{display:grid;gap:var(--space-4)}.ds-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.ds-surface{background:var(--color-surface);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md)}
.ds-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ds-art{display:block;position:relative;overflow:hidden;aspect-ratio:1;background:var(--color-raised);border-radius:var(--radius-sm);flex:none}
.ds-art img{display:block;width:100%;height:100%;object-fit:cover}.ds-art:has(img){background:var(--color-raised)}
.ds-art:not(:has(img)){background:var(--color-bg) url("/brand/fallback.svg") center/cover}
.ds-track{min-width:0;border-bottom:1px solid var(--line);padding:var(--space-3) 0;display:flex;align-items:center;gap:var(--space-4)}
.ds-track .ds-art{width:64px}.ds-track-copy{min-width:0;flex:1}.ds-track-title{display:block;color:var(--color-text);font-weight:650;text-decoration:none;overflow-wrap:anywhere}
.ds-track-title:hover{text-decoration:underline}.ds-track-copy p{font-size:var(--text-sm);margin:4px 0 0;color:var(--color-muted)}
.ds-track .ds-actions{flex:none}.ds-track[data-density=dense]{padding-block:4px;gap:8px}.ds-track[data-density=dense] .ds-art{width:44px}
.ds-track[data-view=card]{display:flex;flex-direction:column;align-items:stretch;background:var(--color-surface);padding:12px;border:1px solid var(--line);border-radius:var(--radius-md)}
.ds-track[data-view=card] .ds-art{width:100%}.ds-track[data-view=card] .ds-actions{justify-content:space-between}.ds-duration{font:var(--text-xs) var(--font-mono);color:var(--color-muted)}
.ds-menu{position:relative}.ds-menu summary{list-style:none;display:flex;align-items:center;gap:8px}.ds-menu summary::-webkit-details-marker{display:none}
.ds-menu-panel{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;max-width:calc(100vw - 32px);padding:8px;background:var(--color-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:10;box-shadow:0 12px 32px #0006}
.ds-menu-panel button,.ds-menu-panel a{display:flex;width:100%;text-align:left;justify-content:flex-start}
dialog{width:min(620px,calc(100% - 24px));max-height:90svh;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);padding:var(--space-6)}
dialog::backdrop{background:#000b}dialog h2{margin-top:0}dialog label{margin:12px 0}dialog input:not([type=checkbox]):not([type=range]),dialog select{display:block;width:100%}
.ds-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);padding:4px 4px 8px}
.ds-tabs button{border-color:transparent;background:transparent;white-space:nowrap}.ds-tabs [aria-selected=true]{background:var(--color-raised);border-bottom:3px solid var(--color-accent)}
.ds-field{display:grid;gap:8px}.ds-field small{color:var(--color-muted)}[aria-invalid=true]{border-color:var(--color-danger)!important}.ds-field-error{color:var(--color-danger)!important}
.ds-feedback{padding:var(--space-4);border:1px solid var(--color-border);border-inline-start:4px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface)}
.ds-feedback h3{font-size:var(--text-base)}.ds-feedback p{margin:8px 0}.ds-feedback[data-state=error],.ds-feedback[data-state=denied]{border-inline-start-color:var(--color-danger)}
.ds-feedback[data-state=success]{border-inline-start-color:var(--color-success)}
.ds-skeleton{height:16px;background:var(--color-raised);border-radius:4px;width:75%;margin:12px 0}
@media(max-width:599px){.ds-track{gap:8px;flex-wrap:wrap}.ds-track .ds-art{width:48px}.ds-track>.ds-actions{margin-left:56px}.ds-track[data-view=card]>.ds-actions{margin-left:0}dialog.ds-sheet{width:100%;max-width:100%;margin:auto 0 0;border-radius:20px 20px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){button,.ds-button{transition:background var(--motion-fast),border-color var(--motion-fast)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.ds-art{border:1px solid CanvasText}.ds-tabs [aria-selected=true]{border:3px solid Highlight}button:disabled{color:GrayText}}
.ds-dialog-header{position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--color-surface);z-index:1;padding-bottom:16px}.ds-dialog-header h2{margin:0}.ds-dialog-header button{flex:none}
.invite-tree,.invite-tree ul{list-style:none;padding-left:var(--space-4);border-left:1px solid var(--line)}.invite-tree li{margin:var(--space-2) 0}