.surface[data-style=neumorph][data-surface=desktop]{--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:26px;--r-pill:999px}.halo{--neu-o:5px;--neu-b:12px;--neu-l:color-mix(in srgb,var(--color-surface-5)70%,transparent);--neu-d:var(--frame-shadow);--neu-o-sm:calc(var(--neu-o)*.55);--neu-b-sm:calc(var(--neu-b)*.6);--neu-o-lg:calc(var(--neu-o)*1.7);--neu-b-lg:calc(var(--neu-b)*1.9);--neu-raise:var(--neu-o)var(--neu-o)var(--neu-b)var(--neu-d),calc(var(--neu-o)*-1)calc(var(--neu-o)*-1)var(--neu-b)var(--neu-l);--neu-raise-lg:var(--neu-o-lg)var(--neu-o-lg)var(--neu-b-lg)var(--neu-d),calc(var(--neu-o-lg)*-1)calc(var(--neu-o-lg)*-1)var(--neu-b-lg)var(--neu-l);--neu-press:inset var(--neu-o-sm)var(--neu-o-sm)var(--neu-b-sm)var(--neu-d),inset calc(var(--neu-o-sm)*-1)calc(var(--neu-o-sm)*-1)var(--neu-b-sm)var(--neu-l);background:var(--color-bg);min-width:0;min-height:0;color:var(--color-text);font-size:var(--fs-body);flex-direction:column;flex:1;line-height:1.45;display:flex;position:relative;overflow:hidden}.halo[data-softness=firm]{--neu-o:2px;--neu-b:6px}.halo[data-softness=medium]{--neu-o:5px;--neu-b:12px}.halo[data-softness=soft]{--neu-o:9px;--neu-b:20px}.halo-raised{background:var(--color-bg);box-shadow:var(--neu-raise)}.halo-raised-lg{background:var(--color-surface-2);box-shadow:var(--neu-raise-lg)}.halo-press{background:var(--color-bg);box-shadow:var(--neu-press)}.tnum{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.halo kbd{border-radius:var(--r-xs);background:var(--color-surface-2);box-shadow:var(--neu-raise);font-family:inherit;font-size:var(--fs-label-s);color:var(--color-text-muted);padding:2px 7px;font-weight:600}.halo-avatar{background:var(--color-bg);width:30px;height:30px;box-shadow:var(--neu-raise);color:var(--color-text);font-size:var(--fs-label-s);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.halo-view{gap:var(--sp-5);flex-direction:column;min-width:0;padding:18px 22px 28px;display:flex}.halo-split{align-items:flex-start;gap:var(--sp-5);flex-direction:row;min-height:100%}.halo-split>.halo-pane{flex:1;min-width:0}.halo-band{gap:var(--sp-4);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;display:grid}.halo-stat{border-radius:var(--r-lg);flex-direction:column;gap:3px;padding:13px 16px 15px;display:flex}.halo-stat__label{font-size:var(--fs-label-s);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:7px;font-weight:700;display:flex}.halo-stat__icon{color:var(--color-text-muted)}.halo-stat[data-tone=down] .halo-stat__icon,.halo-stat[data-tone=up] .halo-stat__icon{color:var(--color-primary)}.halo-stat__value{font-size:var(--fs-h2);letter-spacing:-.02em;color:var(--color-text);font-weight:700;line-height:1.1}.halo-stat__unit{font-size:var(--fs-body);color:var(--color-text-muted);margin-left:3px;font-style:normal;font-weight:600}.halo-stat__sub{font-size:var(--fs-label-s);color:var(--color-text-muted)}.halo-stats{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.halo-card{border-radius:var(--r-lg);padding:16px 18px 18px}.halo-card__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:14px;display:flex}.halo-card__head h2{font-size:var(--fs-h3);letter-spacing:-.01em;margin:0;font-weight:700}.halo-card__head p{font-size:var(--fs-label-s);color:var(--color-text-muted);margin:2px 0 0}.halo-card__meta{font-size:var(--fs-label-s);color:var(--color-text-muted);flex:none;font-weight:600}.halo-btn{border-radius:var(--r-pill);background:var(--color-bg);min-height:34px;box-shadow:var(--neu-raise);color:var(--color-text);font-size:var(--fs-label);white-space:nowrap;cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized);justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:600;display:inline-flex}.halo-btn:hover{color:var(--color-primary)}.halo-btn:active{box-shadow:var(--neu-press)}.halo-btn--quiet{background:var(--color-surface-2);box-shadow:var(--neu-raise);color:var(--color-text-muted)}.halo-btn--sm{min-height:28px;font-size:var(--fs-label-s);padding:0 12px}.halo-iconbtn{border-radius:var(--r-pill);background:var(--color-bg);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized),color var(--dur-2)var(--ease-emphasized);flex:none;place-items:center;display:grid}.halo-iconbtn:hover{color:var(--color-text)}.halo-iconbtn:active{box-shadow:var(--neu-press)}.halo-seg{border-radius:var(--r-pill);background:var(--color-bg);box-shadow:var(--neu-press);gap:6px;padding:5px;display:inline-flex}.halo-seg__btn{border-radius:var(--r-pill);min-width:88px;min-height:30px;color:var(--color-text-muted);font-size:var(--fs-label);cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized),background var(--dur-2)var(--ease-emphasized);background:0 0;padding:0 14px;font-weight:600}.halo-seg__btn:hover{color:var(--color-text)}.halo-seg__btn.is-on{background:var(--color-bg);box-shadow:var(--neu-raise);color:var(--color-text)}.halo-chip{border-radius:var(--r-pill);font-size:var(--fs-label-s);white-space:nowrap;color:var(--color-text);padding:2px 10px;font-weight:700}.halo-chip[data-tone=mute]{background:var(--color-surface-3)}.halo-chip[data-tone=on]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.halo-chip[data-tone=warn]{background:var(--color-tertiary-container);color:var(--color-text)}.halo-chip[data-tone=off]{background:var(--color-surface-2);color:var(--color-text-muted)}.halo-legend{font-size:var(--fs-label-s);color:var(--color-text-muted);flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.halo-legend li{align-items:center;gap:6px;display:flex}.halo-legend i{background:var(--color-surface-3);border-radius:3px;width:10px;height:10px}.halo-legend li[data-on] i{background:var(--color-primary)}.halo-step{border-radius:var(--r-pill);background:var(--color-bg);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized);flex:none;place-items:center;display:grid}.halo-step:hover:not(:disabled){color:var(--color-primary)}.halo-step:active:not(:disabled){box-shadow:var(--neu-press)}.halo-step:disabled{opacity:.4;cursor:default}.halo-switch{border-radius:var(--r-pill);background:var(--color-bg);width:54px;height:30px;box-shadow:var(--neu-press);cursor:pointer;transition:background var(--dur-2)var(--ease-emphasized),box-shadow var(--dur-2)var(--ease-emphasized);flex:none;position:relative}.halo-switch__knob{background:var(--color-surface-3);width:22px;height:22px;box-shadow:var(--neu-raise);transition:transform var(--dur-2)var(--ease-emphasized);border-radius:50%;position:absolute;top:4px;left:4px}.halo-switch.is-on{background:var(--color-primary-container)}.halo-switch.is-on .halo-switch__knob{transform:translate(24px)}.halo-searchbtn{border-radius:var(--r-pill);background:var(--color-bg);height:32px;box-shadow:var(--neu-press);color:var(--color-text-muted);font-size:var(--fs-label);cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized);align-items:center;gap:8px;padding:0 8px 0 12px;display:inline-flex}.halo-searchbtn:hover{box-shadow:var(--neu-raise)}.halo-scene{border-radius:var(--r-pill);background:var(--color-primary-container);height:32px;box-shadow:var(--neu-raise);color:var(--color-on-primary-container);font-size:var(--fs-label);cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized);align-items:center;gap:8px;padding:0 15px;font-weight:700;display:inline-flex}.halo-scene:active{box-shadow:var(--neu-press)}.halo-live{border-radius:var(--r-pill);background:var(--color-bg);height:30px;box-shadow:var(--neu-raise);font-size:var(--fs-label-s);color:var(--color-text-muted);align-items:center;gap:7px;padding:0 12px;font-weight:600;display:inline-flex}.halo-live b{color:var(--color-text)}.halo-roomstrip{gap:var(--sp-3);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.halo-roomtile{border-radius:var(--r-lg);background:var(--color-bg);min-width:0;color:var(--color-text);text-align:left;cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized),background var(--dur-2)var(--ease-emphasized);flex-direction:column;align-items:flex-start;gap:1px;padding:11px 13px 12px;display:flex}.halo-roomtile:hover{box-shadow:var(--neu-raise-lg)}.halo-roomtile.is-on{box-shadow:var(--neu-press);background:var(--color-surface-2)}.halo-roomtile__name{font-size:var(--fs-label-s);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:700;overflow:hidden}.halo-roomtile b{font-size:var(--fs-h3);letter-spacing:-.02em;font-weight:700}.halo-roomtile__sub{font-size:var(--fs-label-s);color:var(--color-text-muted)}.halo-gridsection{flex-direction:column;min-width:0;display:flex}.halo-sectionbar{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.halo-sectionbar h2{font-size:var(--fs-h3);letter-spacing:-.01em;margin:0;font-weight:700}.halo-sectionbar__right{align-items:center;gap:var(--sp-3);display:flex}.halo-grid{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.halo-device{border-radius:var(--r-lg);flex-direction:column;gap:12px;min-width:0;padding:14px 15px 13px;display:flex}.halo-device__head{align-items:center;gap:11px;min-width:0;display:flex}.halo-device__id{flex:1;min-width:0}.halo-device__id h3{font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.halo-device__id p{font-size:var(--fs-label-s);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;overflow:hidden}.halo-device__draw{font-size:var(--fs-label-s);color:var(--color-text-muted);flex:none;font-weight:700}.halo-device[data-on] .halo-device__draw{color:var(--color-primary)}.halo-device[data-offline]{opacity:.62}.halo-device[data-offline] .halo-power.is-on{box-shadow:var(--neu-raise);color:var(--color-text-muted);background:var(--color-bg)}.halo-device__foot{font-size:var(--fs-label-s);color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.halo-device__state{color:var(--color-text);font-weight:700}.halo-device__room{white-space:nowrap}.halo-power{background:var(--color-bg);box-shadow:var(--neu-raise);color:var(--color-text-muted);cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized),color var(--dur-2)var(--ease-emphasized);border-radius:50%;flex:none;place-items:center;display:grid}.halo-power--lg{width:54px;height:54px}.halo-power--md{width:40px;height:40px}.halo-power--sm{width:32px;height:32px}.halo-power.is-on{box-shadow:var(--neu-press);color:var(--color-on-primary-container);background:var(--color-primary-container)}.halo-power:hover{color:var(--color-primary)}.halo-wellrow{align-items:center;gap:8px;display:flex}.halo-well{border-radius:var(--r-md);flex:1;min-width:0;margin:0;padding:8px 11px 9px;position:relative;overflow:hidden}.halo-well__label{font-size:var(--fs-label-s);color:var(--color-text-muted);font-weight:600;display:block}.halo-well b{font-size:var(--fs-body-l);letter-spacing:-.01em;color:var(--color-text);font-weight:700;display:block}.halo-well b em{font-size:var(--fs-label);color:var(--color-text-muted);margin-left:2px;font-style:normal;font-weight:600}.halo-well__fill{background:var(--color-primary);opacity:.85;height:3px;position:absolute;bottom:0;left:0}.halo-well--static b{font-size:var(--fs-body)}.halo-pane{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.halo-roomfilter{border-radius:var(--r-pill);height:36px;color:var(--color-text-muted);align-items:center;gap:9px;padding:0 14px;display:flex}.halo-roomfilter input{min-width:0;color:var(--color-text);font:inherit;font-size:var(--fs-body);background:0 0;border:none;outline:none;flex:1}.halo-roomlist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.halo-roomlist__empty{font-size:var(--fs-label);color:var(--color-text-muted);padding:22px 4px}.halo-roomrow{border-radius:var(--r-lg);width:100%;color:var(--color-text);text-align:left;cursor:pointer;transition:box-shadow var(--dur-2)var(--ease-emphasized),background var(--dur-2)var(--ease-emphasized);align-items:center;gap:14px;padding:12px 16px;display:flex}.halo-roomrow:hover{box-shadow:var(--neu-raise-lg)}.halo-roomrow.is-on{box-shadow:var(--neu-press);background:var(--color-surface-2)}.halo-roomrow__temp{width:52px;font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--color-primary);flex:none;font-weight:700}.halo-roomrow__id{flex:1;min-width:0}.halo-roomrow__id b{font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.halo-roomrow__id span,.halo-roomrow__counts span{font-size:var(--fs-label-s);color:var(--color-text-muted)}.halo-roomrow__counts{text-align:right;flex:none;line-height:1.2}.halo-roomrow__counts b{font-size:var(--fs-body);display:block}.halo-roomrow__draw{text-align:right;width:58px;font-size:var(--fs-label-s);color:var(--color-text-muted);flex:none;font-weight:700}.halo-drawer{border-radius:var(--r-lg);flex:none;align-self:flex-start;width:360px;max-width:100%;padding:16px 18px 20px;position:sticky;top:0}.halo-drawer__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.halo-drawer__head h2{font-size:var(--fs-h3);margin:0;font-weight:700}.halo-drawer__head p{font-size:var(--fs-label-s);color:var(--color-text-muted);margin:2px 0 0}.halo-drawer__actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.halo-devlist{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.halo-devrow{border-radius:var(--r-md);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.halo-devrow__id{flex:1;min-width:0}.halo-devrow__id b{font-size:var(--fs-label);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.halo-devrow__id span{font-size:var(--fs-label-s);color:var(--color-text-muted)}.halo-devrow__value{flex:none}.halo-devrow__value .halo-wellrow{width:150px}.halo-devrow__value .halo-well{padding:5px 9px 6px}.halo-devrow__value .halo-well b{font-size:var(--fs-label)}.halo-facts{flex-direction:column;gap:9px;margin:0;padding:14px 4px 0;display:flex}.halo-facts>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.halo-facts dt{font-size:var(--fs-label);color:var(--color-text-muted)}.halo-facts dd{font-size:var(--fs-body);margin:0;font-weight:700}.halo-chart{width:100%;height:148px;display:block;overflow:visible}.halo-chartaxis{height:15px;margin-top:6px;position:relative}.halo-chartaxis span{font-size:var(--fs-label-s);color:var(--color-text-muted);white-space:nowrap;position:absolute;top:0;translate:-50%}.halo-chartaxis span:first-child{translate:0}.halo-chartaxis span:last-child{translate:-100%}.halo-chart__grid{stroke:var(--color-outline-variant);stroke-width:1px;vector-effect:non-scaling-stroke}.halo-chart__base{stroke:var(--color-outline);stroke-width:1px;vector-effect:non-scaling-stroke}.halo-chart__peak{fill:var(--color-primary);opacity:.09}.halo-chart__area{fill:var(--color-primary);opacity:.16}.halo-chart__line{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.halo-chart__dot{fill:var(--color-primary)}.halo-chart__now{stroke:var(--color-text-muted);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.halo-chart__nowdot{fill:var(--color-text)}.halo-chart__bar{fill:var(--color-primary-container);stroke:none}.halo-chart__bar[data-past],.halo-chart__bar[data-peak]{fill:var(--color-primary)}.halo-chart__prev{fill:none;stroke:var(--color-text-muted);stroke-width:1.4px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.halo-peak{border-radius:var(--r-md);background:var(--color-bg);height:86px;box-shadow:var(--neu-press);align-items:flex-end;gap:3px;padding:10px 12px;display:flex}.halo-peak__cell{background:var(--color-surface-3);border-radius:2px;flex:1;min-width:0}.halo-peak__cell[data-past]{background:var(--color-primary-container)}.halo-peak__cell[data-peak]{background:var(--color-primary)}.halo-note{font-size:var(--fs-label);color:var(--color-text-muted);margin:12px 0 0;line-height:1.6}.halo-note b{color:var(--color-text)}.halo-bar{border-radius:var(--r-pill);background:var(--color-bg);min-width:40px;height:10px;box-shadow:var(--neu-press);flex:1;display:block;position:relative;overflow:hidden}.halo-bar__fill{border-radius:var(--r-pill);background:var(--color-primary);position:absolute;inset:0 auto 0 0}.halo-bar__tick{background:var(--color-text);width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px}.halo-usage,.halo-draw{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.halo-usage li,.halo-draw li{align-items:center;gap:10px;min-width:0;display:flex}.halo-usage__icon{background:var(--color-bg);width:28px;height:28px;box-shadow:var(--neu-raise);color:var(--color-text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.halo-usage__id{flex:none;width:104px;min-width:0}.halo-usage__id b,.halo-draw__name{font-size:var(--fs-label);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.halo-usage__id span{font-size:var(--fs-label-s);color:var(--color-text-muted)}.halo-usage__num{text-align:right;width:44px;font-size:var(--fs-label);flex:none;font-weight:700}.halo-draw__name{flex:1;min-width:0}.halo-draw__track{border-radius:var(--r-pill);background:var(--color-bg);min-width:30px;height:8px;box-shadow:var(--neu-press);flex:1;overflow:hidden}.halo-draw__track i{border-radius:var(--r-pill);background:var(--color-primary);height:100%;display:block}.halo-draw b{text-align:right;width:46px;font-size:var(--fs-label-s);flex:none}.halo-settings{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.halo-field{flex-direction:column;gap:9px;display:flex}.halo-field+.halo-field{margin-top:20px}.halo-field>label{font-size:var(--fs-label-s);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.halo-field__hint{font-size:var(--fs-label-s);color:var(--color-text-muted);margin:0;line-height:1.6}.halo-field__hint code{border-radius:var(--r-xs);background:var(--color-surface-3);font-size:var(--fs-label-s);color:var(--color-text);padding:1px 6px}.halo-field__row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.halo-soft{border-radius:var(--r-md);background:var(--color-bg);box-shadow:var(--neu-press);gap:14px;padding:16px 18px;display:flex}.halo-soft__swatch{background:var(--color-bg);width:46px;height:46px;box-shadow:var(--neu-raise);border-radius:50%}.halo-automation{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.halo-automation li{border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;display:flex}.halo-automation__id{min-width:0}.halo-automation__id b{font-size:var(--fs-body);font-weight:700;display:block}.halo-automation__id span{font-size:var(--fs-label-s);color:var(--color-text-muted)}.halo-shortcuts{flex-direction:column;gap:11px;margin:0;display:flex}.halo-shortcuts>div{align-items:center;gap:14px;display:flex}.halo-shortcuts dt{flex:none;width:128px}.halo-shortcuts dd{font-size:var(--fs-body);color:var(--color-text);margin:0}.halo-palette{z-index:40;background:color-mix(in srgb,var(--color-bg)55%,transparent);justify-content:center;padding-top:11%;display:flex;position:absolute;inset:0}.halo-palette__box{border-radius:var(--r-lg);width:min(560px,88%);height:fit-content;overflow:hidden}.halo-palette__input{color:var(--color-text-muted);align-items:center;gap:10px;padding:13px 16px;display:flex}.halo-palette__input input{min-width:0;color:var(--color-text);font:inherit;font-size:var(--fs-body-l);background:0 0;border:none;outline:none;flex:1}.halo-palette__list{max-height:320px;margin:8px;padding:0;list-style:none;overflow-y:auto}.halo-palette__list button{border-radius:var(--r-md);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:9px 12px;display:flex}.halo-palette__list button.is-cursor{background:var(--color-primary-container);color:var(--color-on-primary-container);box-shadow:var(--neu-raise)}.halo-palette__kind{border-radius:var(--r-pill);background:var(--color-surface-3);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);flex:none;padding:1px 8px;font-size:10px;font-weight:700}.halo-palette__glyph{place-items:center;display:inline-grid}.halo-palette__hint{font-size:var(--fs-label-s);color:var(--color-text-muted);margin-left:auto}.halo-palette__empty{font-size:var(--fs-label);color:var(--color-text-muted);padding:14px 12px}.halo-toast{z-index:45;border-radius:var(--r-pill);background:var(--color-surface-3);color:var(--color-text);font-size:var(--fs-label);box-shadow:var(--neu-raise-lg);padding:10px 18px;font-weight:600;position:absolute;bottom:22px;left:50%;translate:-50%}@container surface (max-width:1180px){.halo-roomstrip{grid-template-columns:repeat(4,minmax(0,1fr))}.halo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.halo-band{grid-template-columns:minmax(0,1fr)}}@container surface (max-width:900px){.halo-view{padding:16px 16px 24px}.halo-split{flex-direction:column;align-items:stretch}.halo-drawer{width:100%;position:static}.halo-grid,.halo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.halo-settings{grid-template-columns:minmax(0,1fr)}.halo-roomstrip{grid-template-columns:repeat(3,minmax(0,1fr))}.halo-usage__id{width:96px}}@container surface (max-width:620px){.halo-stats,.halo-grid{grid-template-columns:minmax(0,1fr)}.halo-roomstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.halo-view{padding:14px 12px 20px}.halo-shortcuts>div{flex-direction:column;align-items:flex-start;gap:4px}.halo-shortcuts dt{width:auto}}@media (prefers-reduced-motion:reduce){.halo *{transition:none!important}}