/* Web interpretation of glass controls; opaque content and accessible fallbacks. */
:root{--glass:linear-gradient(145deg,#ffffff1f,#ffffff08 45%,#ffffff10),#1c262349;--glass-edge:#ffffff45;--glass-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #ffffff0b,0 12px 36px #0003;--hud-font:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.site-nav,.chapters,#config-toggle,#config-panel,.backdrop-controls,.view-controls{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);font-family:var(--hud-font)}
.site-nav{padding:5px;gap:2px;border-radius:999px;margin-top:-3px}.site-nav a{padding:0 17px;min-height:42px;border-radius:999px;font-size:12px;gap:10px;transition:background .2s,color .2s}.site-nav a::after{display:none}.site-nav a[aria-current]{background:#ffffff26;box-shadow:inset 0 1px 0 #ffffff2e}.site-nav a:hover{background:#ffffff1c}.site-nav .contact-link{margin-left:2px}.site-nav .contact-link span{font-size:16px;color:#eeeee5}
.set-selector{left:50%;right:auto;transform:translateX(-50%);width:min(740px,calc(100% - 64px));bottom:78px}.chapters{border-radius:28px;padding:6px;gap:4px}.chapters a{display:flex;align-items:center;justify-content:center;gap:11px;padding:16px 14px;min-height:56px;border:0;border-radius:22px;color:#e1e5dc;transition:background .25s,color .25s,box-shadow .25s}.chapters a::before{display:none}.chapters a small{display:none}.chapters a strong{font-size:13px;font-weight:500;letter-spacing:-.015em}.chapters a span{padding:0;font:10px var(--hud-font);opacity:.65;color:inherit}.chapters a[aria-current]{background:linear-gradient(#ffffffed,#e6eae0e8);color:#202920;box-shadow:inset 0 1px 0 white,0 2px 9px #0002}.chapters a[aria-current] span{color:#384c3a}.chapters a:hover:not([aria-current]){background:#ffffff18}
#config-toggle{border-radius:999px;padding:12px 18px;gap:16px;min-height:46px}#config-toggle span{color:#e9eee5}#config-toggle:hover{background-color:#ffffff18}#config-panel{border-radius:28px;padding:0 20px 22px;background:linear-gradient(145deg,#ffffff16,#ffffff05),#17231dd4;scroll-padding-top:66px;scrollbar-color:#ffffff40 transparent}.config-heading{background:#25322bdb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);margin:0 -20px 0;padding:8px 17px 8px 22px;border-bottom:1px solid #ffffff18;min-height:64px;font-size:12px;font-weight:500}.config-heading button,.room-top button{display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff13;border-radius:50%;height:34px;width:34px;min-height:34px;min-width:34px;margin:0;font-size:21px}.config-heading button:hover,.room-top button:hover{background:#ffffff26}
#config-panel legend{font-family:var(--hud-font);letter-spacing:0;text-transform:none;color:#d0d8cb;font-size:11px;margin-bottom:10px}.config-options{gap:3px;padding:4px;background:#00000024;border-radius:16px;flex-wrap:nowrap}.config-options button{flex:1;border:0;border-radius:12px;background:transparent;min-height:36px;padding:9px 8px;color:#dfe6d8;white-space:nowrap;font-size:11px;transition:background .2s,box-shadow .2s}.config-options button[aria-pressed=true]{background:#e9eee3;color:#1c291e;box-shadow:0 2px 5px #0002,inset 0 1px 0 white}.config-options button:hover:not([aria-pressed=true]){background:#ffffff15}.range-label{font-size:12px}.range-label output{font-variant-numeric:tabular-nums;color:#d4ddcb}#light-level{accent-color:#edf3e5}#config-reset{display:block;text-align:center;width:100%;border:1px solid #ffffff28;border-radius:16px;background:#ffffff0b;min-height:44px}.config-note{color:#b9c4ae;font-size:11px}.rug-control input{appearance:none;-webkit-appearance:none;position:relative;width:38px;height:24px;border-radius:999px;background:#ffffff22;border:1px solid #ffffff26;cursor:pointer;transition:background .2s}.rug-control input::after{content:'';position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#f0f3ea;box-shadow:0 1px 4px #0003;transition:transform .2s}.rug-control input:checked{background:#6c8f6b}.rug-control input:checked::after{transform:translateX(14px)}
.backdrop-controls{border-radius:22px;padding:5px 7px;bottom:86px}.backdrop-controls button{border-radius:16px;min-height:40px;background:none;border:0}.backdrop-controls button[aria-pressed=true]{background:#ffffff25;box-shadow:inset 0 1px 0 #ffffff35}.backdrop-controls>span{margin:0 8px;color:#d1d7c9}.view-menu summary{border-radius:999px;padding:0 14px;background:#ffffff0c;border:1px solid #ffffff23}.view-controls{border-radius:20px;padding:8px;bottom:54px}.view-controls button{padding:12px 10px;border:0!important;border-radius:12px}.view-controls button:hover{background:#ffffff16}
#room-panel{padding:0 28px 28px;top:128px;border-radius:28px;border:1px solid #ffffff30;background:#172018e8;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.room-top{margin:0 -28px 28px;padding:10px 22px 10px 28px;background:#1b281ff2;min-height:64px;border-bottom-color:#ffffff17}.room-top button{font-size:11px;width:auto;min-width:68px;border-radius:999px;padding:8px 12px}.panel-primary,.submit-button{border-radius:16px}.panel-primary{background:#e7eddf;color:#1c291e;padding:16px;border:0}.panel-primary span{color:inherit}#room-content input,#room-content select,#room-content textarea{background:#ffffff08;border:1px solid #ffffff20;border-radius:12px;padding:12px}.service-option{border-color:#ffffff22}dialog{border-radius:28px;background:#172018f5;box-shadow:var(--glass-shadow)}.dialog-head button{border-radius:999px}dialog img{border-radius:16px}
@media(max-width:1000px){.site-nav{gap:0}.site-nav a{padding:0 13px}.site-nav .contact-link{margin:0}}
@media(max-width:700px){header{gap:15px}.site-nav{margin:0;padding:4px;justify-content:space-between;border-radius:999px;gap:0}.site-nav a{justify-content:center;padding:0 11px;min-height:40px;font-size:11px}.site-nav .contact-link{gap:7px}.set-selector{left:16px;right:16px;transform:none;width:auto;bottom:calc(72px + env(safe-area-inset-bottom))}.chapters{border-radius:24px;padding:5px;gap:2px}.chapters a{flex-direction:column;gap:6px;min-height:58px;padding:10px 3px;border-radius:19px}.chapters a strong{font-size:10px}.chapters a span{font-size:9px}.backdrop-controls{bottom:83px;right:0}.backdrop-controls button{padding:9px 10px}.backdrop-controls>span{display:none}#config-toggle{top:144px;padding:9px 14px;min-height:44px;font-size:10px}#config-panel{top:145px;border-radius:24px;height:min(280px,36svh);padding:0 18px 18px}.config-heading{margin:0 -18px;padding:8px 14px 8px 18px;min-height:54px}.config-options button{min-height:40px;font-size:11px}#room-panel{top:30svh;left:10px;right:10px;width:auto;border-radius:26px 26px 0 0;padding:0 22px calc(24px + env(safe-area-inset-bottom))}.room-top{margin:0 -22px 25px;padding:9px 18px 9px 22px}.footer-tools{gap:10px}.view-menu summary{padding:0 12px;gap:9px}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){.site-nav,.chapters,#config-panel,#config-toggle,.backdrop-controls,.view-controls,#room-panel{background:#19251bf5;border-color:#e1e8db90;-webkit-backdrop-filter:none;backdrop-filter:none}.config-note{color:#e1e8db}}
@supports not (backdrop-filter:blur(1px)){.site-nav,.chapters,#config-panel,#config-toggle,.backdrop-controls,.view-controls{background:#1b271ff5}}

@media(pointer:coarse){.config-heading button{width:44px;height:44px;min-width:44px;min-height:44px}.room-top button{min-height:44px}.config-options button{min-height:44px}}