:root{--v:#8b5cf6;--y:#facc15;--bg:#07070b;--card:#ffffff0d;--bd:#ffffff1a;--mut:#c4c4cc;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*:before,*:after{box-sizing:inherit}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#f4f4f5;font:500 17px/1.6 Rajdhani,system-ui,sans-serif}
a{color:var(--y);text-decoration:none}a:hover{text-decoration:underline}
.top{position:sticky;top:0;z-index:10;background:#000c;backdrop-filter:blur(8px);border-bottom:1px solid var(--bd)}
.top .in{max-width:900px;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;justify-content:space-between}
.top .lg{font-size:1.6rem;font-weight:700;letter-spacing:.14em;color:#fff}.top .lg:hover{text-decoration:none;color:var(--y)}
.top .bk{font-weight:600;color:var(--mut)}
.w{max-width:900px;margin:0 auto;padding:28px 16px 64px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.chips a{padding:7px 14px;border:1px solid var(--bd);border-radius:999px;color:var(--mut);font-weight:600;font-size:.95rem}
.chips a:hover,.chips a.on{border-color:var(--v);color:#fff;background:#8b5cf622;text-decoration:none}
h1{font-size:2.2rem;letter-spacing:.03em;margin:0 0 4px;line-height:1.15}
.upd{color:var(--mut);font-size:.95rem;margin:0 0 24px}
h2{font-size:1.4rem;margin:30px 0 8px;color:#fff;letter-spacing:.02em}
h2 .n{color:var(--v);margin-right:6px}
p,li{color:#e4e4e7}ul,ol{padding-left:22px}li{margin:4px 0}
.box{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;margin:16px 0}
.box.ok{border-color:#22c55e55}.box.warn{border-color:#facc1555}.box b{color:#fff}
details{background:var(--card);border:1px solid var(--bd);border-radius:12px;margin:10px 0;padding:0 16px}
summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:1.08rem;color:#fff}
details[open] summary{color:var(--y)}details p{margin:0 0 14px}
.btn{display:inline-block;background:var(--y);color:#111;font-weight:700;border:0;border-radius:10px;padding:11px 20px;font:700 1rem Rajdhani,sans-serif;cursor:pointer;letter-spacing:.05em}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
form label{display:block;margin:12px 0 4px;font-weight:600;color:#fff}
form input,form textarea{width:100%;background:#0e0e16;color:#fff;border:1px solid var(--bd);border-radius:10px;padding:11px 12px;font:500 1rem Rajdhani,sans-serif}
form input:focus,form textarea:focus{outline:2px solid var(--v);border-color:transparent}
.todo{background:#facc1533;border-radius:4px;padding:0 4px}
.ft{border-top:1px solid var(--bd);margin-top:40px;padding-top:18px;color:var(--mut);font-size:.92rem}
.ft a{margin-right:14px}