:root{--bg:#0e0f13;--fg:#ecebe6;--muted:#9a9aa3;--accent:#ff7a59;--card:#171921;--line:#262935}
@media (prefers-color-scheme:light){:root{--bg:#f6f4ee;--fg:#16171c;--muted:#5d5f6b;--card:#fff;--line:#e2dfd5}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
#prints{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.nav,main,footer{position:relative;z-index:1}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px max(16px,5vw)}
.logo{font-weight:700;font-size:1.2rem;color:var(--fg);text-decoration:none;letter-spacing:-.02em}
.logo span{color:var(--accent)}
.nav nav a{color:var(--muted);text-decoration:none;margin-left:22px}
.nav nav a:hover{color:var(--fg)}
main{max-width:980px;margin:0 auto;padding:0 16px}
.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center}
.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
h1{font-size:clamp(2.6rem,9vw,6rem);line-height:1;margin:.2em 0 .4em;letter-spacing:-.04em}
h1 em{font-family:Georgia,serif;color:var(--accent)}
.lede{max-width:520px;color:var(--muted);font-size:1.15rem}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--accent);color:#161616;font-weight:600;text-decoration:none}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.btn:hover{filter:brightness(1.1)}
.block{padding:72px 0;border-top:1px solid var(--line)}
h2{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.03em;margin:0 0 .5em}
.sub{color:var(--muted)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
a.card{color:inherit;text-decoration:none;display:block}a.card:hover{border-color:var(--accent)}
.card h3{margin:0 0 6px}.card p{margin:0;color:var(--muted)}
.ideas{padding-left:1.3em}.ideas li{margin:.8em 0;padding-left:.3em}
.ideas li::marker{color:var(--accent);font-weight:700}
code{background:var(--card);padding:2px 6px;border-radius:6px;font-size:.9em}
footer{text-align:center;color:var(--muted);padding:40px 16px;font-size:.9rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tool{padding-bottom:60px}
.h1s{font-size:clamp(2rem,7vw,3.6rem);margin:.6em 0 .3em}
.row{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:16px}
input,textarea{width:100%;font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.row input{flex:1;min-width:200px;width:auto}
label{display:block;margin-bottom:12px;color:var(--muted);font-size:.9rem}label input{margin-top:4px}
button.btn{border:0;cursor:pointer;font:inherit;font-weight:600}button.btn.ghost{border:1px solid var(--line)}
.stamp-big{margin:20px 0}.stamp-big svg{border-radius:28px;max-width:100%;height:auto}
.wall{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.wall figure{margin:0}.wall svg{width:100%;height:auto;border-radius:16px}
.wall figcaption{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wrap{word-break:break-all}.card{margin:16px 0}
.note{color:var(--muted);font-size:.9rem;border-left:3px solid var(--accent);padding-left:12px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top;word-break:break-word}
th{color:var(--muted);font-weight:500;width:34%}
a{color:var(--accent)}
.nav nav{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:flex-end}.nav nav a{margin-left:0}
.seal{float:right;margin:0 0 8px 12px}.seal svg{width:96px;height:96px;border-radius:20px}.chk{display:flex;align-items:center;gap:8px}.chk input{width:auto;margin:0}
.qr svg{width:180px;height:180px;background:#fff;border-radius:12px;margin:8px 0;display:block}
select{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 14px}
.verdict{font-weight:600}.verdict.ok{color:#4cc38a}.verdict.bad{color:#ff6b6b}
.hl{color:#ff6b6b}.ok{color:#4cc38a}
.meter{height:10px;border-radius:99px;background:var(--line);overflow:hidden}.meter>i{display:block;height:100%}