*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0a0a0a;color:#f5f1e8;font:16px/1.7 system-ui,sans-serif}.site{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--f)}main{max-width:960px;margin:auto;padding:56px 20px 150px}.hero{text-align:center;padding:48px 0 32px}.tag{display:inline-block;border:1px solid var(--yellow);color:var(--yellow);border-radius:999px;padding:6px 16px;font-weight:600;font-size:.9rem}h1{font-size:clamp(3rem,13vw,6.5rem);line-height:1;margin:20px 0 12px;letter-spacing:-.02em}h1,h2{font-weight:800;color:var(--yellow)}h2{font-size:1.8rem;margin:56px 0 20px}h3{margin:0 0 6px;color:var(--text)}.sub{max-width:54ch;margin:0 auto 28px;opacity:.75}.ask{max-width:640px;margin:auto;text-align:left;display:grid;grid-gap:10px;gap:10px;background:#141414;border:1px solid #2b2b2b;border-radius:var(--r);padding:16px}.ask:focus-within{border-color:var(--red)}textarea{width:100%;min-height:84px;border:0;background:transparent;color:inherit;font:inherit;resize:vertical;outline:none}.btn{font:600 1rem var(--f,system-ui);background:var(--red);color:#fff;border:0;border-radius:999px;padding:11px 22px;cursor:pointer;text-decoration:none;display:inline-block;justify-self:end;transition:transform .2s}.btn.y{background:var(--yellow,#ffd400);color:#0a0a0a}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--yellow,#ffd400);outline-offset:3px}.out{max-width:640px;margin:16px auto 0;text-align:left;background:#141414;border-left:4px solid var(--red);border-radius:12px;padding:16px}.out small{opacity:.6}.err{color:#ff8a80}.grid,.stack{display:grid;grid-gap:16px;gap:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:#141414;border:1px solid #2b2b2b;border-radius:var(--r);padding:22px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--red)}.card p{opacity:.75;margin:0 0 12px}.tile{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:#141414;border:1px solid #2b2b2b;display:block}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--red);border-radius:999px;padding:10px 20px;font-weight:600}.about p{max-width:64ch;opacity:.8}.cta{text-align:center;margin-top:72px;background:#141414;border:1px solid #2b2b2b;border-radius:var(--r);padding:40px 20px}.cta h2{margin-top:0}.cta .btn{margin:6px}footer{text-align:center;opacity:.6;font-size:.85rem;margin-top:32px}.glass{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;gap:4px;max-width:calc(100% - 24px);overflow-x:auto;padding:8px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 10px 40px rgba(0,0,0,.5)}.glass a,.glass button{color:var(--text);text-decoration:none;font:600 .9rem var(--f);padding:9px 16px;border-radius:999px;border:0;background:transparent;cursor:pointer;white-space:nowrap}.glass a:hover,.glass button:hover{background:hsla(0,0%,100%,.12)}.glass a[aria-current]{background:var(--red);color:#fff}.wa{position:fixed;right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:800;text-decoration:none}.bn,.wa{z-index:19}.bn{position:fixed;left:12px;right:12px;max-width:440px;bottom:calc(86px + env(safe-area-inset-bottom,0px));background:#141414;border:1px solid #2b2b2b;border-radius:16px;padding:12px 14px;font-size:.85rem}.bn .btn{padding:6px 14px;margin:8px 6px 0 0}.dev{max-width:760px;margin:auto;padding:32px 20px 80px;color:#f5f1e8;background:#0a0a0a;min-height:100vh}.dev h1{font-size:2rem;margin:0 0 20px;color:#ffd400}.dev fieldset{border:1px solid #2b2b2b;border-radius:10px;margin:12px 0;padding:10px 14px}.dev legend{color:#ffd400;font-weight:600}.dev .r{display:grid;grid-template-columns:130px 1fr;grid-gap:8px;gap:8px;align-items:center;margin:6px 0}.dev input:not([type=checkbox]),.dev select,.dev textarea{background:#141414;color:#f5f1e8;border:1px solid #2b2b2b;border-radius:6px;padding:8px;font:inherit;width:100%}.dev input[type=color]{height:38px;padding:2px}.dev button{background:#141414;color:#f5f1e8;border:1px solid #2b2b2b;border-radius:6px;padding:6px 12px;cursor:pointer;margin:4px 6px 4px 0}.dev .btn{background:#e10600;color:#fff;border:0;border-radius:999px;padding:10px 22px}.dev .btn.y{background:#ffd400;color:#0a0a0a}.bar{position:-webkit-sticky;position:sticky;top:0;background:#0a0a0a;padding:10px 0;z-index:5;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dev a{color:#ffd400}.lg{display:grid;grid-gap:14px;gap:14px;max-width:360px}.lg label{display:grid;grid-gap:6px;gap:6px}.it{border-top:1px dashed #2b2b2b;padding-top:6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}.face{display:grid;place-items:center;margin-bottom:8px}.h2{font-size:1.8rem;margin:56px 0 20px;color:var(--yellow);font-weight:800;line-height:1.2}.cov{width:100%;max-height:320px;object-fit:cover;border-radius:var(--r);margin:0 0 12px;display:block}.dim{opacity:.6}.body{white-space:pre-wrap}a.card{color:inherit;text-decoration:none;display:block}.about a{color:var(--yellow)}.dev .tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px}.dev .tabs button.on{background:#e10600;border-color:#e10600}.dev .faces{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}.dev figure{margin:0;text-align:center;--yellow:#ffd400;--red:#e10600;--text:#f5f1e8}