@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote,fieldset{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}fieldset{border:0;min-width:0;padding:0}img,svg,canvas,video{max-width:100%;display:block}img{height:auto}input,button,select,textarea{font:inherit;color:inherit}}@layer base{:root{--bg:#121318;--bg-raised:#191a20;--fg:#f2f2f6;--fg-soft:#f2f2f6a3;--line:#f2f2f624;--line-strong:#f2f2f64d;--paper:#f2f2f6;--ink:#131419;--ink-soft:#131419a8;--line-ink:#13141924;--accent:#9ed8db;--accent-ink:#0b1a22;--navy:#14304f;--glass:#1d1e25c7;--glass-strong:#1d1e25f0;--font:"Geist Variable", "Geist", "Segoe UI", system-ui, sans-serif;--mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "Cascadia Mono", monospace;--fs-mono:.75rem;--fs-sm:.875rem;--fs-ui:1rem;--fs-base:1.0625rem;--fs-md:1.25rem;--fs-lg:clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);--fs-xl:clamp(2.5rem, 1.4rem + 4.6vw, 5.5rem);--fs-display:clamp(3.4rem, 1rem + 8.6vw, 9.5rem);--track-display:-.06em;--track-tight:-.035em;--radius:10px;--max:82rem;--gutter:clamp(1rem, 3.5vw, 3rem);--section:clamp(5rem, 3rem + 8vw, 10rem);--ease-out:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=green]{--bg:#0f1c16;--bg-raised:#15261e;--fg:#f3f0e8;--fg-soft:#f3f0e8a8;--line:#f3f0e824;--line-strong:#f3f0e84d;--paper:#f6f1e6;--ink:#1e3b2f;--ink-soft:#1e3b2fb8;--line-ink:#1e3b2f29;--accent:#a9d4b6;--accent-ink:#10271c;--navy:#1e3b2f;--glass:#15261ecc;--glass-strong:#15261ef2}:root[data-theme=green] img[src*=mark-on-navy],:root[data-theme=green] img[src*=wordmark-on-navy]{filter:hue-rotate(-42deg)saturate(.75)}html{-webkit-text-size-adjust:100%;background:var(--bg);color-scheme:dark;scroll-padding-top:5rem}body{min-height:100vh;font-family:var(--font);font-size:var(--fs-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55}h1,h2,h3,h4{letter-spacing:var(--track-display);text-wrap:balance;font-weight:700;line-height:1.02}h3,h4{letter-spacing:var(--track-tight);line-height:1.2}p,li,dd{text-wrap:pretty}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}strong{font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-ink)}}@layer components{.container{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto;position:relative}.section{padding-block:var(--section)}.tone-paper{background:var(--paper);color:var(--ink)}.tone-paper :focus-visible{outline-color:var(--ink)}.band{padding-block:clamp(3.5rem,2.5rem + 4vw,6.5rem)}.band-raised{background:var(--bg-raised);border-top:1px solid var(--line)}.mono{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:-.02em;text-transform:uppercase;font-weight:400;line-height:1.25}.soft{color:var(--fg-soft)}.tone-paper .soft{color:var(--ink-soft)}.display{font-size:var(--fs-display);letter-spacing:var(--track-display);font-weight:700;line-height:1.02}.headline{font-size:var(--fs-xl);letter-spacing:var(--track-display);font-weight:700;line-height:1.02}.label-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:.9rem;display:flex}.tone-paper .label-row{border-color:var(--line-ink)}.btn{min-height:2.75rem;font-size:var(--fs-ui);letter-spacing:-.02em;cursor:pointer;transition:background-color .2s, color .2s, border-color .2s, transform .2s var(--ease-out);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.55em;padding:.6rem 1.05rem;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn svg{flex:none;width:1.05em;height:1.05em}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:#b9e6e8}.btn-dark{background:var(--ink);color:var(--fg)}.btn-dark:hover{background:#24262e}.btn-line{border-color:var(--line-strong);color:inherit;background:0 0}.btn-line:hover{border-color:var(--accent);color:var(--accent)}.tone-paper .btn-line{border-color:#1314194d}.tone-paper .btn-line:hover{border-color:var(--ink);color:var(--ink)}.btn.is-todo{opacity:.6;cursor:not-allowed;border-style:dashed;border-color:currentColor}.todo{outline-offset:2px;background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:2px;outline:1px dashed}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:-.02em;text-transform:uppercase;vertical-align:top;padding:.62rem 0;font-weight:400}.table th{color:var(--fg-soft);padding-bottom:1.4rem}.tone-paper .table th{color:var(--ink-soft)}.table th:last-child,.table td:last-child{text-align:right}.table tbody tr{border-top:1px solid #0000}.table a{text-decoration:none}.table tbody tr:hover a{text-decoration:underline}.reveal-line{width:fit-content;position:relative}.reveal-bar{pointer-events:none;background:currentColor;position:absolute;inset:.06em -.04em;transform:scaleX(0)}.bracket:before{content:"[  "}.bracket:after{content:"  ]"}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:.75rem 1rem;font-weight:600;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}}