@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-wght-normal-l_AIctKy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Geist Variable", Geist, "Helvetica Neue", Arial, sans-serif;--ink:#f4f7ff;--muted:#a3adc2;--line:#ffffff17;--off:#ffffff17;--b0:#03195b;--b1:#0b2cb1;--b2:#1951fc;--b3:#3781fc;--b4:#7cc0ff;--b5:#cbe9fd;--b1-rgb:11 44 177;--b2-rgb:25 81 252;--b3-rgb:55 129 252;--b4-rgb:124 192 255;--b5-rgb:203 233 253;--bg:#03060d;--bg-top:#0b1a38;--s1:#030711;--s3:#04070f;--s1-rgb:3 7 17;--s2-rgb:8 12 22;--node:9 18 40;--glow-1:#ddf1ff;--glow-2:#a8d6ff;--glow-3:#5a9dff;--on-1:#e6f4ff;--on-ink:#00103f;--on-bg:linear-gradient(180deg, #e6f4ff, #a8d6ff);--toggle-on:linear-gradient(90deg, #1951fc, #7cc0ff);--g1:#0b2cb1;--g2:#3781fc;--g3:#cbe9fd}:root[data-font=montserrat]{--font:"Montserrat Variable", Montserrat, "Helvetica Neue", Arial, sans-serif}:root[data-theme=naranja]{--b0:#4a1800;--b1:#a83a00;--b2:#f2600c;--b3:#ff8a2b;--b4:#ffb765;--b5:#ffe3c2;--b1-rgb:168 58 0;--b2-rgb:242 96 12;--b3-rgb:255 138 43;--b4-rgb:255 183 101;--b5-rgb:255 227 194;--bg:#0c0603;--bg-top:#2a1407;--s1:#0d0704;--s3:#0e0805;--s1-rgb:13 7 4;--s2-rgb:22 13 8;--node:36 19 9;--glow-1:#fff0dd;--glow-2:#ffd2a1;--glow-3:#ff9e55;--on-1:#fff1e0;--on-ink:#3a1400;--on-bg:linear-gradient(180deg, #fff1e0, #ffc88f);--toggle-on:linear-gradient(90deg, #f2600c, #ffb765);--g1:#a83a00;--g2:#ff8a2b;--g3:#ffe3c2}:root[data-theme=arcoiris]{--b0:#2a0b4f;--b1:#5b21b6;--b2:#ff4f7b;--b3:#a65bff;--b4:#ffa24d;--b5:#8fd6ff;--b1-rgb:91 33 182;--b2-rgb:255 79 123;--b3-rgb:166 91 255;--b4-rgb:255 162 77;--b5-rgb:143 214 255;--bg:#07040f;--bg-top:#1b0e36;--s1:#080512;--s3:#090613;--s1-rgb:8 5 18;--s2-rgb:16 11 28;--node:26 16 48;--glow-1:#e9ddff;--glow-2:#c3a6ff;--glow-3:#9b6bff;--on-1:#fff;--on-ink:#1a0733;--on-bg:linear-gradient(95deg, #ffb347, #ff6b8b 36%, #c07bff 68%, #63b8ff);--toggle-on:linear-gradient(90deg, #ffb347, #ff6b8b, #c07bff, #63b8ff);--g1:#ffa24d;--g2:#ff4f7b;--g3:#63b8ff}:root[data-theme=neutro]{--b0:#1b1d22;--b1:#3a3e47;--b2:#666c78;--b3:#8e95a3;--b4:#c3c8d2;--b5:#eceef2;--b1-rgb:58 62 71;--b2-rgb:102 108 120;--b3-rgb:142 149 163;--b4-rgb:195 200 210;--b5-rgb:236 238 242;--bg:#08090b;--bg-top:#1a1c21;--s1:#0a0b0d;--s3:#0b0c0f;--s1-rgb:10 11 13;--s2-rgb:18 19 23;--node:28 30 35;--glow-1:#f4f5f7;--glow-2:#d2d5db;--glow-3:#9ea4af;--on-1:#fff;--on-ink:#14161a;--on-bg:linear-gradient(180deg, #fff, #cdd1d8);--toggle-on:linear-gradient(90deg, #666c78, #c3c8d2);--g1:#3a3e47;--g2:#8e95a3;--g3:#eceef2}:root[data-theme=verde]{--b0:#03331f;--b1:#066b40;--b2:#0fae66;--b3:#2fd585;--b4:#84edb5;--b5:#d2fbe3;--b1-rgb:6 107 64;--b2-rgb:15 174 102;--b3-rgb:47 213 133;--b4-rgb:132 237 181;--b5-rgb:210 251 227;--bg:#030a07;--bg-top:#0a2619;--s1:#040b08;--s3:#050c09;--s1-rgb:4 11 8;--s2-rgb:9 20 15;--node:10 32 22;--glow-1:#e2fdee;--glow-2:#abf3cc;--glow-3:#5ae09a;--on-1:#effff6;--on-ink:#012414;--on-bg:linear-gradient(180deg, #effff6, #9ef0c3);--toggle-on:linear-gradient(90deg, #0fae66, #84edb5);--g1:#066b40;--g2:#2fd585;--g3:#d2fbe3}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);margin:0}a{color:var(--ink)}a:hover{color:var(--b5)}button{font:inherit;color:inherit}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--b4);outline-offset:2px}.page{background:radial-gradient(110% 620px at 50% 0, var(--bg-top), var(--bg) 75%);background-color:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);flex-direction:column;font-size:15px;line-height:21px;display:flex}.card{background:linear-gradient(90deg, transparent 8%, rgb(var(--b5-rgb) / .05) 24%, rgb(var(--b5-rgb) / .22) 50%, rgb(var(--b5-rgb) / .05) 76%, transparent 92%) top center / 100% 1px no-repeat border-box, radial-gradient(85% 55% at 50% -8%, rgb(var(--b3-rgb) / .26), transparent 72%), radial-gradient(95% 34% at 50% 108%, rgb(var(--b2-rgb) / .34), transparent 74%), var(--s3);border:1px solid rgb(var(--b4-rgb) / .14);box-shadow:0 16px 44px -26px rgb(var(--b2-rgb) / .8);background-origin:border-box;border-top-color:#0000;border-radius:24px}.glow{isolation:isolate;background:linear-gradient(90deg, transparent 8%, rgb(var(--b5-rgb) / .05) 24%, rgb(var(--b5-rgb) / .22) 50%, rgb(var(--b5-rgb) / .05) 76%, transparent 92%) top center / 100% 1px no-repeat border-box, linear-gradient(0deg, var(--glow-1) 0, var(--glow-2) 1.6%, var(--glow-3) 4.5%, rgb(var(--b2-rgb) / .8) 9%, rgb(var(--b2-rgb) / .42) 16%, rgb(var(--b1-rgb) / .15) 28%, transparent 42%), radial-gradient(70% 42% at 50% -4%, rgb(var(--b3-rgb) / .46), transparent 76%), var(--s1);border:1px solid rgb(var(--b4-rgb) / .16);box-shadow:inset 0 0 34px rgb(var(--b3-rgb) / .3), 0 0 44px -6px rgb(var(--b2-rgb) / .55);background-origin:border-box;border-top-color:#0000;border-radius:30px;position:relative;overflow:hidden}.glow:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(rgb(var(--b4-rgb) / .09) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--b4-rgb) / .09) 1px, transparent 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 42%,#000 92%);mask-image:linear-gradient(#0000 42%,#000 92%)}.glass{background:#ffffff0f;box-shadow:inset 0 1px #ffffff24}.glass-on{background:var(--on-bg);color:var(--on-ink);box-shadow:inset 0 1px 0 #fff, 0 0 20px -2px rgb(var(--b4-rgb) / .75);font-weight:600}.glass-on:hover{color:var(--on-ink)}.label{color:var(--muted);font-size:13px;line-height:18px}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.unit{color:var(--muted)}.h2{margin:0;font-size:17px;font-weight:500;line-height:24px}.h2-desk{margin:0;font-size:19px;font-weight:500;line-height:26px}.muted{color:var(--muted)}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.body{flex-direction:column;gap:12px;padding:0 16px;display:flex}.head{padding:calc(22px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 14px calc(16px + env(safe-area-inset-left));align-items:center;gap:12px;display:flex}.head h1{letter-spacing:-.02em;flex:1;margin:0;font-size:27px;font-weight:500;line-height:34px}.back{border:1px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;display:flex}.live{border:1px solid var(--line);border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;line-height:18px;display:inline-flex}.live i{background:var(--b4);width:7px;height:7px;box-shadow:0 0 8px var(--b3);border-radius:50%}.live.stale i{background:var(--muted);box-shadow:none}button.live{cursor:pointer;color:var(--ink);font:inherit;min-height:36px;font-size:13px;line-height:18px}button.live:hover{border-color:rgb(var(--b4-rgb) / .5)}.live-refresh{color:var(--muted);display:inline-flex}.live.busy .live-refresh{color:var(--b4);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.live.busy .live-refresh{animation:none}}.tabbar{padding:20px 16px calc(26px + env(safe-area-inset-bottom));z-index:5;margin-top:auto;position:sticky;bottom:0}.tabbar-pill{border:1px solid var(--line);background:rgb(var(--s2-rgb) / .78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:30px;gap:4px;padding:5px;display:flex;box-shadow:inset 0 1px #ffffff24}.tab{min-height:48px;color:var(--ink);border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-size:12px;line-height:15px;text-decoration:none;display:flex}.tab.glass-on,.desk-tab.glass-on{color:var(--on-ink)}.after-body{justify-content:center;padding:14px 16px 0;display:flex}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:44px;padding:12px 8px;font-size:13px}.link-btn:hover{color:var(--b5)}.desk{flex-direction:column;gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:20px clamp(16px,2vw,28px) 32px;display:flex}.desk-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:600;display:flex}.desk-nav{border:1px solid var(--line);border-radius:28px;flex-wrap:wrap;gap:4px;padding:5px;display:flex}.desk-tab{min-height:44px;color:var(--ink);border-radius:22px;align-items:center;gap:8px;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex}.desk-title{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:500;line-height:40px}.desk-right{align-items:center;gap:8px;display:flex}.row-wrap{flex-wrap:wrap;gap:12px;display:flex}.min0{min-width:0}.screen-grid{flex-direction:column;gap:12px;display:flex}@media (width>=1024px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.span2{grid-column:1/-1}}.hero{flex-direction:column;gap:4px;padding:18px 18px 62px;display:flex}.pill{border-radius:17px;padding:7px 12px;font-size:13px;line-height:18px}.pill-small{border-radius:14px;align-self:flex-start;padding:5px 11px;font-size:13px;font-weight:500;line-height:18px}.hero-num{font-size:66px;font-weight:500;line-height:72px}.hero-num span{color:var(--muted);margin-left:6px;font-size:24px}.center{text-align:center}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{color:var(--ink);flex-direction:column;gap:14px;min-height:150px;padding:16px;text-decoration:none;display:flex}.tile-value{font-size:30px;font-weight:500;line-height:36px}.tile-value span{color:var(--muted);margin-left:4px;font-size:16px}.mt-auto{margin-top:auto}.bat-card{background:var(--s1);border:1px solid rgb(var(--b4-rgb) / .4);color:var(--ink);min-height:150px;box-shadow:inset 0 1px 0 rgb(var(--b5-rgb) / .2), 0 0 34px -8px rgb(var(--b2-rgb) / .75);border-radius:24px;flex-direction:column;padding:16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.bat-card svg.wave{position:absolute;inset:0}.bat-top{justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex;position:relative}.bat-bottom{flex-direction:column;gap:2px;margin-top:auto;display:flex;position:relative}.bat-value{font-size:38px;font-weight:600;line-height:42px}.bat-note{font-size:13px;font-weight:500;line-height:18px}.sug{flex-direction:column;gap:14px;padding:18px 16px 50px;display:flex}.sug p{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:22px;font-weight:500;line-height:28px}.sug-desk{flex:300px;gap:16px;min-width:0;padding:22px 22px 58px}.sug-desk p{letter-spacing:-.015em;font-size:27px;line-height:34px}.list-link{color:var(--b5);padding:6px 0;font-size:13px;text-decoration:none}.row{align-items:center;gap:12px;padding:9px 0;display:flex}.row-main{flex:1;min-width:0}.row-name{font-weight:500}.row-val{text-align:right;flex:none;font-size:14px;font-weight:500}.badge{color:var(--ink);background:radial-gradient(90% 90% at 30% 15%, rgb(var(--b4-rgb) / .4), rgb(var(--b1-rgb) / .22) 55%, rgb(var(--s1-rgb) / .8));border:1px solid rgb(var(--b4-rgb) / .32);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff47}.notice{background:rgb(var(--b3-rgb) / .16);border:1px solid rgb(var(--b4-rgb) / .3);border-radius:16px;padding:10px 14px;font-size:13px;line-height:18px}.kpis{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.kpi{min-height:168px;color:var(--ink);flex-direction:column;gap:18px;padding:20px;text-decoration:none;display:flex}.kpi-name{align-items:center;gap:8px;display:inline-flex}.kpi-arrow{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-value{font-size:42px;font-weight:500;line-height:48px}.kpi-value>span{color:var(--muted);margin-left:6px;font-size:18px}.kpi-value .kpi-pill{background:rgb(var(--b3-rgb) / .22);border:1px solid rgb(var(--b4-rgb) / .35);vertical-align:middle;color:var(--ink);border-radius:12px;margin-left:10px;padding:3px 9px;font-size:12px;line-height:17px}.cta{border:1px solid rgb(var(--b5-rgb) / .4);cursor:pointer;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 20px;display:inline-flex}.cta:disabled{opacity:.55}.seg{border:1px solid var(--line);border-radius:26px;gap:4px;padding:4px;display:flex}.seg button{cursor:pointer;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:22px;flex:1;font-size:14px}.seg button.glass-on{background:var(--on-bg);color:var(--on-ink)}.legend{flex-wrap:wrap;gap:14px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend .dash{border-top:2px dashed;width:14px;display:inline-block}.pad16{flex-direction:column;gap:12px;padding:16px;display:flex}.stats3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stats2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat{flex-direction:column;gap:2px;min-width:0;padding:14px;display:flex}.stat-value{font-size:24px;font-weight:500;line-height:30px}.stat-value span{color:var(--muted);margin-left:3px;font-size:13px}.saving{text-align:center;flex-direction:column;gap:6px;padding:18px 16px 50px;display:flex}.saving strong{font-size:44px;font-weight:500;line-height:50px}.small-ink{color:var(--ink);font-size:13px;line-height:18px}.gauge{width:100%;margin:0 auto;position:relative}.gauge-text{text-align:center;position:absolute;bottom:2%;left:0;right:0}.gauge-big{color:var(--ink);font-weight:500;line-height:1.05}.status-pill{background:rgb(var(--b3-rgb) / .2);border:1px solid rgb(var(--b4-rgb) / .35);border-radius:20px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:500;line-height:18px;display:inline-flex}.kv-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.kv-row>:last-child{text-align:right;font-weight:500}.heater{flex-direction:column;gap:14px;padding:16px 16px 48px;display:flex}.heater h2{margin:0;font-size:19px;font-weight:500;line-height:25px}.round-btn{width:52px;height:52px;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex}.round-btn:disabled{opacity:.45}.temp-big{font-size:50px;font-weight:500;line-height:56px}.toggle{cursor:pointer;background:0 0;border:0;flex:none;align-items:center;width:58px;height:44px;padding:0;display:flex}.toggle:disabled{opacity:.55}.toggle .track{background:#ffffff24;border-radius:15px;width:52px;height:30px;display:block;position:relative}.toggle.on .track{background:var(--toggle-on)}.toggle .knob{background:var(--ink);border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on .knob{left:25px}.list{flex-direction:column;padding:6px 16px;display:flex}.list-row{align-items:center;gap:12px;padding:10px 0;display:flex}.list-row+.list-row{border-top:1px solid var(--line)}.section-title{margin:10px 0 0;font-size:17px;font-weight:500;line-height:24px}.sched{padding:14px 16px}.sched-time{text-align:right;flex:none;font-size:15px;font-weight:500}.guard{flex-direction:column;gap:10px;padding:16px 16px 48px;display:flex}.guard h2{flex:1;margin:0;font-size:19px;font-weight:500;line-height:25px}.guard p{margin:0;font-size:14px;line-height:20px}.tag{background:#ffffff24;border-radius:14px;flex:none;padding:5px 11px;font-size:13px;font-weight:500;line-height:18px}.login-wrap{padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex:1;justify-content:center;align-items:center;display:flex}.login{flex-direction:column;gap:14px;width:100%;max-width:400px;padding:24px 22px 64px;display:flex}.login h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:27px;font-weight:500;line-height:34px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field input{border:1px solid rgb(var(--b4-rgb) / .3);background:rgb(var(--s1-rgb) / .7);min-height:48px;color:var(--ink);font:inherit;border-radius:16px;padding:0 14px;font-size:16px}.primary{cursor:pointer;border:0;border-radius:26px;justify-content:center;align-items:center;gap:8px;min-height:52px;display:flex}.primary:disabled{opacity:.6}.error{background:rgb(var(--s1-rgb) / .85);border:1px solid rgb(var(--b5-rgb) / .45);border-radius:16px;padding:10px 14px;font-size:14px;line-height:19px}.empty{text-align:center;color:var(--muted);padding:26px 8px}:root[data-theme=arcoiris] .glow:after{content:"";z-index:-1;pointer-events:none;--fade:linear-gradient(to top, #000 0, #000000d9 4%, #0009 11%, #0000005c 22%, #00000029 38%, #0000000d 62%, transparent 100%);height:46%;-webkit-mask-image:var(--fade);-webkit-mask-image:var(--fade);mask-image:var(--fade);background:linear-gradient(90deg,#ffb347,#ff6b8b 36%,#c07bff 68%,#63b8ff);position:absolute;inset:auto 0 0}:root[data-theme=arcoiris] .glow{box-shadow:inset 0 0 34px rgb(var(--b3-rgb) / .22), 0 0 44px -6px rgb(var(--b3-rgb) / .5)}:root[data-theme=arcoiris] .card{box-shadow:0 16px 44px -26px rgb(var(--b3-rgb) / .8)}.flow-stage{width:100%;margin:0 auto;position:relative}.flow-stage canvas,.flow-stage>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.flow-stage.frozen canvas{opacity:.6}.flow-stage text{text-anchor:middle;fill:var(--ink)}.flow-stage .flow-name{fill:var(--muted);font-size:12px}.flow-stage .flow-value{font-size:16px;font-weight:500}.flow-stage .flow-note{fill:var(--muted);font-size:11px}.flow-node{fill:rgb(var(--node));stroke:rgb(var(--b4-rgb) / .28);stroke-width:1px}.flow-node.on{stroke:var(--b4);filter:drop-shadow(0 0 7px rgb(var(--b3-rgb) / .75))}.flow-inverter rect,.flow-inverter path{fill:none;stroke:var(--b5);stroke-width:1.7px;stroke-linecap:round}.flow-card{gap:12px;padding:18px 16px 46px}.flow-stage text.start{text-anchor:start}.flow-stage .flow-value.big{font-size:22px}.flow-stage .flow-orb-name{fill:var(--ink);font-size:12px}.glass-pill.on{filter:drop-shadow(0 0 9px rgb(var(--b3-rgb) / .45))}.glass-chip{fill:#ffffff0f;stroke:rgb(var(--b4-rgb) / .28)}.glass-chip-dot{fill:var(--b4)}.orb{filter:drop-shadow(0 0 14px rgb(var(--b3-rgb) / .75))}.orb-dots{fill:none;stroke:rgb(var(--b4-rgb) / .5);stroke-width:1px;stroke-dasharray:1 5;stroke-linecap:round}.orb-arc{fill:none;stroke:var(--b4);stroke-opacity:.7;stroke-width:1.4px;stroke-dasharray:16 34;stroke-linecap:round}.orb-ring{animation:48s linear infinite orb-turn}.orb-ring.back{animation-duration:26s;animation-direction:reverse}@keyframes orb-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.orb-ring{animation:none}}.sphere-side-icon{color:var(--ink)}.range{align-items:center;gap:12px;display:flex}.range input{min-width:0;min-height:44px;accent-color:var(--b4);flex:1}.range output{text-align:right;min-width:48px;font-weight:500}.level-icon{filter:drop-shadow(0 1px 2px #0000008c)}.fill-rise{transition:transform .8s}@media (prefers-reduced-motion:reduce){.fill-rise{transition:none}}.choices{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px;display:grid}.choice{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:18px;align-items:center;gap:12px;min-height:60px;padding:12px;display:flex;position:relative}.choice:hover{border-color:rgb(var(--b4-rgb) / .5)}.choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice:has(input:checked){border-color:var(--b4);box-shadow:0 0 0 1px var(--b4), 0 0 18px -6px var(--b3)}.choice:has(input:focus-visible){outline:2px solid var(--b4);outline-offset:2px}.choice-main{flex-direction:column;flex:1;min-width:0;display:flex}.choice-name{font-weight:500}.swatch{border-radius:50%;flex:none;width:36px;height:36px;box-shadow:inset 0 1px #fff6}.letter{background:rgb(var(--b4-rgb) / .16);width:36px;height:36px;color:var(--b5);border-radius:12px;flex:none;place-items:center;font-weight:600;display:grid}.choice-check{width:22px;height:22px;color:var(--b4);visibility:hidden;flex:none}.choice:has(input:checked) .choice-check{visibility:visible}.config-grid{flex-direction:column;gap:12px;display:flex}@media (width>=1024px){.config-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}}.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}fieldset.card{border:1px solid rgb(var(--b4-rgb) / .2)}.weather{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:16px;display:flex}.weather-now{align-items:center;gap:12px;min-width:0;display:flex}.weather-icon{width:48px;height:48px;color:var(--b5);background:rgb(var(--b4-rgb) / .12);border:1px solid rgb(var(--b4-rgb) / .28);border-radius:50%;flex:none;place-items:center;display:grid}.weather-temp{font-size:30px;font-weight:500;line-height:36px}.weather-facts{flex-wrap:wrap;gap:12px 28px;margin:0;display:flex}.weather-facts dt{align-items:center;gap:5px;display:flex}.weather-facts dd{margin:0;font-size:17px;font-weight:500;line-height:24px}.organize{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.organize .cta{color:var(--ink)}.organize .cta.glass-on{color:var(--on-ink)}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.span-s{grid-column:span 1}.span-m,.span-l{grid-column:span 2}@media (width>=1024px){.home-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.span-s{grid-column:span 3}.span-m{grid-column:span 6}.span-l{grid-column:span 12}}.home-block{min-width:0;display:flex;position:relative}.home-block-content{flex:1;min-width:0;display:flex}.home-block-content>*{flex:1;min-width:0}.home-block.editing .home-block-content{opacity:.55}.home-block.editing{outline:1px dashed rgb(var(--b4-rgb) / .45);outline-offset:2px;border-radius:24px}.home-block.dragging{opacity:.3}.block-tools{z-index:3;pointer-events:none;justify-content:space-between;gap:6px;display:flex;position:absolute;top:8px;left:8px;right:8px}.block-tools-end{gap:4px;display:flex}.block-tool{pointer-events:auto;border:1px solid rgb(var(--b4-rgb) / .35);cursor:pointer;background:rgb(var(--s2-rgb) / .92);min-width:36px;height:36px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:600;display:inline-flex}.block-tool.glass-on{background:var(--on-bg);color:var(--on-ink)}.block-tool.grip{cursor:grab;touch-action:none}.drag-ghost{cursor:grabbing;color:var(--ink);background:rgb(var(--s2-rgb) / .85);border:1px solid var(--b4);box-shadow:0 0 28px -4px rgb(var(--b3-rgb) / .8);border-radius:24px;justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex}.hidden-blocks{flex-wrap:wrap;gap:8px;display:flex}.device-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.device-bar .cta{color:var(--ink)}.device-bar .cta.glass-on{color:var(--on-ink)}.chips{scrollbar-width:none;flex:auto;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{cursor:pointer;border:1px solid var(--line);min-height:40px;color:var(--ink);background:#ffffff0d;border-radius:20px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.chip.glass-on{background:var(--on-bg);color:var(--on-ink);border-color:#0000;font-weight:600}.chip-count{opacity:.65;font-variant-numeric:tabular-nums}.list-row .block-tool.grip{flex:none}.row-dragging{z-index:2;background:rgb(var(--s2-rgb) / .95);box-shadow:0 8px 24px -8px rgb(var(--b3-rgb) / .7);border-radius:14px;position:relative}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=700px){.device-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.device-card{flex-direction:column;gap:12px;min-height:150px;padding:14px;display:flex}.device-card.on{border-color:rgb(var(--b4-rgb) / .55);box-shadow:0 0 26px -10px rgb(var(--b3-rgb) / .9)}.device-card.off{opacity:.55}.device-card.editing{outline:1px dashed rgb(var(--b4-rgb) / .45);outline-offset:2px}.device-name{overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:21px}.device-state{color:var(--muted);font-size:12px;line-height:16px}.device-state.on{color:var(--b5)}.card-dragging{z-index:3;opacity:.92;box-shadow:0 14px 34px -10px rgb(var(--b3-rgb) / .9);position:relative}@media (width>=1024px){.screen-grid>.stack:has(.device-grid){grid-column:1/-1}}.or{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.passkey-btn{color:var(--ink);border:1px solid rgb(var(--b4-rgb) / .35)}.passkey-add{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.passkey-add .cta{color:var(--on-ink);min-height:48px}.ac-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ac-row .label{margin-right:4px}.ac-row .chip:disabled{opacity:.5;cursor:not-allowed}.timer-btn{cursor:pointer;width:40px;height:44px;color:var(--muted);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.timer-face{background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}.timer-btn.active{color:var(--ink)}.timer-btn.active .timer-face{background:rgb(var(--b4-rgb) / .16)}.timer-ring{width:30px;height:30px;position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:2.5px}.timer-ring-bg{stroke:rgb(var(--b4-rgb) / .22)}.timer-ring-fill{stroke:var(--b4);stroke-linecap:round;transition:stroke-dashoffset .4s linear}.timer-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-pair{align-items:center;gap:4px;display:flex}.sheet-back{color:var(--ink);font-family:var(--font);z-index:1000;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#0000008c;justify-content:center;align-items:flex-end;font-size:15px;line-height:21px;display:flex;position:fixed;inset:0}@media (width>=700px){.sheet-back{align-items:center}}.sheet{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:18px;display:flex;overflow-y:auto}.timer-custom{align-items:center;gap:8px;display:flex}.field.small input{text-align:center;width:64px;min-height:44px}.field select{border:1px solid rgb(var(--b4-rgb) / .3);background:rgb(var(--s1-rgb) / .7);min-height:48px;color:var(--ink);font:inherit;border-radius:16px;padding:0 14px;font-size:16px}.prog-times{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prog-times input{width:100%;min-width:0}.day-chip{justify-content:center;min-width:40px}.check-row{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.check-row input{width:22px;height:22px;accent-color:var(--b4);flex:none}.prog-row{align-items:center;gap:12px;display:flex}.prog-row .row-main{min-width:0}.prog-edit{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}[data-fam=luz]{--fam:255 214 92;--fam2:255 138 30}[data-fam=calor]{--fam:255 128 96;--fam2:226 38 84}[data-fam=agua]{--fam:110 216 255;--fam2:24 120 255}[data-fam=clima]{--fam:110 240 205;--fam2:20 168 196}[data-fam=enchufe]{--fam:196 160 255;--fam2:112 72 245}.badge[data-fam]{color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));border-color:rgb(var(--fam) / .9);box-shadow:inset 0 1px 0 #fff6, 0 4px 16px -6px rgb(var(--fam2) / .8)}.badge[data-fam] svg{filter:drop-shadow(0 1px 1px #00000040)}.device-card[data-fam].on{border-color:rgb(var(--fam) / .6);box-shadow:0 0 26px -10px rgb(var(--fam2) / .9)}.device-card[data-fam] .device-state.on{color:rgb(var(--fam))}[data-fam] .toggle.on .track{background:linear-gradient(90deg, rgb(var(--fam2)), rgb(var(--fam)))}[data-fam] .timer-ring-fill{stroke:rgb(var(--fam))}[data-fam] .timer-ring-bg{stroke:rgb(var(--fam2) / .3)}[data-fam] .timer-btn.active .timer-face{background:rgb(var(--fam2) / .2)}.device-grid>.big-card{grid-column:1/-1;gap:14px;min-height:0;padding:14px 14px 16px;container-type:inline-size}.big-head{align-items:center;gap:12px;display:flex}.big-head .row-main{flex-direction:column;gap:2px;display:flex}.big-body{flex-direction:column;gap:14px;display:flex}.fold-btn{width:30px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fold-btn svg{transition:transform .2s}.big-card.folded .fold-btn svg{transform:rotate(-90deg)}.device-name{font-weight:600}.temp-pill{border:1px solid var(--line);background:#ffffff0d;border-radius:26px;align-items:center;gap:2px;padding:4px;display:inline-flex}.pill-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.pill-btn:disabled{opacity:.4;cursor:not-allowed}.pill-temp{letter-spacing:-.02em;padding:0 8px;font-size:26px;font-weight:600;line-height:30px}.fan-ctrl{align-items:center;gap:6px;display:flex}.fan-spin{cursor:pointer;color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.fan-spin .spinning{animation:fan-rot var(--dur,1.6s) linear infinite;display:inline-flex}@keyframes fan-rot{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.fan-spin .spinning{animation:none}}.fan-dots{align-items:center;display:flex}.fan-dot{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:16px;height:36px;padding:0;font-size:0;display:inline-flex}.fan-dot:before{content:"";background:#ffffff29;border-radius:50%;width:10px;height:10px}.fan-dot.on:before{background:rgb(var(--fam));box-shadow:0 0 8px rgb(var(--fam) / .7)}.fan-dot.fan-a{width:24px;color:var(--muted);font-size:10px;font-weight:700;position:relative}.fan-dot.fan-a:before{width:18px;height:18px;position:absolute;top:9px;left:3px}.fan-dot.fan-a{line-height:36px}.fan-dot.fan-a.on{color:#fff}.fan-dot.fan-a.on:before{background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)))}.fan-spin:disabled,.fan-dot:disabled,.mode-chip:disabled{cursor:not-allowed;opacity:.5}.mode-row{flex-wrap:wrap;gap:8px;display:flex}.mode-chip{border:1px solid var(--line);height:38px;color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:19px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.mode-chip.on{color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));box-shadow:0 6px 20px -8px rgb(var(--fam2));border-color:#0000;font-weight:600}@container (width<=520px){.mode-chip{flex-basis:calc(33.333% - 6px)}}.pill-temp{padding:0 6px;font-size:24px}.pill-btn{width:36px;height:36px}.device-grid>.big-card.small{grid-column:auto;gap:12px;min-height:150px;padding:14px}.big-open{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:0;display:flex}.big-open:disabled{cursor:inherit}.big-card.small .device-state{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sheet .big-head{margin-bottom:2px}.big-card.editing .toggle-pair{gap:4px}@container (width<=300px){.fan-dot{width:13px}.fan-dot.fan-a{width:22px}.pill-btn{width:32px;height:32px}.pill-temp{font-size:22px}}.sheet[data-fam]{container-type:inline-size}[data-fam=musica]{--fam:255 140 214;--fam2:168 60 240}.music-play{cursor:pointer;color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.music-play.big{width:48px;height:48px}.music-play:disabled{opacity:.45;cursor:not-allowed}.music-now{align-items:center;gap:12px;display:flex}.music-now .row-main{flex-direction:column;min-width:0;display:flex}.music-now .device-name,.music-now .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-art{object-fit:cover;border-radius:12px;flex:none;width:56px;height:56px}.music-art.empty{background:rgb(var(--fam2) / .2);color:rgb(var(--fam));justify-content:center;align-items:center;display:inline-flex}.music-transport{align-items:center;gap:10px;display:flex}.music-vol{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.music-vol input{min-width:0;accent-color:rgb(var(--fam));flex:1}.music-lists{scrollbar-width:none;gap:10px;margin:0 -14px;padding:0 14px 2px;display:flex;overflow-x:auto}.music-list{width:96px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;flex:none;gap:6px;padding:0;font-size:12px;line-height:15px;display:flex}.music-list img,.music-list .music-art{object-fit:cover;border-radius:14px;width:96px;height:96px}.music-list span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.music-list:disabled{opacity:.5;cursor:not-allowed}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.music-page{width:100%;max-width:720px}.home-block-content>.big-card{min-height:0}.switches-card{gap:4px;padding:16px}.switch-row{align-items:center;gap:10px;min-height:44px;display:flex}.switch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.switch-row .toggle.on .track{background:linear-gradient(90deg, rgb(var(--fam2,var(--b2-rgb))), rgb(var(--fam,var(--b4-rgb))))}.home-block-content>.big-card:not(.small){container-type:inline-size}.tabbar-pill{gap:2px}.tab{letter-spacing:-.01em;min-width:0;font-size:11px}.player{aspect-ratio:1;color:#fff;width:100%;max-height:520px;box-shadow:0 20px 50px -24px rgb(var(--fam2) / .8), inset 0 0 0 1px #ffffff14;isolation:isolate;background:#111;border-radius:28px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:relative;overflow:hidden}.player.compact{aspect-ratio:auto;border-radius:24px;min-height:168px;padding:12px}.player-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.player-bg.empty{color:#ffffff80;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));justify-content:center;align-items:center;display:flex}.player-shade{z-index:-1;background:linear-gradient(#00000059 0%,#0000 26% 52%,#000000b3 100%);position:absolute;inset:0}.player-top{align-items:center;gap:8px;display:flex}.player-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#28282e8c;border-radius:26px;flex:1;align-items:center;gap:10px;min-width:0;padding:5px 14px 5px 5px;display:flex}.player-pill img,.player-thumb{object-fit:cover;background:#ffffff1f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.player-names{flex-direction:column;min-width:0;line-height:17px;display:flex}.player-names b,.player-names span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-names b{font-size:14px;font-weight:600}.player-names span{opacity:.75;font-size:12px}.player-round{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#28282e8c;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:inline-flex}.player-round.big{width:54px;height:54px}.player-round.on{color:rgb(var(--fam))}.player-round:disabled{opacity:.5;cursor:not-allowed}span.player-round{cursor:default}.player-foot{flex-direction:column;gap:8px;display:flex}.player-times{text-shadow:0 1px 3px #00000080;justify-content:space-between;font-size:13px;font-weight:600;display:flex}.player-bar{cursor:pointer;align-items:center;height:18px;display:flex;position:relative}.player-bar:before{content:"";background:#ffffff4d;border-radius:2px;height:4px;position:absolute;left:0;right:0}.player-bar span{background:#fff;border-radius:2px;height:4px;transition:width 1s linear;position:relative}.player-bar.thin{cursor:default;height:6px}.player-ctrl{justify-content:center;align-items:center;gap:14px;display:flex}.player.compact .player-ctrl{justify-content:flex-end;gap:8px}.player.compact .player-round{width:40px;height:40px}.player.compact .player-round.big{width:46px;height:46px}.player.compact .player-pill{padding-right:10px}.player.compact .player-pill img,.player.compact .player-thumb{width:32px;height:32px}.music-block{flex-direction:column;gap:10px;padding:16px;display:flex}.speaker{border:1px solid var(--line);min-height:52px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:18px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.speaker.on{background:linear-gradient(150deg, rgb(var(--fam) / .3), rgb(var(--fam2) / .3));border-color:#0000}.speaker:disabled{cursor:default}.speaker-icon{background:#ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.speaker.on .speaker-icon{color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)))}.speaker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.queue-row{align-items:center;gap:12px;min-height:48px;display:flex}.queue-row img,.music-art.small{object-fit:cover;border-radius:10px;flex:none;width:42px;height:42px}.queue-names{flex-direction:column;min-width:0;display:flex}.queue-names b,.queue-names span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-names b{font-size:14px;font-weight:500}.music-block .music-lists{margin:0 -16px;padding:0 16px 2px}.music-col{flex-direction:column;gap:14px;min-width:0;display:flex}.music-desk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.music-desk>.notice,.music-desk>.error,.music-desk>.empty,.music-desk>.card{grid-column:1/-1}.body>.music-col{gap:14px}.big-card.small{flex-direction:column;display:flex}.big-card.small .big-open{flex:1;justify-content:space-between;gap:10px}.big-summary{flex-direction:column;gap:2px;margin-top:auto;display:flex}.big-summary .num{letter-spacing:-.02em;color:var(--ink);font-size:38px;font-weight:600;line-height:42px}.big-mode{color:rgb(var(--fam));align-items:center;gap:5px;font-size:12px;line-height:16px;display:inline-flex}.big-names{flex-direction:column;gap:2px;margin-top:auto;display:flex}.home-block-content>.big-card.small{min-height:168px}button.queue-row{width:calc(100% + 12px);color:var(--ink);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:12px;margin:0 -6px;padding:4px 6px}button.queue-row:hover{background:#ffffff0d}button.queue-row:disabled{cursor:default}.player-spk{justify-content:center;display:flex}.spk-pill{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#1e1e248c;border:0;border-radius:19px;align-items:center;gap:8px;max-width:100%;height:38px;padding:0 12px 0 5px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.spk-pill.light{color:var(--ink);border:1px solid var(--line);background:#ffffff0f;align-self:flex-start}.spk-dot{color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.spk-chips{flex-wrap:wrap;gap:6px;display:flex}.spk-chip{border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:17px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.spk-chip.on{color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));border-color:#0000;font-weight:600}.spk-chip:disabled{opacity:.5;cursor:not-allowed}.eq{vertical-align:-1px;align-items:flex-end;gap:2px;height:12px;margin-right:4px;display:inline-flex}.eq i{background:rgb(var(--fam));border-radius:1px;width:3px;animation:1s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:3px}50%{height:12px}}@media (prefers-reduced-motion:reduce){.eq i{height:8px;animation:none}}.music-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.music-grid .music-list{width:auto}.music-grid .music-list img,.music-grid .music-list .music-art{aspect-ratio:1;width:100%;height:auto}.queue-num{text-align:right;width:18px;color:var(--muted);flex:none;font-size:12px}.seg{border:1px solid var(--line);background:#ffffff0d;border-radius:20px;align-self:flex-start;gap:2px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg button{height:32px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:16px;padding:0 14px;font-size:13px;font-weight:500}.seg button.on{color:#fff;background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)))}.now-bar{align-items:center;gap:12px;padding:10px;display:flex}.now-bar img{object-fit:cover;border-radius:12px;flex:none;width:46px;height:46px}.stage{isolation:isolate;color:#fff;background:#151018;border-radius:28px;grid-template-columns:minmax(140px,260px) 1fr;align-items:center;gap:24px;padding:20px;display:grid;position:relative;overflow:hidden}.stage-bg{object-fit:cover;z-index:-2;filter:blur(40px)saturate(1.4)brightness(.65);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.3)}.stage-cover{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;box-shadow:0 20px 40px -20px #000}.stage-cover.empty{background:linear-gradient(150deg, rgb(var(--fam)), rgb(var(--fam2)));justify-content:center;align-items:center;display:flex}.stage-info{flex-direction:column;gap:12px;min-width:0;display:flex}.stage-title{text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:700;line-height:32px;overflow:hidden}.stage-artist{opacity:.8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stage .player-ctrl{justify-content:flex-start}@media (width<=699px){.stage{grid-template-columns:1fr}.stage-cover{justify-self:center;max-width:260px}}.home-block-content>.player{aspect-ratio:auto;min-height:320px}.home-block-content>.player.compact{min-height:200px}.home-block-content>.player:not(.compact),.span-s>.home-block-content>.player.compact{aspect-ratio:1;min-height:0}@media (width>=1024px){.span-l>.home-block-content>.player:not(.compact){aspect-ratio:16/9;max-height:620px}}.big-card.small.full{gap:10px}.big-card.small.full .big-names{margin-top:0}.big-card.small.full .device-state{-webkit-line-clamp:1}.small-body{flex-direction:column;gap:10px;margin-top:auto;display:flex;container-type:inline-size}.small-body .ac-main{flex-direction:column;align-items:stretch;gap:8px}.small-body .temp-pill{justify-content:space-between}.small-body .pill-btn{width:34px;height:34px}.small-body .pill-temp{padding:0 2px;font-size:22px}.small-body .fan-ctrl{justify-content:space-between;gap:4px}.small-body .fan-spin{width:28px;height:28px}.small-body .fan-dots{flex:1;justify-content:space-between}.small-body .fan-dot{width:14px}.small-body .fan-dot.fan-a{width:22px}.small-body .mode-row{flex-wrap:nowrap;gap:4px}.small-body .mode-chip{border-radius:17px;flex:1 1 0;min-width:0;height:34px;padding:0}.small-body .mode-name{display:none}.small-body .center .pill-temp{font-size:20px}@container (width<=150px){.small-body .fan-spin{display:none}.small-body .pill-btn{width:30px;height:30px}.small-body .mode-chip svg{width:15px;height:15px}}.small-body>p.label{display:none}.device-grid>.big-card.medium{grid-column:span 2;container-type:inline-size}.big-card.medium .mode-row{flex-wrap:nowrap;gap:6px}.big-card.medium .mode-chip{flex:1 1 0;min-width:0;padding:0}.big-card.medium .mode-name{display:none}@container (width>=560px){.big-card.medium .mode-name{display:inline}.big-card.medium .mode-chip{padding:0 10px}}
