:root{color-scheme:dark;--bg:#112e26;--panel:#193b31;--text:#f7f3e7;--muted:#c4d1c6;--line:#496052;--accent:#e9c669}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main,header,footer{max-width:780px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}header a{color:var(--text);text-decoration:none;font-weight:650}header nav{display:flex;gap:20px;font-size:14px}a{color:var(--accent);text-underline-offset:4px}h1{font-size:clamp(35px,6vw,54px);line-height:1.1;letter-spacing:-.04em;margin:22px 0}h2{font-size:24px;line-height:1.3;margin:34px 0 12px}p,ul{margin:14px 0}.intro{font-size:21px;color:var(--muted);max-width:600px}.meta,footer{font-size:14px;color:var(--muted)}.card{padding:22px 26px;background:var(--panel);border:1px solid var(--line);border-radius:18px;margin:28px 0}.links{display:flex;flex-wrap:wrap;gap:14px 24px}.ball{width:52px;height:52px;border-radius:50%;background:var(--accent);border:2px solid #fff0bc;position:relative;overflow:hidden}.ball:before,.ball:after{content:"";position:absolute;width:32px;height:64px;border:2px solid #fff9db;border-radius:50%;top:-8px}.ball:before{left:-24px}.ball:after{right:-24px}footer{border-top:1px solid var(--line);margin-top:36px}li{margin:8px 0}code{overflow-wrap:anywhere;font-size:.88em}button{font:inherit}@media(max-width:450px){main,header,footer{padding:22px}header nav{gap:12px}}