@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800&display=swap');
:root {--app-font:'DM Sans',sans-serif}
:root[data-font="inter"] {--app-font:'Inter',sans-serif}
:root[data-font="poppins"] {--app-font:'Poppins',sans-serif}
:root[data-font="playfair"] {--app-font:'Playfair Display',Georgia,serif}
body,button,input,textarea,select {font-family:var(--app-font)!important}
h1,h2,h3,.logo strong,.stat strong,.price .amount,.frame-text .big,.room-label,.personplaceholder,.timechip {font-family:var(--app-font)!important}
.appearance-modal {width:min(100%,490px)}
.appearance-modal .subdued {font-size:12px;line-height:1.65}
.appearance-label {margin:20px 0 11px;font-size:12px;font-weight:800;letter-spacing:.2px}
.appearance-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.appearance-choice {border:1.5px solid #dfd4c5;background:#fff9f0;color:#454052;border-radius:15px;padding:12px 9px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:105px;font-size:12px;font-weight:700}
.appearance-choice .appearance-swatch {width:54px;height:45px;border-radius:10px;border:1px solid #d4c5b6;display:flex;align-items:center;justify-content:center;font-size:18px}
.appearance-choice[data-theme-option=cream] .appearance-swatch{background:#faf2e6;color:#6a593f}
.appearance-choice[data-theme-option=white] .appearance-swatch{background:#fff;color:#6655b8}
.appearance-choice[data-theme-option=dark] .appearance-swatch{background:#171829;color:#d1c4ff;border-color:#55506d}
.appearance-choice[aria-pressed=true] {border-color:#836edb;background:#f5f0ff;color:#5541b7;box-shadow:0 0 0 2px #a597df29}
.appearance-choice:focus-visible {outline:2px solid #826ad8;outline-offset:3px}
.appearance-modal .field {background:#fffdf9;color:#263044}
.appearance-font-preview {margin-top:10px;border:1px solid #e4dccf;border-radius:12px;padding:12px 13px;background:#fffaf3;color:#313449;font-size:17px;line-height:1.45}
.appearance-note {margin-top:11px;color:#82808e;font-size:11px;line-height:1.6}
#appearanceButton {font-size:18px}
html[data-theme="dark"] .appearance-choice {background:#222336;color:#e5e0f2;border-color:#45445f}
html[data-theme="dark"] .appearance-choice[aria-pressed=true] {border-color:#a48df7;background:#352e56;color:#fff}
html[data-theme="dark"] .appearance-modal .field {background:#18192b;color:#eeeafa;border-color:#555372}
html[data-theme="dark"] .appearance-font-preview {background:#202236;border-color:#48445e;color:#f6efff}
html[data-theme="dark"] .appearance-note {color:#aca4c2}
html[data-theme="dark"] .appearance-label {color:#e5e0f2}
html[data-theme="dark"] .appearance-modal label {color:#c9c4db}
@media(max-width:430px) {
 .appearance-grid {gap:6px}
 .appearance-choice {min-height:94px;padding:10px 4px;font-size:11px}
 .appearance-choice .appearance-swatch {width:48px;height:41px}
 .appearance-modal {padding:19px}
}