:root{color-scheme:light dark;--paper:#f6f5f1;--ink:#161c22;--muted:#52606a;--panel:#fff;--line:#dde2e4;--accent:#29675c;--glow:#e6f2ec}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
#app{max-width:1200px;margin:auto;padding:28px clamp(22px,5vw,72px) 48px}nav{display:flex;align-items:center;gap:clamp(18px,3vw,36px);flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:64px}
nav a{font-size:.88rem;text-decoration:none}nav a:first-child{margin-inline-end:auto;font-size:1.1rem;font-weight:650;letter-spacing:-.04em}
main{max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:22px}h1,h2,h3,h4,h5,h6,p{margin:0;max-width:780px}
h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.04;letter-spacing:-.065em;font-weight:550;margin:12px 0 16px;max-width:950px}h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.045em;margin-top:40px}
p{color:var(--muted)}.badge{font-size:.68rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:50px;padding:7px 12px}
.card{display:block;position:relative;min-height:150px;width:100%;max-width:900px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--panel);text-decoration:none;font-size:1.35rem;letter-spacing:-.03em;transition:background .18s,transform .18s}
.card:after{content:"↗";float:right;color:var(--accent)}.card:hover{background:var(--glow);transform:translateY(-2px)}.link{display:inline-block;font-size:.96rem;font-weight:550}
.field{display:grid;gap:8px;width:min(100%,440px);font-size:.9rem}input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit}
button{padding:13px 22px;border:0;border-radius:10px;background:var(--accent);color:white;font:600 .92rem system-ui;cursor:pointer}button:disabled{opacity:.65;cursor:default}.status{font-size:.88rem;max-width:760px;color:var(--muted);min-height:1.5em}
hr{border:0;border-top:1px solid var(--line);width:100%;margin:32px 0}footer{font-size:.74rem;letter-spacing:.02em;color:var(--muted);margin-top:64px;padding-top:22px;border-top:1px solid var(--line)}
noscript p{margin:24px 0;font-size:.88rem}canvas{display:block}#app>canvas{max-width:100%}
@media(prefers-color-scheme:dark){:root{--paper:#111619;--ink:#eef1ed;--muted:#a9b5b9;--panel:#1a2226;--line:#2c383d;--accent:#9bc5b5;--glow:#202f2b}button{background:#a0cdbb;color:#14231b}}
@media(max-width:600px){#app{padding-top:20px}nav{gap:16px;margin-bottom:42px}nav a:first-child{flex-basis:100%}main{gap:18px}.card{padding:24px;min-height:125px}footer{margin-top:42px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}