/* One palette, canvas and appearance control for the public Noma service. */
html[data-room-theme=system]{color-scheme:light dark}
html[data-room-theme=light]{color-scheme:light}
html[data-room-theme=dark]{color-scheme:dark}
html[data-room-theme] :is(.br-guest,.align-room-guest){color-scheme:inherit;--surface:light-dark(#fff,#172536);--ink:light-dark(#0f172a,#eaf3fb);--muted:light-dark(#516477,#a3b8ca);--line:light-dark(#dce7ef,#344659);--soft:light-dark(#f4f8fc,#1a2b3e);--pale:light-dark(#e6f4fb,#1e3b51);--accent:light-dark(#0369a1,#7dd3fc);--green:light-dark(#087a65,#5ee0b7);--red:light-dark(#b93849,#ff9fa8);--yellow:light-dark(#8a610b,#f3cd78);--bg:light-dark(#f3f7fb,#111d2d);--on-accent:light-dark(#fff,#111d2d);--br-on-accent:var(--on-accent);background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
:is(.br-guest,.align-room-guest) *, :is(.br-guest,.align-room-guest) *::before,:is(.br-guest,.align-room-guest) *::after{box-sizing:border-box}
body.br-guest .br-shell,body.align-room-guest .content{margin:0 auto;width:100%;max-width:1500px;min-width:0;padding:clamp(14px,4vw,36px);overflow-x:clip}
.align-room-guest .primary{color:var(--on-accent)}
.br-guest .br-form :is(input,textarea,select){background:var(--soft);color:var(--ink)}
.room-service-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:0 0 26px;min-height:48px}
.room-service-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink)!important;text-decoration:none;line-height:1.1;flex-shrink:0}.room-service-brand img{width:40px;height:40px}.room-service-brand b{display:block;font-size:24px;letter-spacing:-.04em;font-weight:800}.room-service-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;white-space:nowrap;margin-top:6px;font-weight:650}
.room-service-tools{display:flex;align-items:center;gap:18px;margin-left:auto}.room-tool-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.room-theme-switch{position:relative;display:grid;grid-template-columns:repeat(3,38px);gap:2px;padding:4px;width:128px;min-height:46px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--ink) 4%,var(--surface));box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink) 5%,transparent);isolation:isolate}
.room-theme-switch::before{content:"";position:absolute;left:4px;top:4px;width:38px;height:36px;border-radius:11px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:0 2px 6px color-mix(in srgb,var(--ink) 9%,transparent);transition:transform .18s ease;z-index:-1}.room-theme-switch[data-mode=dark]::before{transform:translateX(40px)}.room-theme-switch[data-mode=system]::before{transform:translateX(80px)}
body :is(.br-shell,.content) .room-theme-switch button{display:grid;place-items:center;min-height:36px;width:38px;height:36px;padding:0;border:0;border-radius:11px;background:transparent;box-shadow:none;color:var(--muted);cursor:pointer;transition:color .15s ease}
body :is(.br-shell,.content) .room-theme-switch button:hover{background:transparent;color:var(--ink)}
body :is(.br-shell,.content) .room-theme-switch button[aria-checked=true]{color:var(--accent)}
body :is(.br-shell,.content) .room-theme-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:540px){.room-service-header{gap:12px;margin-bottom:20px}.room-service-tools{gap:10px}.room-tool-label{display:none}.room-theme-switch{grid-template-columns:repeat(3,40px);width:134px;min-height:48px}.room-theme-switch::before{width:40px;height:38px}.room-theme-switch[data-mode=dark]::before{transform:translateX(42px)}.room-theme-switch[data-mode=system]::before{transform:translateX(84px)}body :is(.br-shell,.content) .room-theme-switch button{width:40px;height:38px;min-height:38px}}
@media(prefers-reduced-motion:reduce){.room-theme-switch::before,.room-theme-switch button{transition:none}}