:root{--abyss:#060d0a;--deep:#0a1310;--column:#0e1a15;--panel:#12211b;--panel-hi:#182b23;--line:#23392f;--line-hi:#335646;--ink:#e2ece6;--ink-dim:#a9c0b5;--ink-mute:#7a938a;--amber:#ffb020;--amber-dim:#b87d16;--cyan:#35e0d0;--cyan-dim:#1d9b90;--warn:#ff6b4a;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--r:3px;--maxw:1180px;--gut:clamp(1rem, 4vw, 2.5rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--deep);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:linear-gradient(180deg, var(--column) 0%, var(--deep) 45%, var(--abyss) 100%);background-attachment:fixed;margin:0;font-size:16px;line-height:1.65}a{color:var(--cyan);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--amber)}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;font-weight:620;line-height:1.15}h1{font-size:clamp(2rem,5.5vw,3.4rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.05rem}p{margin:0 0 1rem}.wrap{max-width:var(--maxw);padding-inline:var(--gut);margin:0 auto}.tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);align-items:center;gap:.7rem;margin-bottom:.9rem;font-size:.68rem;display:flex}.tag:after{content:"";background:linear-gradient(90deg, var(--line-hi), transparent);flex:1;height:1px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.readout{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-dim);font-size:.78rem}.btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-hi);border-radius:var(--r);background:var(--panel-hi);color:var(--ink);cursor:pointer;padding:.7rem 1.2rem;font-size:.75rem;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-block}.btn:hover{border-color:var(--amber);color:var(--amber);background:var(--panel)}.btn--primary{border-color:var(--amber-dim);color:var(--amber)}.btn--primary:hover{background:var(--amber);color:var(--abyss);border-color:var(--amber)}.masthead{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#060d0ad1;position:sticky;top:0}.masthead__in{max-width:var(--maxw);padding:.85rem var(--gut);flex-wrap:wrap;align-items:center;gap:1.5rem;margin:0 auto;display:flex}.brand{font-family:var(--mono);letter-spacing:.01em;color:var(--ink);align-items:center;gap:.55rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.brand b{color:var(--amber);font-weight:700}.brand:hover{color:var(--ink)}.nav{flex-wrap:wrap;gap:1.4rem;margin-left:auto;display:flex}.nav a{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:.74rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--amber)}.foot{border-top:1px solid var(--line);color:var(--ink-mute);margin-top:5rem;padding:2.5rem 0 3.5rem;font-size:.85rem}.foot a{color:var(--ink-dim)}:where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}#swatches button{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;background:var(--column);padding:0;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}#swatches button:hover{border-color:var(--line-hi)}#swatches button[aria-checked=true]{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}#swatches canvas{width:100%;height:100%;display:block}#palette{gap:.3rem;display:grid}#palette button{border:1px solid var(--line);border-radius:var(--r);background:var(--column);width:100%;color:var(--ink-dim);cursor:pointer;font-family:var(--mono);text-align:left;align-items:center;gap:.6rem;padding:.4rem .55rem;font-size:.74rem;transition:all .12s;display:flex}#palette button:hover{border-color:var(--line-hi);color:var(--ink)}#palette button[aria-checked=true]{border-color:var(--amber);color:var(--ink);background:var(--panel-hi)}#palette button i{border-radius:2px;flex:none;width:14px;height:14px;display:block}#palette button span{flex:1}#palette button em{color:var(--ink-mute);font-size:.68rem;font-style:normal}#cookie-banner[data-astro-cid-hq3mgpmn]{inset-inline:0;z-index:60;background:var(--panel);border-top:1px solid var(--line-hi);position:fixed;bottom:0}.cb__in[data-astro-cid-hq3mgpmn]{max-width:var(--maxw);padding:.9rem var(--gut);flex-wrap:wrap;align-items:center;gap:1rem;margin:0 auto;display:flex}.cb__in[data-astro-cid-hq3mgpmn] p[data-astro-cid-hq3mgpmn]{min-width:15rem;color:var(--ink-dim);flex:1;margin:0;font-size:.84rem}.cb__btns[data-astro-cid-hq3mgpmn]{flex-shrink:0;gap:.55rem;display:flex}.cb__btns[data-astro-cid-hq3mgpmn] .btn[data-astro-cid-hq3mgpmn]{padding:.5rem 1rem}