.preference-bar{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:10px 32px;background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink)}
.preference-caption{margin-right:auto;font-size:14px;color:var(--muted)}
.language-switch{display:flex;gap:4px;flex-wrap:wrap}
.language-switch button,#theme-toggle{min-height:44px;padding:10px 14px;font-size:15px;border:1px solid transparent;border-radius:6px;white-space:nowrap;line-height:1.4}
.language-switch button[aria-pressed=true]{background:var(--plum);color:white}
.language-switch button:hover{border-color:var(--accent)}
#theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-color:var(--line);background:var(--white)}
#theme-icon{font-size:23px;line-height:1}
html{scroll-padding-top:95px;color-scheme:light}
html[lang=zh-Hans]{font-family:'DM Sans','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif}
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{font-family:'Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif;line-height:1.3;letter-spacing:0;font-weight:500}
html[lang=zh-Hans] h1{font-size:clamp(50px,5.8vw,78px)}
html[lang=zh-Hans] h2{font-size:clamp(36px,4vw,54px)}
html[lang=zh-Hans] h3{font-size:34px}
html[lang=ms] h1{font-size:clamp(54px,6.2vw,82px);letter-spacing:-2px}
html[lang=ms] .header nav{gap:18px}
html[lang=ms] .hero-actions{align-items:flex-start}
.hero-copy,.booking-intro,.guide-intro,.guide-conversation,.featured-case-intro{min-width:0}
.btn{white-space:normal}.question-list button{gap:18px}
html[data-theme=dark]{color-scheme:dark;--paper:#0d202c;--ink:#f4ecdf;--muted:#c1ced3;--line:#405460;--rose:#293f4d;--plum:#24556e;--lavender:#1c3443;--white:#142b39;--accent:#d4bd96;background:var(--paper)}
html[data-theme=dark] h1 em,html[data-theme=dark] h2 em,html[data-theme=dark] h3 em{color:#dfc49a}
html[data-theme=dark] .welcome-strip,html[data-theme=dark] .smiles,html[data-theme=dark] .appointment-section,html[data-theme=dark] .footer{background:#152e3e}
html[data-theme=dark] .featured-case,html[data-theme=dark] .price-card,html[data-theme=dark] .booking-card,html[data-theme=dark] .guide-feature-grid{border-color:var(--line)}
html[data-theme=dark] .price-card.ceramic,html[data-theme=dark] .guide-intro,html[data-theme=dark] .chat-message.assistant{background:#1c3443}
html[data-theme=dark] .chat-message.user{background:#2a4859}
html[data-theme=dark] .journey{background:#102736}
html[data-theme=dark] .journey p,html[data-theme=dark] .journey h2 em{color:#dfd5c3}
html[data-theme=dark] .comparison-photo,html[data-theme=dark] .portfolio-thumbnails img,html[data-theme=dark] .portfolio-full-frame,html[data-theme=dark] .case-image{background:#263d4a}
html[data-theme=dark] .fineprint,html[data-theme=dark] .portfolio-note,html[data-theme=dark] .booking-steps,html[data-theme=dark] .demo-notice{color:var(--muted)}
html[data-theme=dark] .tag{background:#3d4b50;color:#f3dfbc}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#122938;color:var(--ink);border-color:#586b76}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b4c1c8;opacity:1}
html[data-theme=dark] .btn.outline{border-color:#bcaa8d;color:var(--ink)}
html[data-theme=dark] .btn.outline:hover{background:#324957}
html[data-theme=dark] .btn:hover{background:#34728e}
html[data-theme=dark] .fineprint a,html[data-theme=dark] .chat-source{color:#e6d1ad}
html[data-theme=dark] .guide-invite{background:var(--white);border-color:var(--line)}
html[data-theme=dark] .guide-invite span span,html[data-theme=dark] .portrait-label{color:var(--ink)}
html[data-theme=dark] .question-list,html[data-theme=dark] .question-list button,html[data-theme=dark] .illustrator,html[data-theme=dark] .more-stories,html[data-theme=dark] .booking-contact,html[data-theme=dark] .footer-bottom{border-color:var(--line)}
html[data-theme=dark] .question-list button:hover{color:#e2c28f}
html[data-theme=dark] .clinic-image span{background:#132a38f2;color:var(--ink)}
html[data-theme=dark] .close-dialog{background:#183342;color:var(--ink)}
html[data-theme=dark] .form-error{color:#ffb3a9}
html[data-theme=dark] input[aria-invalid=true],html[data-theme=dark] select[aria-invalid=true]{border-color:#ffb3a9}
html[data-theme=dark] .success-symbol{background:#304d43;color:#d2efd5}
html[data-theme=dark] .step-num,html[data-theme=dark] .material-mark,html[data-theme=dark] .brand-star{color:#d4bd96}
html[data-theme=dark] .smile-canvas{color:#173b50}
html[data-theme=dark] .guide-person{background:#1e3747}
html[data-theme=dark] .guide-person>div{color:#fff4e3}
html[data-theme=dark] .guide-person .tag{color:#fff4e3;background:#173b50}
html[data-theme=dark] :focus-visible{outline-color:#e0bd83}
html[data-theme=dark] .language-switch button[aria-pressed=true]{background:#e2c9a2;color:#102b3b}
@media(max-width:1150px){html[lang=ms] .hero{gap:35px}html[lang=ms] .guide-invite{left:0;right:12px}.booking-steps{flex-wrap:wrap}html[lang=ms] .guide-invite strong{font-size:16px}html[lang=ms] .guide-invite span span{font-size:13px}}
@media(max-width:760px){.preference-bar{padding:8px 16px;gap:6px;justify-content:space-between;flex-wrap:wrap}.preference-caption{display:none}.language-switch{gap:0}.language-switch button{font-size:14px;padding:10px 11px}#theme-toggle{font-size:14px;min-height:42px;padding:8px 12px;margin-left:auto}html{scroll-padding-top:118px}html[lang=zh-Hans] h1{font-size:56px}html[lang=ms] h1{font-size:58px}html[lang=ms] .header>.btn{max-width:145px;font-size:13px}html[lang=ms] .guide-invite{right:8px;left:8px}html[lang=ms] .guide-invite .round-arrow{display:none}.guide-person>div{right:40px}html[lang=ms] .guide-person h2{font-size:20px}.guide-person .tag{letter-spacing:0}.portfolio-dialog-bottom{flex-wrap:wrap}.portfolio-dialog-bottom .eyebrow{line-height:1.6}}
@media(max-width:380px){.preference-bar{padding-inline:12px}.language-switch button{padding-inline:10px}.header>.btn{max-width:140px}html[lang=ms] h1{font-size:53px}.header>.btn{line-height:1.35}}