:root { color-scheme: dark light; --bg:#08111f; --panel:#101d31; --text:#edf4ff; --muted:#a8b7ca; --accent:#6eb6ff; --line:#2c405b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 system-ui,"Segoe UI","Nirmala UI","Yu Gothic","Malgun Gothic",sans-serif; }
a { color:var(--accent); }
.locale-bar { position:sticky; top:0; z-index:2; display:flex; gap:1rem; align-items:center; flex-wrap:wrap; padding:.8rem max(1rem,calc((100% - 1120px)/2)); background:rgba(8,17,31,.96); border-bottom:1px solid var(--line); }
.locale-bar label { display:flex; align-items:center; gap:.5rem; }
.locale-bar select { max-width:16rem; padding:.45rem; border-radius:.5rem; }
.home-link { font-weight:700; }
.stamp { margin-inline-start:auto; color:var(--muted); font-size:.85rem; }
main { max-width:1120px; margin:auto; padding:1.5rem; }
.downloads { background:var(--panel); border:1px solid var(--line); border-radius:1rem; padding:1rem 1.2rem; margin-bottom:2rem; }
.doc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:.6rem; }
.doc-link,.api-link { display:block; padding:.65rem .8rem; border:1px solid var(--line); border-radius:.65rem; text-decoration:none; }
.api-link { margin-top:.8rem; width:max-content; }
.profile-content { overflow-wrap:anywhere; }
.profile-content h1 { font-size:clamp(2rem,5vw,3.5rem); line-height:1.1; }
.profile-content h2 { margin-top:2.3rem; color:#a9d5ff; border-bottom:1px solid var(--line); padding-bottom:.35rem; }
.profile-content table { display:block; overflow-x:auto; border-collapse:collapse; width:100%; }
.profile-content th,.profile-content td { border:1px solid var(--line); padding:.55rem; vertical-align:top; }
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.profile-content pre { overflow:auto; background:#06101c; padding:1rem; border-radius:.7rem; }
.profile-content img { max-width:100%; }
footer { max-width:1120px; margin:2rem auto; padding:1.5rem; color:var(--muted); border-top:1px solid var(--line); }
@media (prefers-color-scheme:light) { :root { --bg:#f7fafc; --panel:#fff; --text:#132238; --muted:#53657b; --accent:#075eb5; --line:#cad5e2; } .locale-bar { background:rgba(247,250,252,.96); } .profile-content h2 { color:#164f82; } .profile-content pre { background:#eef3f8; } }