:root{--midnight-rgb:2, 7, 10;--blue-rgb:2, 151, 222;--orange-rgb:252, 115, 77;--blue-text-light-rgb:2, 116, 171;--orange-text-light-rgb:210, 48, 4;--blue-hover-light-rgb:3, 134, 197;--blue-hover-dark-rgb:31, 162, 224;--midnight:rgb(var(--midnight-rgb));--blue:rgb(var(--blue-rgb));--orange:rgb(var(--orange-rgb));--blue-text-light:rgb(var(--blue-text-light-rgb));--orange-text-light:rgb(var(--orange-text-light-rgb));--bg:#f2f2f2;--card:#fff9;--line:#0000001f;--tag:#0000000d;--text:#0a0a0a;--muted:#555;--accent:var(--blue-text-light);--accent-fill:var(--blue);--accent-fill-hover:rgb(var(--blue-hover-light-rgb));--accent2:var(--orange);--accent-t:var(--midnight);--orange-mark:var(--orange-text-light);--bin-rgb:var(--blue-text-light-rgb);--shadow:0 10px 34px #0000001f, inset 0 1px 0 #ffffffe6;--step-4:clamp(2.75rem, 1.6rem + 5.6vw, 5rem);--step-3:clamp(1.75rem, 1.2rem + 2.4vw, 2.5rem);--step-1:1.25rem;--step-0:1rem;--step--1:.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-pill:999px;--radius-field:10px;--radius-panel:16px;--motion-press:.12s ease-out;--motion-colour:.16s ease-out;--target:2.75rem;--gutter:1.25rem;--content-max:860px;--nav-h:6.5rem;--dock-h:calc(4.25rem + env(safe-area-inset-bottom,0px))}@media (width>=600px){:root{--nav-h:4rem}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--midnight);--card:#ffffff0f;--line:#ffffff29;--tag:#ffffff14;--text:#f2f2f2;--muted:#9a9a9a;--accent:var(--blue);--accent-fill:var(--blue);--accent-fill-hover:rgb(var(--blue-hover-dark-rgb));--accent2:var(--orange);--accent-t:var(--midnight);--orange-mark:var(--orange);--bin-rgb:var(--blue-rgb);--shadow:0 10px 34px #00000080, inset 0 1px 0 #ffffff29}}:root[data-theme=dark]{--bg:var(--midnight);--card:#ffffff0f;--line:#ffffff29;--tag:#ffffff14;--text:#f2f2f2;--muted:#9a9a9a;--accent:var(--blue);--accent-fill:var(--blue);--accent-fill-hover:rgb(var(--blue-hover-dark-rgb));--accent2:var(--orange);--accent-t:var(--midnight);--orange-mark:var(--orange);--bin-rgb:var(--blue-rgb);--shadow:0 10px 34px #00000080, inset 0 1px 0 #ffffff29}html,body{height:100%;overflow:hidden}*{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--step-0);margin:0;line-height:1.6}nav{z-index:10;background:var(--card);-webkit-backdrop-filter:blur(18px)saturate(1.6);height:calc(var(--nav-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--gutter), calc((100% - var(--content-max)) / 2)) 0;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{min-height:var(--target);letter-spacing:-.01em;white-space:nowrap;align-items:center;font-weight:650;display:flex}.links{flex-wrap:nowrap;justify-content:space-between;display:flex}.links a{min-height:var(--target);color:var(--muted);padding:0 var(--space-2);white-space:nowrap;transition:color var(--motion-colour);align-items:center;text-decoration:none;display:inline-flex}@media (width<=599px){.links a{padding:0 .125rem}}@media (width<=359px){.links a{font-size:var(--step--1)}}@media (width>=600px){nav{flex-direction:row;justify-content:space-between;align-items:center}.links{gap:var(--space-1)}.links a{padding:0 var(--space-3)}}.links a:hover{color:var(--text)}.links a.on{color:var(--text);text-decoration:underline 2px var(--accent);text-underline-offset:.4em;font-weight:600}.prog{background:linear-gradient(90deg, var(--accent-fill), var(--accent2));transform-origin:0;width:100%;height:2px;transform:scaleX(var(--prog,0));position:absolute;bottom:-1px;left:0}.ctl{z-index:10;height:var(--dock-h);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:center;align-items:center;gap:var(--space-3);background:var(--card);-webkit-backdrop-filter:blur(18px)saturate(1.6);border-top:1px solid var(--line);box-shadow:var(--shadow);display:flex;position:fixed;bottom:0;left:0;right:0}.dots{align-items:center;display:flex}.arrow{width:var(--target);height:var(--target);border-radius:var(--radius-pill);background:var(--tag);color:var(--text);cursor:pointer;font-size:var(--step-1);transition:background-color var(--motion-colour), opacity var(--motion-colour), transform var(--motion-press);border:0}.arrow:hover:not(:disabled){background:var(--line)}.arrow:active:not(:disabled){transform:scale(.98)}.arrow:disabled{opacity:.35;cursor:default}.dot{width:1.75rem;height:var(--target);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.dot:before,.dot:after{content:"";border-radius:var(--radius-pill);height:.5rem;margin:auto;position:absolute;inset:0}.dot:before{background:var(--muted);opacity:.6;width:.5rem;transition:opacity var(--motion-colour)}.dot:after{background:var(--accent-fill);opacity:0;width:1.25rem;transition:transform .24s cubic-bezier(.2, .8, .2, 1), opacity var(--motion-colour);transform:scaleX(.4)}.dot.on:before{opacity:0}.dot.on:after{opacity:1;transform:none}main{top:calc(var(--nav-h) + env(safe-area-inset-top,0px));bottom:var(--dock-h);z-index:1;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;display:flex;position:fixed;left:0;right:0;overflow:auto hidden}main::-webkit-scrollbar{display:none}main.drag{cursor:grabbing;user-select:none}section{width:100%;height:100%;padding:var(--space-6) max(var(--gutter), calc((100% - var(--content-max)) / 2));scroll-snap-align:center;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;display:flex;overflow-y:auto}section>:first-child{margin-top:auto}section>:last-child{margin-bottom:auto}h1{font-size:var(--step-4);letter-spacing:-.04em;margin:0 0 var(--space-5);line-height:1}h2{font-size:var(--step-3);letter-spacing:-.03em;margin:0 0 var(--space-5);line-height:1.1}h3{font-size:var(--step-1);margin:0;font-weight:600;line-height:1.4}p{max-width:68ch;margin:0}.lead{font-size:var(--step-1);line-height:1.4}.hero-note,.status,.note,.dates,label,.tag{font-size:var(--step--1);line-height:1.45}.hero-note,.status,.note,.dates{color:var(--muted)}.row{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}#home .row{margin-top:var(--space-6)}.hero-note,.status{margin-top:var(--space-3)}.status{min-height:1.45em}.note{margin-top:var(--space-5)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-5);-webkit-backdrop-filter:blur(18px)saturate(1.6)}@media (width>=600px){.panel{padding:var(--space-6)}}.lead+.panel,.lead+.row+.panel,.panel>*+*{margin-top:var(--space-6)}.group>h3{margin-bottom:var(--space-3)}.group>p+p{margin-top:var(--space-3)}.dates{font-variant-numeric:tabular-nums}.position ul{margin:var(--space-3) 0 0;padding-left:var(--space-5)}.select-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=760px){.select-grid{grid-template-columns:repeat(3,1fr)}}.select-grid>div{display:flex}.tile{gap:var(--space-3);width:100%;padding:var(--space-5);color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(18px)saturate(1.6);transition:opacity var(--motion-colour), border-color var(--motion-colour), box-shadow var(--motion-colour), transform var(--motion-colour);flex-direction:column;text-decoration:none;display:flex;position:relative}.tile:before,.tile:after{content:"";border:2px solid var(--orange-mark);opacity:0;width:1.1rem;height:1.1rem;transition:opacity var(--motion-colour);pointer-events:none;position:absolute}.tile:before{border-bottom:0;border-right:0;border-top-left-radius:6px;top:-5px;left:-5px}.tile:after{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:-5px;right:-5px}.select-grid.has-selection .tile{opacity:.7}.select-grid .tile.is-selected{opacity:1;border-color:var(--accent-fill);box-shadow:0 0 0 1px var(--accent-fill), 0 0 28px rgba(var(--blue-rgb), .35);transform:translateY(-3px)}.tile.is-selected:before,.tile.is-selected:after{opacity:1}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tile-top{justify-content:space-between;align-items:center;display:flex}.tile-number{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums}.tile-status{font-size:var(--step--1);color:var(--accent);font-weight:600}.tile-status.soon{color:var(--muted)}.tile-name{font-size:var(--step-1);letter-spacing:-.01em;font-weight:650}.tile-summary{color:var(--muted);line-height:1.5}.tile-stack{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.select-bar{align-items:center;gap:var(--space-2);max-width:none;margin-top:var(--space-5);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;display:flex}.select-cursor{color:var(--orange-mark)}.select-hint{color:var(--muted);margin-left:auto}@media (hover:none){.select-bar{display:none}}@media (prefers-reduced-motion:reduce){.tile,.tile:before,.tile:after{transition:none}.select-grid .tile.is-selected{transform:none}}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{background:var(--tag);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3)}.btn{min-height:var(--target);background:var(--accent-fill);color:var(--accent-t);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font:inherit;cursor:pointer;transition:background-color var(--motion-colour), transform var(--motion-press);border:0;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-fill-hover)}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn.ghost:hover{background:var(--tag)}label{margin:0 0 var(--space-2);font-weight:600;display:block}.panel>label{margin-top:var(--space-4)}.panel>label:first-child,.panel>input,.panel>textarea{margin-top:0}.row>.status{flex:14rem;align-self:center;margin-top:0}.panel>.row{margin-top:var(--space-5)}input,textarea{background:var(--tag);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-field);padding:var(--space-3);font:inherit;display:block}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:140px}.links a:focus-visible,.btn:focus-visible,.arrow:focus-visible,.dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#bits{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.links a,.btn,.arrow,.dot:before,.dot:after{transition:none}.btn:active,.arrow:active:not(:disabled){transform:none}}
