:root{color-scheme:light}html{background:var(--page,var(--bg,#fff))}html[data-theme=dark]{color-scheme:dark;--page:#141414;--bg:#141414;--ink:#f5f5f6;--muted:#b2b2b8;--line:#343438;--accent:#68cfbd}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:24px/1 Geist,NotoArabic,sans-serif;cursor:pointer}.appearance-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.legal-actions{display:flex;align-items:center;gap:20px;font-size:14px}.legal-actions>a{color:var(--muted)}
html[data-theme=dark] .legal-nav a[aria-current]{background:#292929;color:var(--ink)}html[data-theme=dark] .legal-page section p{color:#c9c9cf}html[data-theme=dark] .button{background:#f5f5f6;color:#141414}html[data-theme=dark] .button.outlined{background:transparent;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .download-section,html[data-theme=dark] dialog,html[data-theme=dark] #language-menu{background:#202020;color:var(--ink)}html[data-theme=dark] #language-trigger,html[data-theme=dark] .login-link{color:var(--ink)}html[data-theme=dark] #language-menu button{color:var(--ink)}html[data-theme=dark] #language-menu button:hover,html[data-theme=dark] #preview-toggle:hover{background:#303030;color:var(--ink)}html[data-theme=dark] .plan-list article{border-color:var(--line)}html[data-theme=dark] .plan-list article:first-child{background:#202020;color:var(--ink)}html[data-theme=dark] .store-button{background:#202020;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .store-button img{filter:invert(1)}
@media(max-width:400px){.site-header{padding-inline:16px}.site-header .wordmark{width:100px}.header-actions{gap:5px}.header-actions .appearance-toggle{width:36px;height:38px;min-height:38px}.legal-header{gap:12px}.legal-actions{gap:12px}}

html[data-theme=dark] .plan-list article:nth-child(2){background:#202020;color:var(--ink)}html[data-theme=dark] #language-trigger{background:#202020;border-color:var(--line)}

/* Public controls use the app's Sun/Moon SVGs, without emoji. */
.appearance-toggle{border-radius:50%;font:inherit}.theme-icon{display:block;width:23px;height:23px;flex:none}.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark] #language-menu button[aria-checked=true]{background:#303332;color:#f5f5f6}html[data-theme=dark] #language-menu button:hover,html[data-theme=dark] #language-menu button:focus-visible{background:#303030;color:#f5f5f6}
.header-tools,.header-auth{display:flex;align-items:center;gap:16px}.header-auth>a{white-space:nowrap}.header-menu-trigger{display:none}.site-header #language-trigger{min-width:44px;min-height:44px}
@media(min-width:681px){.header-auth[hidden]{display:flex}}
@media(max-width:680px){
 .site-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px}.site-header>a{flex:none}.site-header .wordmark{width:136px}
 .site-header>nav{display:none}.site-header .header-actions{display:contents}.site-header .header-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
 .site-header .appearance-toggle,.site-header #language-trigger,.site-header .header-menu-trigger{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
 .site-header .header-auth{position:absolute;inset-inline-end:22px;top:calc(100% - 4px);z-index:50;display:flex;align-items:stretch;flex-direction:column;gap:6px;width:min(260px,calc(100vw - 32px));padding:10px;background:var(--page);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #0002}
 .site-header .header-auth[hidden]{display:none}.site-header .header-auth>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;white-space:nowrap;font-size:14px;line-height:1.4;border-radius:8px}.site-header .header-auth .login-link{border:1px solid var(--line);color:var(--ink);font-weight:600}
 .site-header #language-menu{inset-inline-start:auto;inset-inline-end:0;width:184px;z-index:51}
}
@media(max-width:360px){.site-header{padding-inline:16px;gap:12px}.site-header .wordmark{width:116px}.site-header .header-tools{gap:6px}.site-header .header-auth{inset-inline-end:16px}}