/* Website appearance is independent of the six-theme App preview. */
.header-actions{gap:17px}
.appearance-control{display:flex;align-items:center;gap:7px}
.appearance-control>.icon{width:16px;height:16px;color:#82796f}
.appearance-control select{background:transparent;border:0;font:inherit;font-size:11px;color:#5f574e;width:85px;min-height:38px;cursor:pointer;outline-offset:2px}
.appearance-control select option{color:#302b27;background:#fffefd}
.locale-control{padding-left:16px}
@media(max-width:1100px){.header nav{gap:20px}.header-actions{gap:12px}.header{gap:16px}.locale-control{padding-left:12px}}
@media(max-width:900px){.header nav{display:none}}
@media(max-width:700px){.header .status-pill{display:none}.header-actions{gap:8px}.appearance-control{gap:5px}.appearance-control select{width:77px;font-size:10px;min-height:42px}.appearance-control>.icon{width:14px;height:14px}.locale-control{padding-left:10px}.locale-control select{width:93px;font-size:10px;min-height:42px}.header{gap:8px}}
@media(max-width:370px){.appearance-control select{width:72px;font-size:9px}.appearance-control>.icon{width:12px;height:12px}.locale-control{padding-left:8px}.locale-control select{width:81px;font-size:9px}.header-actions{gap:5px}}

:root[data-appearance=dark]{color-scheme:dark;--bg:#0b1017;--surface:#141b25;--text:#edf2f8;--muted:#acb8c8;--subtle:#95a5b9;--line:#2a3442;--ice:#abcbd9;--violet:#c3b6dc;--gradient:linear-gradient(110deg,#d4e8f0,#bcb5df 65%,#e8cdbb);--glass-fill:linear-gradient(135deg,#18212ceb,#171e29e3)}
:root[data-appearance=dark] body{background:radial-gradient(ellipse at 88% 1%,#1833453d,transparent 28%),#0b1017;color:#edf2f8}
:root[data-appearance=dark] ::selection{background:#8aafd940;color:#f6faff}
:root[data-appearance=dark] :is(button,a,select,summary):focus-visible{outline-color:#aacfe4}
:root[data-appearance=dark] .header{background:linear-gradient(125deg,#17202bed,#121b25de 55%,#14232de3);border-color:#8bb0cd26;box-shadow:inset 0 1px #ffffff09,0 10px 30px #0003}
:root[data-appearance=dark] .brand img{mix-blend-mode:normal;transform:scale(1.05)}
:root[data-appearance=dark] .header nav{color:#b6c2d0}
:root[data-appearance=dark] .header nav a:hover{color:#fff}
:root[data-appearance=dark] .status-pill{color:#b7c8d7}
:root[data-appearance=dark] .status-dot{background:#a6c5dd;box-shadow:0 0 10px #abcde144}
:root[data-appearance=dark] :is(.appearance-control,.locale-control)>.icon{color:#acbfd1}
:root[data-appearance=dark] :is(.appearance-control,.locale-control) select{color:#dce6ee}
:root[data-appearance=dark] :is(.appearance-control,.locale-control) select option{background:#18212c;color:#edf2f8}
:root[data-appearance=dark] .muted-title{color:#97a6ba}
:root[data-appearance=dark] .hero>.eyebrow{color:#acbccc}
:root[data-appearance=dark] .hero h1{color:#f0f4f8;font-weight:500}
:root[data-appearance=dark] .hero h1 .gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root[data-appearance=dark] .hero-description{color:#b5c1cf}
:root[data-appearance=dark] .hero-actions .button,:root[data-appearance=dark] .button-light{background:linear-gradient(135deg,#f2f5fa,#d4e2ec);color:#172431;box-shadow:inset 0 1px #fff,0 5px 20px #a4bace12}
:root[data-appearance=dark] .hero-actions .button:hover,:root[data-appearance=dark] .button-light:hover{background:#fff}
:root[data-appearance=dark] .quiet-link,:root[data-appearance=dark] .hero-actions .quiet-link{color:#c1cfdd}
:root[data-appearance=dark] .quiet-link:hover{color:#fff}
:root[data-appearance=dark] .cinema-aura{background:radial-gradient(ellipse at 25% 55%,#4b52632b,transparent 58%),radial-gradient(ellipse at 75% 40%,#3f698c3b,transparent 60%)}
:root[data-appearance=dark] .hero-tv{border-color:#414854;box-shadow:0 0 0 1px #9cadbf55,inset 0 0 0 1px #fff2,0 30px 65px #0007;background:#05080d}
:root[data-appearance=dark] .hero-tv:after{background:linear-gradient(180deg,#0002,transparent 38%,#0004)}
:root[data-appearance=dark] .tv-top{color:#e9f1fbd6}
:root[data-appearance=dark] .tv-stand{background:linear-gradient(#454c58,#202934)}
:root[data-appearance=dark] .showcase-phone,:root[data-appearance=dark] .showcase-phone:has(>.product-ui){background:#111315;color:#f1f3f4;border-color:#4b535e;box-shadow:0 0 0 1px #9aabbb66,inset 0 0 0 1px #111,0 30px 55px #0008}
:root[data-appearance=dark] .hero-under,:root[data-appearance=dark] .hero-under>p:last-child,:root[data-appearance=dark] .device-caption,:root[data-appearance=dark] .device-caption>span:first-child{color:#9eaec0}
:root[data-appearance=dark] .experience-index>a{color:#b9c7d6}
:root[data-appearance=dark] .experience-index>a>span:first-child,:root[data-appearance=dark] .experience-index>a>span:last-child{color:#9faec2}
:root[data-appearance=dark] .experience-index>a:hover{color:#fff;background:#17212e}
:root[data-appearance=dark] .dual-point>.icon{color:#b5cce0}
:root[data-appearance=dark] .compatibility-note summary,:root[data-appearance=dark] .compatibility-note p{color:#a8b6c9}
:root[data-appearance=dark] .single-screen{background:radial-gradient(ellipse at 0 100%,#28415747,transparent 60%),#141c27;border-color:#2b3544}
:root[data-appearance=dark] .single-screen-copy>p:last-child{color:#aebcce}
:root[data-appearance=dark] .landscape-phone{border-color:#5a6473;box-shadow:0 0 0 1px #8998ab44,0 15px 32px #0005;background:#111315}
:root[data-appearance=dark] .landscape-lesson{color:#f1f3f4;background:#171c23}
:root[data-appearance=dark] .landscape-lesson .same-native{color:#f1f3f4}
:root[data-appearance=dark] .landscape-lesson :is(.same-native-mode,.same-native-meta,.same-native-translation,.same-native-actions){color:#aebbc9}
:root[data-appearance=dark] .landscape-lesson .same-native-card{background:#20262e;border-color:#384450;box-shadow:none}
:root[data-appearance=dark] .landscape-lesson .same-native-original mark{background:#344353;color:#eef4fb}
:root[data-appearance=dark] .landscape-lesson .same-native-original rt{color:#b5c2d0}
:root[data-appearance=dark] .landscape-lesson .same-native-actions{border-color:#394550}
:root[data-appearance=dark] .learning{background:radial-gradient(ellipse at 5% 45%,#19334438,transparent 70%),#0d141e;border-color:#263443}
:root[data-appearance=dark] .demo{background:#121b26;border-color:#303f50;box-shadow:0 20px 60px #0003}
:root[data-appearance=dark] .demo-top{background:linear-gradient(125deg,#182433,#16212c);border-color:#2b3949}
:root[data-appearance=dark] .demo-brand{color:#dce7f3}
:root[data-appearance=dark] .demo-brand>span:last-child,:root[data-appearance=dark] .demo-label{color:#a4b5c8}
:root[data-appearance=dark] .demo-divider{background:#35465a}
:root[data-appearance=dark] .scene:after{background:linear-gradient(180deg,#07101b22,transparent 30%,#040c1755 68%,#040c17cc)}
:root[data-appearance=dark] .scene-heading,:root[data-appearance=dark] .scene-bottom{color:#d8e5f1}
:root[data-appearance=dark] .scene-number{border-color:#d8e5f133}
:root[data-appearance=dark] .scene-caption-icon{background:#14243777;color:#e3eef9;border-color:#9cb4cc44}
:root[data-appearance=dark] .scene-bottom i{color:#c0d3e8}
:root[data-appearance=dark] .scene-timeline{background:#b4cee94d}
:root[data-appearance=dark] .scene-timeline>span,:root[data-appearance=dark] .scene-timeline>i{background:#c4def2}
:root[data-appearance=dark] .demo-caption,:root[data-appearance=dark] .insight-details p,:root[data-appearance=dark] .platform-more,:root[data-appearance=dark] .platform-note{color:#a5b5c9}
:root[data-appearance=dark] .youtube-mark{background:#e1e9f2;color:#192432}
:root[data-appearance=dark] .platform-more{border-color:#33465a}
:root[data-appearance=dark] .voice-card{background:#141c27;border-color:#2c3848;box-shadow:0 20px 45px #0002}
:root[data-appearance=dark] .product-ui.product-voice-settings,:root[data-appearance=dark] .product-ui.product-shadow-settings{background:radial-gradient(ellipse at 50% 35%,#2e496040,transparent 80%),#101924;border-color:#2c3848}
:root[data-appearance=dark] .voice-copy>p:not(.eyebrow),:root[data-appearance=dark] .voice-copy>p.voice-detail{color:#a8b8cc}
:root[data-appearance=dark] .product-ui:not(.product-workspace-panel){--prod-paper:#111315;--prod-card:#202326;--prod-low:#191c1f;--prod-ink:#f1f3f4;--prod-muted:#afb4bb;--prod-line:#383d42;--prod-accent:#e0e5e8;--prod-selected:#343a41;--prod-selected-line:#75818c;color:var(--prod-ink)}
:root[data-appearance=dark] .product-ui.product-phone .prod-phone-bottom{box-shadow:0 -4cqw 5cqw #111315}
:root[data-appearance=dark] .product-ui.product-phone .prod-phone-status>i{background:#05080c}
:root[data-appearance=dark] .custom-section{background:radial-gradient(ellipse at 15% 35%,#1e374959,transparent 58%),radial-gradient(ellipse at 90% 85%,#45364e33,transparent 50%),#111a25;color:#edf2f8;--muted:#aabace;--line:#2a3a4b;--text:#edf2f8;border-color:#2a3a4b}
:root[data-appearance=dark] .custom-section .muted-title{color:#9cb0c6}
:root[data-appearance=dark] .theme-options button{color:#aabbd0}
:root[data-appearance=dark] .theme-options button[aria-pressed=true]{border-color:#8aabc6;background:#24364b;color:#eef5ff}
:root[data-appearance=dark] .theme-options button:hover{background:#24364b80}
:root[data-appearance=dark] .theme-options i{border-color:#cfdded66}
:root[data-appearance=dark] .custom-workspace{border-color:#6e829457;box-shadow:0 30px 70px #0004,0 4px 10px #0002}
:root[data-appearance=dark] .layout-options{background:#192737;border-color:#33475b}
:root[data-appearance=dark] .layout-options button{color:#adbed4}
:root[data-appearance=dark] .layout-options button:hover{color:#f4f9ff;background:#283e54}
:root[data-appearance=dark] .layout-options button[aria-pressed=true]{color:#f4f9ff;background:linear-gradient(#2c425b,#263c54) padding-box,linear-gradient(110deg,#94bbd5,#b4a5cf) border-box;box-shadow:0 2px 5px #0002}
:root[data-appearance=dark] .custom-note,:root[data-appearance=dark] .custom-details p{color:#a8b9cc}
:root[data-appearance=dark] .custom-details h3{color:#e0eaf5}
:root[data-appearance=dark] .feature-grid{background:#2b3747;border-color:#2b3747}
:root[data-appearance=dark] .feature{background:#141e2a}
:root[data-appearance=dark] .feature:hover{background:#1a293a}
:root[data-appearance=dark] .feature-top,:root[data-appearance=dark] .feature-top>span{color:#aec4db}
:root[data-appearance=dark] .feature h3{color:#edf3fb}
:root[data-appearance=dark] .feature p,:root[data-appearance=dark] .feature-flow{color:#a8b9ce}
:root[data-appearance=dark] .feature:last-child{background:radial-gradient(ellipse at 100% 80%,#334d6745,transparent 70%),#141e2a}
:root[data-appearance=dark] .faq-list summary{color:#dae5f2}
:root[data-appearance=dark] .faq-list summary i:before,:root[data-appearance=dark] .faq-list summary i:after{background:#abc3dc}
:root[data-appearance=dark] .faq-list details>p{color:#adbed3}
:root[data-appearance=dark] .launch{background:radial-gradient(ellipse at 0 80%,#244a655e,transparent 60%),radial-gradient(ellipse at 95% 90%,#4f355e52,transparent 55%),#131e2a;border-color:#334256}
:root[data-appearance=dark] .launch-description{color:#b6c7dc}
:root[data-appearance=dark] .launch-orbit{border-color:#9ab5cc26;box-shadow:0 0 0 45px #95bed606,0 0 0 46px #95bed60c}
:root[data-appearance=dark] .footer p,:root[data-appearance=dark] .footer-links,:root[data-appearance=dark] .footer-links>span{color:#a8bace}
:root[data-appearance=dark] .footer a:hover{color:#f3f8ff}
@media(prefers-reduced-transparency:reduce){:root[data-appearance=dark] .header,:root[data-appearance=dark] .glass{background:#17212d}}
@media(prefers-contrast:more){:root[data-appearance=dark]{--muted:#d4e0ee;--line:#7691aa}:root[data-appearance=dark] .hero h1 .gradient-text{background:none;color:#d6e9ff;-webkit-text-fill-color:currentColor}:root[data-appearance=dark] .product-ui:not(.product-workspace-panel){--prod-muted:#d4dfeb;--prod-line:#71869e}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-appearance=dark] .header{background:#17212d}}