:root{--paper:#fdfbf3;--paper-sunk:#f6f0dd;--paper-raised:#fffefa;--butter:#ffefb3;--butter-deep:#ffe38d;--butter-wash:#fff9e2;--ink:#013e37;--ink-2:#33605a;--ink-3:#48706a;--ink-deep:#012b26;--on-ink:#ffefb3;--on-ink-2:#c2b78b;--line:#013e3724;--line-soft:#013e3712;--line-on-ink:#ffefb338;--line-on-ink-soft:#ffefb31f;--danger:#a12d1a;--danger-wash:#fdefeb;--success:#2c6b46;--success-wash:#edf5ef;--warn:#845506;--warn-wash:#fdf4e2;--font-sans:var(--font-montserrat,ui-sans-serif), system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:var(--font-fraunces,ui-serif), Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--step--1:clamp(.79rem, .77rem + .09vw, .84rem);--step-0:clamp(.94rem, .91rem + .13vw, 1rem);--step-1:clamp(1.13rem, 1.07rem + .28vw, 1.27rem);--step-2:clamp(1.35rem, 1.25rem + .5vw, 1.6rem);--step-3:clamp(1.62rem, 1.45rem + .83vw, 2.03rem);--step-4:clamp(1.94rem, 1.68rem + 1.3vw, 2.57rem);--step-5:clamp(2.33rem, 1.93rem + 1.99vw, 3.25rem);--step-6:clamp(2.8rem, 2.2rem + 2.98vw, 4.11rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--radius-xs:6px;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-xl:28px;--radius-pill:999px;--shadow-s:0 1px 2px #013e370d;--shadow-m:0 6px 20px -8px #013e3724;--shadow-l:0 18px 48px -18px #013e373d;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.16s;--dur-hover:.18s;--dur-enter:.24s;--dur-exit:.15s;--wrap:68rem;--wrap-narrow:46rem;--header-h:4rem}.on-ink{--paper:var(--ink-deep);--paper-sunk:#01221e;--paper-raised:#023029;--ink:var(--on-ink);--ink-2:var(--on-ink-2);--ink-3:var(--on-ink-2);--line:var(--line-on-ink);--line-soft:var(--line-on-ink-soft);background:var(--ink-deep);color:var(--on-ink)}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#013e3747 transparent}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:450;line-height:1.6}img,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}::selection{background:var(--butter);color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#013e3738}::-webkit-scrollbar-thumb:hover{background:#013e375c}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--radius-xs)}.on-ink :focus-visible{outline-color:var(--butter)}h1,h2,h3,h4{letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1.1}h1{font-size:var(--step-5);letter-spacing:-.04em;font-weight:800}h2{font-size:var(--step-4)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{text-wrap:pretty}.serif{font-family:var(--font-serif);font-optical-sizing:auto;font-variation-settings:"SOFT" 30, "WONK" 1;letter-spacing:-.01em;font-weight:400}.lede{font-family:var(--font-serif);font-optical-sizing:auto;font-variation-settings:"SOFT" 40, "WONK" 1;font-size:var(--step-1);color:var(--ink-2);text-wrap:pretty;font-weight:400;line-height:1.55}.eyebrow{align-items:center;gap:var(--space-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:.7rem;font-weight:700;display:inline-flex}.mono{font-family:var(--font-mono);letter-spacing:-.02em;font-variant-ligatures:none;font-size:.9em}.muted{color:var(--ink-2)}.quiet{color:var(--ink-3)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--space-m);margin-inline:auto}.wrap-narrow{width:100%;max-width:var(--wrap-narrow);padding-inline:var(--space-m);margin-inline:auto}.stack>*+*{margin-block-start:var(--stack-gap,var(--space-s))}.cluster{align-items:center;gap:var(--cluster-gap,var(--space-2xs));flex-wrap:wrap;display:flex}.split{justify-content:space-between;align-items:center;gap:var(--space-s);display:flex}.divider{background:var(--line);border:0;height:1px}.row{align-items:center;gap:var(--gap,.5rem);display:flex}.row--top{align-items:flex-start}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.col{gap:var(--gap,.5rem);flex-direction:column;display:flex}.grow{flex:1;min-inline-size:0}.noshrink{flex-shrink:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-2,.grid-3{gap:var(--gap,.75rem);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.scroll-y{min-block-size:0;overflow-y:auto}.btn{--btn-bg:transparent;--btn-fg:var(--ink);--btn-border:transparent;justify-content:center;align-items:center;gap:var(--space-2xs);border-radius:var(--radius-m);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--step--1);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-hover) ease, border-color var(--dur-hover) ease, color var(--dur-hover) ease, box-shadow var(--dur-hover) var(--ease-out);padding:.7rem 1.15rem;font-weight:650;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:active{transform:none}.btn--primary{--btn-bg:var(--ink);--btn-fg:var(--butter);--btn-border:var(--ink)}.btn--accent{--btn-bg:var(--butter);--btn-fg:var(--ink-deep);--btn-border:var(--butter)}.btn--outline{--btn-bg:transparent;--btn-fg:var(--ink);--btn-border:var(--line)}.btn--quiet{--btn-fg:var(--ink-2);padding-inline:.7rem}.btn--danger{--btn-fg:var(--danger)}.btn--sm{border-radius:var(--radius-s);padding:.45rem .8rem;font-size:.78rem}.btn--lg{font-size:var(--step-0);border-radius:var(--radius-l);padding:.9rem 1.6rem}.btn--block{width:100%}.btn--icon{border-radius:var(--radius-s);padding:.45rem}@media (hover:hover) and (pointer:fine){.btn--primary:hover:not(:disabled){--btn-bg:#01524a;--btn-border:#01524a}.btn--accent:hover:not(:disabled){--btn-bg:var(--butter-deep);--btn-border:var(--butter-deep)}.btn--outline:hover:not(:disabled){--btn-bg:var(--butter-wash);--btn-border:var(--ink-3)}.btn--quiet:hover:not(:disabled),.btn--danger:hover:not(:disabled){--btn-bg:var(--paper-sunk)}.btn--danger:hover:not(:disabled){--btn-bg:var(--danger-wash)}}.pressable{transition:transform var(--dur-press) var(--ease-out)}.pressable:active{transform:scale(.97)}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-m)}.card--sunk{background:var(--paper-sunk);border-color:#0000}.card--butter{background:var(--butter);border-color:#0000}.panel{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-m)}.tile{transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) ease, background-color var(--dur-hover) ease}.tile:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.tile--lift:hover{box-shadow:var(--shadow-m);border-color:var(--ink-3);transform:translateY(-2px)}.tile--grow:hover{transform:scale(1.04)}.tile--nudge:hover{box-shadow:var(--shadow-m);transform:scale(1.015)}.tile:hover .zoom-img{transform:scale(1.04)}.tile:hover .img-overlay,.img-zone:hover .img-overlay{opacity:1}}.zoom-img{transition:transform .2s var(--ease-out)}.img-overlay{opacity:0;color:var(--butter);transition:opacity var(--dur-hover) ease;background:#012b2657;place-items:center;display:grid;position:absolute;inset:0}.img-overlay:focus-visible{opacity:1}.field{flex-direction:column;gap:.35rem;display:flex}.label{letter-spacing:-.01em;color:var(--ink-2);font-size:.8rem;font-weight:650}.input,.textarea,.select{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper-raised);width:100%;color:var(--ink);font-size:var(--step--1);transition:border-color var(--dur-hover) ease, box-shadow var(--dur-hover) ease, background-color var(--dur-hover) ease;outline:none;padding:.72rem .9rem}.input::placeholder,.textarea::placeholder{color:var(--ink-3);opacity:.75}.input:focus,.textarea:focus,.select:focus{border-color:var(--ink);box-shadow:0 0 0 3px #013e371a}.input[data-invalid=true],.textarea[data-invalid=true]{border-color:var(--danger)}.input[data-invalid=true]:focus{box-shadow:0 0 0 3px #a12d1a1f}.textarea{resize:vertical;min-height:5rem}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%);background-position:calc(100% - 1rem) 55%,calc(100% - .68rem) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:2rem}.input-group{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper-raised);transition:border-color var(--dur-hover) ease, box-shadow var(--dur-hover) ease;align-items:center;display:flex;overflow:hidden}.input-group:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #013e371a}.input-group .input{box-shadow:none;background:0 0;border:0;border-radius:0}.input-group[data-state=taken]{border-color:var(--danger)}.input-group[data-state=available]{border-color:var(--success)}.input-group__affix{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;padding-inline:.9rem;font-size:.78rem}.chip{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper-raised);color:var(--ink-2);transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-hover) ease, border-color var(--dur-hover) ease, color var(--dur-hover) ease;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .8rem;font-size:.78rem;font-weight:650;display:inline-flex}.chip:active{transform:scale(.97)}.chip[data-active=true]{background:var(--butter);border-color:var(--ink);color:var(--ink)}.chip[aria-disabled=true]{opacity:.5}@media (hover:hover) and (pointer:fine){.chip:hover{background:var(--butter-wash);border-color:var(--ink-3)}.chip[data-active=true]:hover{background:var(--butter-deep)}}.chip--grow{flex:1}.chip--dashed{background:0 0;border-style:dashed}.tag{border-radius:var(--radius-xs);background:var(--paper-sunk);color:var(--ink-2);letter-spacing:.01em;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.68rem;font-weight:650;display:inline-flex}.tag[data-tone=accent]{background:var(--butter);color:var(--ink)}.tag[data-tone=success]{background:var(--success-wash);color:var(--success)}.tag[data-tone=danger]{background:var(--danger-wash);color:var(--danger)}.switch{border-radius:var(--radius-pill);background:var(--line);block-size:1.5rem;inline-size:2.5rem;transition:background-color var(--dur-hover) ease;flex-shrink:0;position:relative}.switch[data-on=true]{background:var(--ink)}.switch__knob{background:var(--paper-raised);block-size:1.13rem;inline-size:1.13rem;box-shadow:var(--shadow-s);transition:transform var(--dur-press) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:.185rem;inset-inline-start:.185rem}.switch[data-on=true] .switch__knob{background:var(--butter);transform:translate(1rem)}.range{appearance:none;cursor:pointer;background:0 0;block-size:1.25rem;inline-size:100%}.range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--paper-sunk);block-size:4px}.range::-moz-range-track{border-radius:var(--radius-pill);background:var(--paper-sunk);block-size:4px}.range::-webkit-slider-thumb{appearance:none;background:var(--ink);border:2px solid var(--butter);block-size:16px;inline-size:16px;transition:transform var(--dur-press) var(--ease-out);border-radius:50%;margin-block-start:-6px}.range::-moz-range-thumb{border:2px solid var(--butter);background:var(--ink);border-radius:50%;block-size:16px;inline-size:16px}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.check{block-size:1.05rem;inline-size:1.05rem;accent-color:var(--ink);flex-shrink:0;margin-block-start:.15rem}.note{align-items:flex-start;gap:var(--space-2xs);border-radius:var(--radius-m);border:1px solid var(--line);background:var(--paper-sunk);color:var(--ink-2);font-size:var(--step--1);padding:.7rem .85rem;display:flex}.note[data-tone=danger]{background:var(--danger-wash);color:var(--danger);border-color:#a12d1a33}.note[data-tone=success]{background:var(--success-wash);color:var(--success);border-color:#2c6b4633}.note[data-tone=warn]{background:var(--warn-wash);color:var(--warn);border-color:#84550633}.note svg{flex-shrink:0;margin-block-start:.15rem}.progress{inline-size:100%;block-size:var(--progress-h,6px);border-radius:var(--radius-pill);background:var(--track,var(--paper-sunk));display:block;overflow:hidden}.progress__fill{border-radius:var(--radius-pill);transform-origin:0;background:var(--ink);block-size:100%;display:block}.collapse{transition:grid-template-rows var(--dur-enter) var(--ease-out);grid-template-rows:0fr;display:grid}.collapse[data-open=true]{grid-template-rows:1fr}.collapse__inner{min-block-size:0;overflow:hidden}.hold-target{position:relative;overflow:hidden}.hold-fill{background:var(--danger-wash);clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--ease-out);position:absolute;inset:0}.hold-target[data-holding=true] .hold-fill{clip-path:inset(0);transition:clip-path 1.6s linear}.spinner{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--paper-sunk);border-radius:var(--radius-s);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes growUp{0%{transform:scaleY(0)}}@keyframes growRight{0%{transform:scaleX(0)}}@keyframes drift{50%{transform:translateY(-8px)}}.rise{animation:riseIn .45s var(--ease-out) both}.fade{animation:fadeIn .4s var(--ease-out) both}.drift{animation:6s ease-in-out infinite drift}.bar-fill{animation:growRight .6s var(--ease-out) both}.bar-grow{transform-origin:bottom;animation:growUp .4s var(--ease-out) both}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.reveal{opacity:0;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out);transform:translateY(10px)}.reveal[data-visible=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drift,.bar-fill,.bar-grow{animation:none}.rise,.fade{animation:.2s both fadeIn;animation-delay:0s!important}.reveal{transition:opacity .2s;transform:none}.btn:active,.chip:active,.pressable:active,.tile:active,.tile--lift:hover,.tile--grow:hover,.tile--nudge:hover,.tile:hover .zoom-img{transform:none}.range:active::-webkit-slider-thumb{transform:none}.switch__knob{transition:none}}.input--sm,.select--sm{border-radius:var(--radius-s);padding:.45rem .65rem;font-size:.78rem}.select--sm{padding-inline-end:1.7rem}.chip--sm{padding:.3rem .6rem;font-size:.68rem}.chip--block{justify-content:center;inline-size:100%}.chip--icon{block-size:2.5rem;inline-size:2.5rem;padding:0}.chip--stack{flex-direction:column;gap:.2rem;padding-block:.55rem}.chip--file{cursor:pointer}.chip--file[aria-disabled=true]{pointer-events:none}.btn--dangerSolid{--btn-bg:var(--danger);--btn-fg:#fff;--btn-border:var(--danger)}@media (hover:hover) and (pointer:fine){.btn--dangerSolid:hover:not(:disabled){--btn-bg:#8b2415;--btn-border:#8b2415}}.grid-5{gap:var(--gap,.5rem);grid-template-columns:repeat(5,1fr);display:grid}
