:root{--bg:#efe7f3;--ink:#17152a;--ink2:#4e4a64;--panel:rgba(255,255,255,.62);--line:rgba(255,255,255,.8);--accent:#2b45c4}
@media (prefers-color-scheme:dark){:root{--bg:#17151d;--ink:#f4f0fa;--ink2:#c9c3d6;--panel:rgba(255,255,255,.07);--line:rgba(255,255,255,.14);--accent:#93a4ff}}
*{box-sizing:border-box}
body{margin:0;font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans","Segoe UI",Roboto,sans-serif;color:var(--ink);
background:var(--bg) radial-gradient(1200px 700px at 10% -10%,rgba(244,160,126,.45),transparent 60%) no-repeat,
radial-gradient(900px 600px at 110% 10%,rgba(125,92,196,.35),transparent 60%) no-repeat;background-color:var(--bg);min-height:100vh}
main{max-width:760px;margin:0 auto;padding:40px 16px 56px}
.hero{text-align:center;margin-bottom:24px}.hero.left{text-align:left}
.icon{border-radius:22px;box-shadow:0 12px 30px rgba(48,24,78,.25)}
h1{font-size:34px;line-height:1.15;margin:16px 0 6px;letter-spacing:-.02em}
h2{font-size:19px;margin:0 0 8px}
.subtitle{color:var(--ink2);font-weight:600;margin:0 0 10px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:20px 22px;margin:14px 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.panel.lead{border-width:2px}
.panel p{margin:6px 0;color:var(--ink2)}
details{border-top:1px solid var(--line);padding:10px 0}details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:600}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.back{margin:0 0 4px}
footer{margin-top:28px;text-align:center;font-size:14px;color:var(--ink2)}
.languages a{white-space:nowrap}.languages a[aria-current]{font-weight:700;color:var(--ink)}