:root{--bg:#f4f1ea;--ink:#1b1d21;--muted:#6a6f78;--accent:#e2583e}
@media (prefers-color-scheme:dark){:root{--bg:#16181c;--ink:#ecebe6;--muted:#9aa0a8;--accent:#ff7a5c}}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;min-height:100vh}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px}
.robot{width:min(220px,60vw);height:auto;color:var(--ink)}
.accent-fill{fill:var(--accent);stroke:var(--accent)}
.accent-stroke{stroke:var(--accent)}
.zzz{fill:var(--muted)}
h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.02em;margin:24px 0 8px}
p{color:var(--muted);font-size:1.15rem;margin:0}
footer{text-align:center;color:var(--muted);font-size:.85rem;padding:24px 16px}
@media (prefers-reduced-motion:no-preference){.zzz text{animation:drift 3s ease-in-out infinite}.zzz text:nth-child(2){animation-delay:.4s}.zzz text:nth-child(3){animation-delay:.8s}}
@keyframes drift{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.button{display:inline-block;margin-top:12px;padding:14px 26px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}
.small{font-size:.9rem;margin-top:16px;word-break:break-all;max-width:560px}
.version{font-size:.95rem;margin-top:12px}
.small a{color:var(--accent)}
.info{width:100%;max-width:560px;text-align:left;margin-top:32px}
.info h2{font-size:1.2rem;letter-spacing:-.01em;margin:28px 0 8px}
.info p,.info li{font-size:1rem;line-height:1.5}
.info p+p{margin-top:12px}
.info ul,.info ol{color:var(--muted);margin:0;padding-left:22px}
.info li+li{margin-top:6px}
.info ul+p,.info ol+p{margin-top:12px}
.info h3{font-size:1rem;margin:20px 0 6px}