/* Theme/locale controls are functional preferences, not tracking. */
.preferences{display:flex;align-items:center;gap:10px;flex-shrink:0;font:500 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--muted,#A8AFBF)}
.theme-choice,.locale-choice{display:flex;align-items:center;gap:5px}.pref-icon{width:16px;height:16px;flex-shrink:0}.theme-choice select{min-height:44px;width:78px;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer}.theme-choice option{color:var(--fg,#F3F5FA);background:var(--bg,#080B12)}
.locale-choice button{font:inherit;min-width:36px;min-height:44px;padding:6px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.locale-choice button[aria-pressed=true]{color:var(--fg,#F3F5FA);background:var(--glass,#FFFFFF08)}.preferences :focus-visible{outline:2px solid var(--cyan,#8BDCE6);outline-offset:3px}
.site-header{gap:24px}.site-header .site-nav{margin-left:auto;gap:22px}
html[data-theme=light]{color-scheme:light;--bg:#F5F6FA;--fg:#111723;--muted:#586274;--line:#101A2A1A;--glass:#FFFFFFB3;--lilac:#665CAB;--cyan:#227783}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light] body{background:var(--bg);color:var(--fg)}
html[data-theme=light] .site-nav a,html[data-theme=light] .footer-links a{color:#566174}
html[data-theme=light] .site-nav a:hover,html[data-theme=light] .site-nav a[aria-current=page]{color:#111723}
html[data-theme=light] .button-primary:hover{background:#293142;border-color:#293142}
html[data-theme=light] .button-secondary{color:#354052;background:#FFFFFF80}
html[data-theme=light] .hero h1 span{color:#636B7D}
html[data-theme=light] .product-card,html[data-theme=light] .plan-card{background:linear-gradient(145deg,#FFFFFFDE,#FFFFFF80);box-shadow:0 8px 30px #17233B04}
html[data-theme=light] .plan-soon{background:#E9EDF3B3;color:#596477}
html[data-theme=light] .plan-soon .plan-price,html[data-theme=light] .plan-soon .plan-quota,html[data-theme=light] .plan-soon h2{color:#626D80}
html[data-theme=light] .plan-disabled{color:#687487;background:#DEE4ED;border-color:#AEB9CB}
html[data-theme=light] .plan-price span,html[data-theme=light] .plan-quota,html[data-theme=light] .subtle-link{color:#596477}
html[data-theme=light] .footer-lower{border-color:var(--line)}
html[data-theme=light] .aurora-controls .aurora-toggle{background:#FFFFFFC9;color:#425069;border-color:#18243A26}
html[data-theme=light] .aurora-background:after{background:linear-gradient(180deg,#F5F6FAE6 0%,#F5F6FA73 10%,#F5F6FA00 24%),linear-gradient(90deg,#F5F6FA 0%,#F5F6FAF2 24%,#F5F6FAB3 43%,#F5F6FA00 67%),linear-gradient(0deg,#F5F6FAA6 0%,#F5F6FA00 30%)}
/* Memories retains its layout and visual assets; only the theme surface changes. */
html[data-theme=light] .coming-page{color-scheme:light;--bg:#F5F6FA;--text:#111723;--muted:#586274;--line:#101A2A24;--blue:#2B648F;--fg:#111723;--glass:#15233A0C}
html[data-theme=light] .coming-page .primary-cta{color:#F5F6FA;background:#111723;border-color:#111723}
html[data-theme=light] .coming-page .primary-cta:hover{background:#293142;border-color:#293142}
html[data-theme=light] .coming-page .form-row input{color:#111723;background:#FFFFFF;border-color:#9AA9BC}
html[data-theme=light] .coming-page .notify-panel label{color:#536076}
html[data-theme=light] .coming-page .form-error{color:#A63758}
html[data-theme=light] .coming-page .illustration{background:#FFFFFF;border-color:#CED5E0}
html[data-theme=light] .coming-page .example-button:hover{background:#E6EBF3}
.coming-page .preferences{grid-column:3;justify-self:end;color:var(--muted)}
.coming-page .theme-choice option{color:var(--text);background:var(--bg)}
.coming-page .locale-choice button[aria-pressed=true]{color:var(--text);background:#90A0B51C}
@media(max-width:1100px){.site-header .nav-cta{display:none}.site-header .site-nav{gap:17px}}
@media(max-width:700px){.site-header{display:grid;grid-template-columns:1fr auto;min-height:112px;height:auto;padding-block:10px;gap:4px 12px}.site-header .brand{grid-row:1;grid-column:1}.site-header .preferences{grid-row:1;grid-column:2}.site-header .site-nav{grid-row:2;grid-column:1/-1;width:100%;justify-content:center;margin:0;gap:24px}.site-header .nav-cta{display:none}.preferences{gap:7px}.theme-choice select{width:73px}.locale-choice button{min-width:33px}.coming-page .topbar{grid-template-columns:1fr;gap:0;padding-block:9px;min-height:112px}.coming-page .wordmark{justify-self:center;grid-column:1;grid-row:1}.coming-page .preferences{grid-column:1;grid-row:2;justify-self:center}.coming-page .header-cta{display:none!important}html[data-theme=light] .aurora-background:after{background:linear-gradient(180deg,#F5F6FAB3 0%,#F5F6FA00 17%,#F5F6FA00 28%,#F5F6FAD9 52%,#F5F6FAF2 76%)}}
@media(max-width:400px){.site-header .preferences{grid-row:2;grid-column:1/-1;justify-self:center}.site-header .site-nav{grid-row:1;grid-column:2;width:auto;gap:11px}.site-header .brand{font-size:23px;gap:7px}.site-header .brand img{width:26px;height:26px}.preferences .locale-choice button{min-width:36px}}

.locale-choice button{min-width:44px!important}
html[lang=en-US] .hero h1{font-size:clamp(50px,6vw,80px);letter-spacing:-.062em}
@media(max-width:700px){html[lang=en-US] .hero h1{font-size:clamp(34px,10.2vw,46px)}}

html[data-theme=light] .button-secondary:hover{background:#FFFFFF;color:#111723}
html[data-theme=light] .plan-quota strong{color:#233147}
html[data-theme=light] .plan-soon .plan-quota strong{color:#626D80}
html[data-theme=light] .legal-article{color:#586274}
html[data-theme=light] .legal-article h2,html[data-theme=light] .legal-article h3,html[data-theme=light] .legal-article strong{color:#233147}
html[data-theme=light] .legal-article a,html[data-theme=light] .legal-links a,html[data-theme=light] .account-panel p a{color:#665CAB}
html[data-theme=light] .footer-links a:hover{color:#111723}

/* An opaque, minimal backplate guarantees mobile light controls remain readable
   over every animated frame, rather than relying on the sphere's current color. */
@media(max-width:700px){html[data-theme=light] .site-header .preferences{padding-inline:10px;border:1px solid #17243A1A;border-radius:999px;background:#F5F6FA;color:#586274}}

/* One consistent opaque header surface protects navigation and preferences at
   every width and theme, including the intermediate/tablet layouts. */
.site-header{background:var(--bg)}