.site-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.site-menu{position:relative;display:inline-flex}
.site-control-trigger{display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid var(--line,#e2e7ef);border-radius:50%;background:var(--surface,#fff);color:var(--ink,#151a24);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.site-control-trigger:hover,.site-control-trigger[aria-expanded="true"]{background:var(--blue-soft,#edf3ff);border-color:#c8d6f7;transform:translateY(-1px)}
.site-control-trigger:focus-visible,.site-menu-option:focus-visible{outline:3px solid rgba(76,119,226,.45);outline-offset:2px}
.language-glyph{font-size:15px;font-weight:650;letter-spacing:-.11em;line-height:1}
.site-control-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.site-menu-panel{position:absolute;z-index:20;top:calc(100% + 10px);right:0;display:grid;min-width:190px;max-height:min(390px,calc(100vh - 100px));overflow:auto;padding:6px;border:1px solid var(--line,#e2e7ef);border-radius:13px;background:var(--surface,#fff);box-shadow:0 14px 38px rgba(22,32,52,.17);color:var(--ink,#151a24)}
.site-menu-panel[hidden]{display:none}
.site-menu-option{display:flex;min-height:37px;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.site-menu-option:hover,.site-menu-option[aria-checked="true"]{background:var(--blue-soft,#edf3ff)}
.site-menu-option[aria-checked="true"]{font-weight:680}
.site-menu-option .menu-flag{width:18px;flex:0 0 18px;text-align:center}
.site-menu-option .menu-check{margin-left:auto;color:var(--blue-dark,#244eb9);font-weight:800}
.theme-panel{min-width:164px}
.theme-panel .menu-flag{font-size:15px}
.site-menu-option[dir="rtl"]{text-align:right}
.site-language,.site-controls [hidden]{display:none!important}

html[data-theme="dark"]{color-scheme:dark;--ink:#edf2fb;--muted:#a8b3c5;--line:#2a3547;--surface:#151e2b;--canvas:#0d131d;--blue:#7da2ff;--blue-dark:#a1bbff;--blue-soft:#202f4d;--green:#91d3ac;--green-soft:#183627;--shadow:0 24px 70px rgba(0,0,0,.3)}
html[data-theme="dark"] body{background:var(--canvas);color:var(--ink)}
html[data-theme="dark"] .topbar{border-color:rgba(47,59,77,.92);background:rgba(13,19,29,.92)}
html[data-theme="dark"] .navlinks,html[data-theme="dark"] .navlinks a,html[data-theme="dark"] .footerlinks a{color:#b2bed0}
html[data-theme="dark"] .navlinks a:hover,html[data-theme="dark"] .footerlinks a:hover{color:#b4c8ff}
html[data-theme="dark"] .brand,html[data-theme="dark"] .footer-brand{color:var(--ink)}
html[data-theme="dark"] .brand-mark{background:#eaf0fb;box-shadow:0 5px 12px rgba(0,0,0,.32)}
html[data-theme="dark"] .brand-mark svg path:first-child{fill:#172236}
html[data-theme="dark"] .brand-mark svg path:nth-child(2){stroke:#172236}
html[data-theme="dark"] .nav-cta{border-color:#364a6c;background:#202f4d;color:#c5d4f3}
html[data-theme="dark"] .nav-cta:hover{background:#2a3d61}
html[data-theme="dark"] .button.secondary{border-color:#344157;background:#1a2535;color:#e2e9f5}
html[data-theme="dark"] .button.secondary:hover{border-color:#50658c;background:#202f46;color:#fff}
html[data-theme="dark"] .preview-shell,html[data-theme="dark"] .step,html[data-theme="dark"] .feature,html[data-theme="dark"] .app-window,html[data-theme="dark"] .app-sidebar,html[data-theme="dark"] .window-bar{border-color:#2b374a;background:#151e2b;color:var(--ink)}
html[data-theme="dark"] .preview-shell::before{background:#1d2d4d}
html[data-theme="dark"] .window-bar{background:#111925}
html[data-theme="dark"] .side-item{color:#a8b3c5}
html[data-theme="dark"] .side-item.active,html[data-theme="dark"] .step-num,html[data-theme="dark"] .feature-icon,html[data-theme="dark"] .filter-chip.selected{background:#202f4d;color:#b6caff}
html[data-theme="dark"] .searchbar,html[data-theme="dark"] .filter-chip,html[data-theme="dark"] .post,html[data-theme="dark"] .rule,html[data-theme="dark"] .faq,html[data-theme="dark"] details,html[data-theme="dark"] footer{border-color:#2a3547}
html[data-theme="dark"] .post-author,html[data-theme="dark"] .features li,html[data-theme="dark"] .list-title,html[data-theme="dark"] .card-label{color:#d8e1ef}
html[data-theme="dark"] .trust-strip b{color:#e6edf8}
html[data-theme="dark"] .hero-meta,html[data-theme="dark"] .preview-caption,html[data-theme="dark"] .post-date,html[data-theme="dark"] .window-title,html[data-theme="dark"] .card-foot{color:#a6b2c5}
html[data-theme="dark"] .post-copy{background:#354257}
html[data-theme="dark"] .mini-mark{background:#dfe8f8}
html[data-theme="dark"] .tag,html[data-theme="dark"] .coming-label{background:#202b3c;color:#bac6d8}
html[data-theme="dark"] .card,html[data-theme="dark"] .principle,html[data-theme="dark"] main{border-color:var(--line);background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .card-current{border-color:#465f95}
html[data-theme="dark"] .plan-panel{border-color:#334155;background:#111925;color:#b9c5d6}
html[data-theme="dark"] .plan-panel strong,html[data-theme="dark"] .principle h3{color:var(--ink)}
html[data-theme="dark"] .card-action.disabled{border-color:#364255;background:#202938;color:#a9b5c6}
html[data-theme="dark"] .privacy-note{border-color:#27533d;background:#183627;color:#a6e2bd}
html[data-theme="dark"] .privacy-band{border-color:#30415e;background:linear-gradient(120deg,#1a2943,#151e2b 72%)}
html[data-theme="dark"] .privacy-symbol{border-color:#344865;background:#1b2a43;color:#b4c8ff}
html[data-theme="dark"] .bottom-note{border-color:#35496e;background:#1a2943;color:#c0cce0}
html[data-theme="dark"] .bottom-note strong{color:#edf2fb}
html[data-theme="dark"] .price-cta{background:#080d16}
html[data-theme="dark"] .language-note{border-color:#344157;background:#1a2535;color:#cad5e4}
html[data-theme="dark"] .intro{border-color:#344157;background:#1a2535;color:#d0d9e7}
html[data-theme="dark"] .site-control-trigger{border-color:#344157;background:#182231;color:#edf2fb}
html[data-theme="dark"] .site-control-trigger:hover,html[data-theme="dark"] .site-control-trigger[aria-expanded="true"]{border-color:#536b9a;background:#233450}
html[data-theme="dark"] .site-menu-panel{border-color:#344157;background:#17212f;box-shadow:0 18px 42px rgba(0,0,0,.48)}
html[data-theme="dark"] .site-menu-option:hover,html[data-theme="dark"] .site-menu-option[aria-checked="true"]{background:#243550}
html[dir="rtl"] .site-menu-option{text-align:right}
@media(max-width:650px){.site-controls{gap:6px}.site-control-trigger{width:34px;height:34px}.site-menu-panel{max-height:calc(100vh - 92px)}}