:root{color-scheme:light dark;--ink:#2a1d52;--muted:#6b5c93;--bg:#fbf6f1;--card:#ffffff;--line:#eadfd6;--accent:#ff9a3d;--accent-ink:#3a1f00;--link:#7a3fc9}
@media(prefers-color-scheme:dark){:root{--ink:#f0e9ff;--muted:#b9abdb;--bg:#150f2b;--card:#201847;--line:#33295e;--link:#d1bcff}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--link)}
.sky{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,#2b1b5e 0%,#7b3a8f 38%,#e0568a 68%,#ff9a5c 88%,#ffd27a 100%)}
.sky .sun{position:absolute;left:50%;bottom:62px;width:150px;height:150px;margin-left:-75px;border-radius:50%;background:radial-gradient(circle,#fff6c9 0,#ffd27a 55%,rgba(255,210,122,0) 72%)}
.sky svg{position:relative;display:block;width:100%;height:auto;margin-top:-1px}
.top{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:14px 16px 0;position:relative;font-size:15px}
.top a{color:#fff;text-decoration:none;padding:6px 2px;opacity:.92}.top a[aria-current=page]{border-bottom:2px solid #ffd27a;opacity:1}
.hero{position:relative;text-align:center;padding:26px 20px 70px;max-width:720px;margin:0 auto}
.hero img{width:112px;height:112px;border-radius:25px;box-shadow:0 10px 30px rgba(20,8,60,.45)}
h1{margin:16px 0 8px;font-size:clamp(32px,7vw,52px);line-height:1.1;letter-spacing:-.5px}
.hero p{margin:0 auto;max-width:30em;font-size:19px;opacity:.96}
.soon{display:inline-block;margin-top:22px;padding:12px 24px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);font-weight:600}
.vine{display:block;width:100%;height:auto;background:var(--bg)}
main{max-width:760px;margin:0 auto;padding:12px 20px 40px}
h2{margin:34px 0 10px;font-size:22px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:18px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.card b{display:block;margin-bottom:4px}
.doc h1{color:var(--ink);font-size:clamp(26px,5vw,36px);margin:0 0 4px}.doc .meta{color:var(--muted);font-size:14px;margin-bottom:18px}
.doc p{margin:0 0 14px}.doc a{word-break:break-word}
.skyslim{background:linear-gradient(180deg,#2b1b5e,#c2467b 75%,#ff9a5c)}
.skyslim .top{padding-bottom:18px}
footer{text-align:center;padding:26px 20px 40px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
footer a{color:var(--muted)}
@media(max-width:480px){body{font-size:16px}.sky .sun{width:110px;height:110px;margin-left:-55px}}