:root{color-scheme:dark;--night:#0e0d16;--dusk:#1d1830;--surface:#15131f;--line:#2e2a3d;--text:#ece8f4;--muted:#a9a3bd;--mint:#6fe0a8;--threat:#e5484d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--dusk) 0,var(--night) 36rem)var(--night);color:var(--text);font:1rem/1.55 system-ui,-apple-system,segoe ui,Roboto,noto sans,helvetica neue,Arial,sans-serif;overflow-wrap:break-word}a{color:var(--mint)}img{max-width:100%;height:auto;display:block}h1,h2{line-height:1.15;margin:0 0 .75rem}h1{font-size:clamp(2.5rem,9vw,4rem);letter-spacing:-.02em}h2{font-size:1.5rem}.wrap{width:100%;max-width:64rem;margin:0 auto;padding:0 16px}main>section{margin:3.5rem auto}.top{display:flex;align-items:center;justify-content:space-between;min-height:64px}.logo{color:var(--text);font-weight:700;text-decoration:none}.logo,.credits a,.note a{display:inline-flex;align-items:center;min-height:44px}.langs{display:flex}.langs a,.foot nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .5rem;color:var(--muted);text-decoration:none}.langs a[aria-current]{color:var(--mint);font-weight:700}.hero{display:grid;gap:2rem;margin-top:1.5rem}.slogan{font-size:1.35rem;color:var(--mint);margin:0 0 1rem}.hero img{width:100%;max-width:400px;margin:0 auto;filter:drop-shadow(0 0 24px rgb(111 224 168/.18))}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.5rem;border:0;border-radius:10px;background:var(--mint);color:var(--night);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:wait}.note{color:var(--muted);font-size:.95rem}.grid{display:grid;gap:1rem;padding:0;margin:0;list-style:none}.steps{grid-template-columns:1fr}.steps li,figure{margin:0}.steps p{margin:.5rem 0 0}.shots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.brand{grid-template-columns:2fr 1fr;align-items:end}figcaption{color:var(--muted);font-size:.9rem;margin-top:.4rem}.list{padding-left:1.2rem}.list li{margin-bottom:.5rem}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600}details p{margin:0 0 1rem;color:var(--muted)}.form{display:grid;gap:1rem;max-width:34rem}.form label{display:grid;gap:.3rem}.form input:not([type=radio],[type=checkbox]),.form select{min-height:48px;padding:0 .75rem;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.form .opt{display:flex;align-items:center;gap:.6rem;min-height:44px}.form .opt input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--mint)}fieldset{border:1px solid var(--line);border-radius:8px;margin:0;padding:.5rem 1rem 1rem;display:grid;gap:.25rem}legend{padding:0 .4rem}.form [aria-invalid=true]{outline:2px solid var(--threat);outline-offset:2px}.form input:focus-visible,.form select:focus-visible,.btn:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.status:empty{display:none}.status{margin:0;font-weight:600}.page{margin:2rem auto 3.5rem}.page h2{margin-top:2rem}.draft{border:1px solid var(--threat);color:var(--threat);border-radius:8px;padding:.75rem 1rem}.foot{border-top:1px solid var(--line);padding-top:1rem;padding-bottom:2rem;color:var(--muted);font-size:.9rem}.foot nav{display:flex;flex-wrap:wrap;margin-left:-.5rem}.credits a{color:var(--muted)}@media(min-width:48rem){.hero{grid-template-columns:1.1fr 1fr;align-items:center;margin-top:3rem}.steps{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}