.top-actions{display:flex;align-items:center;gap:8px}
header.top .brand{white-space:nowrap;min-width:0}
header.top .brand .logo{flex:none}
header.top .top-actions .btn{white-space:nowrap;padding:9px 14px}
.theme-ico{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;display:inline-grid;place-items:center;padding:0;cursor:pointer}
.theme-ico:hover{background:rgba(255,255,255,.12)}
.theme-ico svg{width:20px;height:20px;display:block}
.legal-theme{position:fixed;top:12px;right:12px;z-index:50;background:var(--card);color:var(--ink);border-color:var(--line)}
@media (prefers-color-scheme: dark){
html:not([data-theme=light]){--bg:#0e1612;--card:#16211b;--line:#2a3a31;--ink:#e7efe9;--muted:#9db0a4;--green3:#4fd08f;color-scheme:dark;}
html:not([data-theme=light]) .screen{--ink:#16231c;--muted:#53635a;--line:#dfe7e2}
html:not([data-theme=light]) .trust div{background:var(--card)}
html:not([data-theme=light]) .alt{background:#121c17}
html:not([data-theme=light]) .ico,html:not([data-theme=light]) .trust b{background:#1f3329}
html:not([data-theme=light]) .trust b{color:#4fd08f}
html:not([data-theme=light]) .price .big{color:#4fd08f}
html:not([data-theme=light]) .offer{background:linear-gradient(135deg,#2a2508,#16211b)}
html:not([data-theme=light]) .role li.no::before{background:#3a1d1a;color:#ff8a80}
html:not([data-theme=light]) details[open]{border-color:#2f5a45}
html:not([data-theme=light]) .card:hover{box-shadow:0 14px 30px rgba(0,0,0,.4)}
html:not([data-theme=light]) .top-actions .theme-ico{border-color:rgba(255,255,255,.35)}
}
html[data-theme=dark]{--bg:#0e1612;--card:#16211b;--line:#2a3a31;--ink:#e7efe9;--muted:#9db0a4;--green3:#4fd08f;color-scheme:dark;}
html[data-theme=dark] .screen{--ink:#16231c;--muted:#53635a;--line:#dfe7e2}
html[data-theme=dark] .trust div{background:var(--card)}
html[data-theme=dark] .alt{background:#121c17}
html[data-theme=dark] .ico,html[data-theme=dark] .trust b{background:#1f3329}
html[data-theme=dark] .trust b{color:#4fd08f}
html[data-theme=dark] .price .big{color:#4fd08f}
html[data-theme=dark] .offer{background:linear-gradient(135deg,#2a2508,#16211b)}
html[data-theme=dark] .role li.no::before{background:#3a1d1a;color:#ff8a80}
html[data-theme=dark] details[open]{border-color:#2f5a45}
html[data-theme=dark] .card:hover{box-shadow:0 14px 30px rgba(0,0,0,.4)}
html[data-theme=dark] .top-actions .theme-ico{border-color:rgba(255,255,255,.35)}
@media (max-width:420px){
header.top .wrap{gap:8px}
header.top .brand{font-size:.9rem;gap:8px}
header.top .brand .logo{height:28px;width:28px}
header.top .top-actions{gap:6px}
header.top .top-actions .btn{padding:8px 10px;font-size:.85rem}
.theme-ico{width:36px;height:36px}
}
footer a{font-weight:700;font-size:1rem;color:var(--ink);text-decoration:underline;padding:6px 4px;display:inline-block}
.demo .demo-grid>div>a.btn{display:block;width:100%;max-width:340px;margin:0 0 12px!important}