:root{color-scheme:dark;--bg:#0b1220;--panel:rgba(255,255,255,.08);--text:#fff;--muted:rgba(255,255,255,.65);--accent:#7c5cff;--accent-on:#fff;--border:rgba(255,255,255,.15)}
[data-theme="light"]{color-scheme:light;--bg:#f6f7fb;--panel:rgba(0,0,0,.055);--text:rgba(0,0,0,.88);--muted:rgba(0,0,0,.56);--border:rgba(0,0,0,.12)}
[data-palette="ocean"]{--bg:#091925;--panel:rgba(89,189,229,.10);--accent:#63bce5;--accent-on:#091925}
[data-theme="light"][data-palette="ocean"]{--bg:#f3f9fc;--panel:rgba(36,127,174,.08);--accent:#176e9a;--accent-on:#fff}
[data-palette="forest"]{--bg:#0b1d19;--panel:rgba(93,192,148,.10);--accent:#66cba4;--accent-on:#0b1d19}
[data-theme="light"][data-palette="forest"]{--bg:#f5f9f4;--panel:rgba(37,132,102,.08);--accent:#1c7055;--accent-on:#fff}
[data-palette="sunset"]{--bg:#231813;--panel:rgba(241,153,104,.10);--accent:#e99a70;--accent-on:#231813}
[data-theme="light"][data-palette="sunset"]{--bg:#fff8f2;--panel:rgba(184,90,55,.08);--accent:#a64c2e;--accent-on:#fff}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.65}
a{color:inherit}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px)}
.nav{width:min(720px,calc(100% - 28px));min-height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:800}.brand img{width:34px;height:34px;border-radius:10px}
.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{padding:8px 10px;border-radius:10px;color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none}.nav-links a:hover{color:var(--text);background:var(--panel)}.nav-links .nav-play{color:var(--accent-on);background:var(--accent)}
.legal{width:min(680px,calc(100% - 28px));margin:0 auto;padding:42px 0 54px}.legal>.eyebrow,.updated{margin:0 0 8px;color:var(--accent);font-size:.8rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.legal h1{margin:0;font-size:clamp(2rem,7vw,3.4rem);line-height:1.05;letter-spacing:-.045em}.legal .intro{margin:15px 0 28px;color:var(--muted);font-size:1.08rem}
.legal h2{margin:12px 0 0;padding:18px 18px 0;border:1px solid var(--border);border-bottom:0;border-radius:16px 16px 0 0;background:var(--panel);font-size:1.08rem}
.legal h2+p,.legal h2+ul{margin:0 0 12px;padding:8px 18px 18px;border:1px solid var(--border);border-top:0;border-radius:0 0 16px 16px;background:var(--panel);color:var(--muted)}
.legal h3{margin:22px 0 6px;font-size:1.05rem}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:38px}.legal a{color:var(--accent);font-weight:750}
.language-switch{display:flex;justify-content:flex-end;gap:6px;margin:0 0 20px}.language-switch button{border:1px solid var(--border);border-radius:999px;padding:7px 12px;background:var(--panel);color:var(--muted);font:inherit;font-size:.84rem;font-weight:800;cursor:pointer}.language-switch button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}
.legal [hidden]{display:none!important}.legal .plain-list{margin:0 0 12px;padding:10px 18px 18px 38px;border:1px solid var(--border);border-top:0;border-radius:0 0 16px 16px;background:var(--panel)}.legal address{font-style:normal;color:var(--muted)}
.note,.contact-card{margin-top:18px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.note strong,.contact-card strong{color:var(--text)}
.faq{display:grid;gap:10px;margin-top:28px}.faq details{padding:15px 17px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.faq summary{cursor:pointer;font-weight:800}.faq details p{margin:8px 0 0}
.site-footer{border-top:1px solid var(--border)}.footer-inner{width:min(720px,calc(100% - 28px));margin:auto;padding:22px 0;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.86rem}.footer-links{display:flex;flex-wrap:wrap;gap:12px}.footer-links a:hover{color:var(--accent)}
@media(max-width:600px){.nav-links a:not(.nav-play){display:none}.legal{padding-top:30px}.footer-inner{flex-direction:column}}
