:root,:root[data-theme=light]{color-scheme:light;--ink:#143447;--sec:#286573;--spark:#FFA726;--paper:#F6F4EE;--light:#E8F0F2;--text:#143447;--link:#286573;--surface:#fff;--line:#d9dfe0;--btn-hover:#E8F0F2;--focus:#2563eb;--logo-bg:transparent}
:root[data-theme=dark]{color-scheme:dark;--paper:#0f1c24;--surface:#172a35;--light:#1f3a47;--text:#e4ecef;--link:#7fcbd8;--line:#2e4654;--btn-hover:#22404e;--focus:#93c5fd;--logo-bg:#E8F0F2}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--paper)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.w{max-width:920px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid var(--line);background:var(--surface)}
header .w{display:flex;align-items:center;gap:12px;padding:14px 20px}header nav{margin-left:auto}
.brand{display:flex;align-items:center;gap:10px;font:700 20px ui-monospace,Menlo,Consolas,monospace;color:var(--text);text-decoration:none}
.brand img{width:36px;height:36px;border-radius:8px;background:var(--logo-bg)}
nav a{margin-left:18px;color:var(--link);text-decoration:none}nav a:hover{text-decoration:underline}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:12px;flex:none;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--link);cursor:pointer;padding:0}
.theme-toggle:hover{background:var(--btn-hover)}.theme-toggle .icon-sun{display:none}
:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}
:root:not([data-theme]) .theme-toggle{display:none}
h1,h2,h3{font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.25}h1{font-size:34px}h2{margin-top:48px;border-left:4px solid var(--spark);padding-left:10px}
.hero{padding:40px 0 10px}.prompt{color:var(--link);font-family:ui-monospace,monospace}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px}.card img{width:56px;height:56px;border-radius:12px;background:var(--logo-bg)}
.price{background:var(--light);border-radius:8px;padding:12px 14px;margin-top:14px}.price b{color:var(--text)}
.tag{display:inline-block;font-size:12px;background:var(--spark);color:var(--ink);border-radius:4px;padding:1px 6px;font-weight:700}
.install{display:inline-block;background:var(--link);color:var(--surface);text-decoration:none;font-weight:700;border-radius:8px;padding:8px 14px}.install:hover{opacity:.9;text-decoration:underline}
.icon-sm{width:56px;height:56px;border-radius:12px;background:var(--light);display:flex;align-items:center;justify-content:center;font:700 22px ui-monospace,monospace;color:var(--link)}
a{color:var(--link)}footer{margin-top:60px;border-top:1px solid var(--line);background:var(--surface);font-size:14px}footer .w{padding:20px}
.doc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 28px 24px;margin-top:30px}
@media (max-width:560px){header .w{flex-wrap:wrap}header nav{order:3;margin-left:0;width:100%}nav a{margin-left:0;margin-right:14px}.theme-toggle{margin-left:auto}}