@font-face{font-family:Manrope;src:url(Manrope.ttf);font-weight:200 800;font-display:swap}
@font-face{font-family:Plex;src:url(IBMPlexMono-Regular.ttf);font-display:swap}
:root{color-scheme:light;--bg:#f4f3eb;--text:#171c1b;--muted:#536349;--panel:#fff;--line:#a9b5ad;--accent:#d5f36a;font:16px/1.65 Manrope,Arial,sans-serif;color:var(--text);background:var(--bg)}
:root[data-theme=dark]{color-scheme:dark;--bg:#171c1b;--text:#f4f3eb;--muted:#a9b5ad;--panel:#242c29;--line:#76817a}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,.button{display:inline-block;background:var(--accent);color:#171c1b;border:1px solid transparent;border-radius:12px;padding:12px 20px;font-weight:700;text-decoration:none;cursor:pointer;min-height:48px}button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;color:var(--text);border-color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--muted);outline-offset:4px}header,main,footer{max-width:1240px;margin:auto;padding:24px 32px}header,nav,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}nav{flex-wrap:wrap;font-size:.9rem}.logo{width:200px;max-width:100%;display:block}.dark{display:none}[data-theme=dark] .light{display:none}[data-theme=dark] .dark{display:block}select{max-width:100%;padding:8px;background:var(--panel);color:var(--text);border:1px solid var(--muted);border-radius:8px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--panel);padding:12px;z-index:2}.intro{padding:72px 0 96px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}h1{font-size:clamp(2.6rem,5.2vw,4.8rem);line-height:1.08;letter-spacing:-.055em;margin:16px 0 24px;max-width:800px}h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.035em}h3{font-size:1.35rem;margin:16px 0 8px}.lead{font-size:1.15rem;max-width:680px;color:var(--muted)}.eyebrow,.number{font: .8rem/1.5 Plex,monospace;letter-spacing:.08em;color:var(--muted)}.hero .button{margin-top:20px}.panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.specimen{border-radius:24px;padding:32px;background:#242c29;color:#f4f3eb;transform:rotate(2deg)}.specimen .eyebrow{color:#a9b5ad}.specimen h2{font-size:1.7rem}.specimen>p:last-child{font-size:.8rem;color:#a9b5ad}.rings{position:relative;width:180px;height:180px;border:2px solid #a9b5ad;border-radius:50%;margin:32px auto;box-shadow:0 0 0 20px #a9b5ad10,inset 0 0 0 36px #a9b5ad10}.rings span{position:absolute;color:#d5f36a;font-size:3rem;line-height:1}.rings span:nth-child(1){left:75px;top:45px}.rings span:nth-child(2){left:50px;top:85px}.rings span:nth-child(3){left:100px;top:90px}dl{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}dt{font-size:.8rem}dd{font:1.6rem Plex,monospace;margin:6px 0}dd small{font-size:.8rem}section{scroll-margin-top:24px;margin-bottom:72px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid article p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.closing{padding:48px;max-width:960px}.muted{color:var(--muted);font-size:.9rem}hr{border:0;border-top:1px solid var(--line);margin:28px 0}footer{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}footer span{margin-right:auto}.compact{padding-bottom:16px;margin-bottom:32px}.compact h1{font-size:clamp(2.4rem,5vw,4rem)}form{display:grid;gap:20px;max-width:480px}form label{display:grid;gap:6px}input{width:100%;padding:12px;border:1px solid var(--muted);border-radius:12px;background:var(--bg);color:var(--text)}#status{min-height:28px}#entries article{border-top:1px solid var(--line);padding:20px 0;overflow-wrap:anywhere}#entries button{margin:8px 12px 0 0}#detail dl{display:grid;grid-template-columns:1fr 1fr}#detail dd{font-size:1rem;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.hero,.split,.grid{grid-template-columns:1fr;gap:28px}header,main,footer{padding:20px}.intro{padding:32px 0 48px}.specimen{transform:none}section{margin-bottom:48px}.closing{padding:24px}.logo{width:180px}.toolbar{flex-wrap:wrap}#detail dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}