:root{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--bg2:#eaf0f6;--text:#182533;--hint:#647586;--link:#177cbf;--accent:#248bda;--button:#248bda;--button-text:#fff;--line:#dce5ed;--soft:#e7f2fc;--header:var(--bg);--radius:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#1a2026;--surface:#212a33;--bg2:#293440;--text:#f4f7fa;--hint:#9aa8b5;--link:#4cb2ff;--accent:#4cb2ff;--button:#248bda;--line:#354352;--soft:#25384a}}
:root[data-theme=light]{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--bg2:#eaf0f6;--text:#182533;--hint:#647586;--link:#177cbf;--accent:#248bda;--button:#248bda;--line:#dce5ed;--soft:#e7f2fc}
:root[data-theme=dark]{color-scheme:dark;--bg:#1a2026;--surface:#212a33;--bg2:#293440;--text:#f4f7fa;--hint:#9aa8b5;--link:#4cb2ff;--accent:#4cb2ff;--button:#248bda;--line:#354352;--soft:#25384a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--link);outline-offset:4px}button:disabled{cursor:default;opacity:.5}a:hover{color:var(--link)}svg{flex-shrink:0}.icon{width:24px;height:24px;fill:none;color:var(--link)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-1.2px;font-weight:750}.brand .icon{width:33px;height:33px}.brand small{font-size:13px;letter-spacing:0;color:var(--hint);font-weight:500}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:48px;border:1px solid transparent;background:var(--button);color:var(--button-text);padding:11px 20px;border-radius:12px;font-size:14px;font-weight:600}.btn:hover{color:var(--button-text);filter:brightness(1.08)}.btn.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.muted{color:var(--hint)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.pill{display:inline-block;font-size:11px;line-height:1.4;padding:5px 9px;border:1px solid var(--line);border-radius:30px;color:var(--hint)}.text-link{color:var(--link);font-size:14px;font-weight:600}.actions{display:flex;gap:10px;flex-wrap:wrap}h1{font-size:clamp(42px,5.2vw,72px);line-height:1.06;letter-spacing:-.055em;font-weight:750}h2{font-size:clamp(28px,3.3vw,44px);line-height:1.13;letter-spacing:-.04em;font-weight:650}h3{font-size:18px;letter-spacing:-.02em}em{font-style:normal;color:var(--link)}.symbol{width:46px;height:46px;display:grid;place-items:center;background:var(--soft);border-radius:14px}.symbol .icon{width:26px;height:26px}.skip{position:absolute;top:-100px;left:16px;z-index:100}.skip:focus{top:10px}code,pre{font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}code{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;width:min(480px,calc(100% - 32px));padding:24px}dialog::backdrop{background:#0a101ac0}dialog h2{font-size:24px;margin-bottom:10px}dialog p{color:var(--hint);font-size:14px;margin:12px 0 24px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}