:root{
  --bg:#050505; --panel:#101010; --ink:#F4F4F1; --muted:#9A9A94; --line:#2A2A28; --accent:#3DDC97; --on-accent:#04140C; --logo-filter:none; --todo:#FFD166; --todo-ink:#1A1300;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#F4F4F1; --panel:#FFFFFF; --ink:#0A0A0A; --muted:#5E5E58; --line:#D6D6CF; --accent:#0E7A4D; --on-accent:#FFFFFF; --logo-filter:invert(1); --todo:#FFE08A; --todo-ink:#2B1F00; color-scheme:light;
  }
}
:root[data-theme="light"]{
  --bg:#F4F4F1; --panel:#FFFFFF; --ink:#0A0A0A; --muted:#5E5E58; --line:#D6D6CF; --accent:#0E7A4D; --on-accent:#FFFFFF; --logo-filter:invert(1); --todo:#FFE08A; --todo-ink:#2B1F00; color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 20px 40px}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand img{width:40px;height:40px;filter:var(--logo-filter)}
.brand b{font:800 1.1rem/1.1 Sora,sans-serif;letter-spacing:-.02em;display:block}
.brand span{font-size:.85rem;color:var(--muted)}
header a.back{color:var(--muted);font-size:.95rem;text-decoration:none}
header a.back:hover{color:var(--ink)}
h1{font:800 clamp(1.9rem,6vw,2.8rem)/1.08 Sora,sans-serif;letter-spacing:-.03em;margin:26px 0 8px}
.meta{color:var(--muted);margin:0 0 28px;font-size:.95rem}
nav.docs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px;padding:0}
nav.docs a{padding:8px 14px;border:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}
nav.docs a:hover{color:var(--ink);border-color:var(--ink)}
nav.docs a[aria-current=page]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
section{margin:0 0 30px;padding:22px 24px;background:var(--panel);border-left:4px solid var(--accent)}
h2{font:800 1.2rem/1.2 Sora,sans-serif;letter-spacing:-.02em;margin:0 0 10px}
p{margin:0 0 12px}
section>:last-child{margin-bottom:0}
ul{margin:0 0 12px;padding-left:1.2em}
li{margin:0 0 6px}
a{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.todo{background:var(--todo);color:var(--todo-ink);padding:1px 6px;font-weight:600;font-size:.92em}
.notice{background:var(--panel);border:1px solid var(--line);padding:16px 20px;margin:0 0 30px;font-size:.95rem;color:var(--muted)}
footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}
footer a{color:inherit}
footer .links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}