:root{--bg:#0d0f12;--card:#171a1f;--raised:#1f232a;--line:#262b33;--line-strong:#333a44;--text:#e8eaed;--text-2:#c3c9d1;--muted:#9aa3ae;--dim:#6b7480;--accent:#f5b543;--warm:#ffc768;--warm-bg:#2a2418;--warm-line:#4a3a1c;--blue:#6cb4ff;--green:#8fd3a8;--red:#ff6b6b;--sans:"Inter Tight", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);margin:0}.tablet-viewport{position:fixed;inset:0;overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{transform-origin:0 0;width:1280px;height:800px;position:absolute;top:0;left:0}.boot-message{color:var(--muted);padding:32px}.screen{flex-direction:column;gap:12px;width:1280px;height:800px;padding:16px;display:flex}.columns{flex:1 1 0;gap:12px;min-height:0;display:flex}.column{flex-direction:column;gap:12px;min-width:0;display:flex}.column--security{flex:488 1 0}.column--lights{flex:380 1 0}.column--status{flex:360 1 0}.connecting{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.connecting__title{margin:0;font-size:22px;font-weight:600}.connecting .muted{margin:0}.connecting__spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:999px;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connecting__spinner{animation-duration:3s}}.grow{flex-grow:1}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:13px}.strong{font-weight:600}.mono{font-family:var(--mono)}.accent{color:var(--accent)}.ok{color:var(--green)}.warn{color:var(--red)}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.card__head{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.card__title{color:var(--muted);margin:0;font-size:14px;font-weight:600}.chip{background:var(--raised);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.pill{background:var(--raised);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.pill--warm{color:var(--warm);background:#3a2a12}.btn{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:12px;min-height:44px;padding:0 14px;font-size:14px}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.icon-btn{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.round-btn{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ghost-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:0 10px;font-size:13px;display:flex}.play-btn{background:var(--text);width:48px;height:48px;color:var(--bg);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toggle{background:var(--line-strong);border-radius:999px;flex-shrink:0;width:36px;height:22px;transition:background .2s;display:inline-block;position:relative}.toggle__knob{background:var(--muted);border-radius:999px;width:16px;height:16px;transition:left .2s,background .2s;position:absolute;top:3px;left:3px}.toggle--on{background:var(--accent)}.toggle--on .toggle__knob{background:var(--bg);left:17px}.topbar{flex-shrink:0;align-items:center;gap:24px;height:64px;display:flex}.topbar__clock{align-items:baseline;gap:12px;display:flex}.topbar__time{font-family:var(--mono);letter-spacing:-.03em;font-size:40px;font-weight:500}.topbar__section{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:20px;display:flex}.topbar__temp{font-size:26px;font-weight:600}.topbar__sub{color:var(--muted);flex-direction:column;font-size:13px;line-height:1.3;display:flex}.avatar{background:var(--line);width:34px;height:34px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.avatar--home{background:var(--accent);color:var(--bg)}.offline{color:var(--warm);font-size:13px}.segmented{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented__item{min-height:48px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 16px;font-size:15px;font-weight:500}.segmented__item--active{background:var(--accent);color:var(--bg)}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.camera-tile{border:1px solid var(--line);background:#0a0c0f;border-radius:14px;height:150px;margin:0;position:relative;overflow:hidden}.camera-tile__img{object-fit:cover;width:100%;height:100%;display:block}.camera-tile__empty{height:100%;color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.camera-tile__badge{letter-spacing:.06em;background:#0d0f12cc;border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.camera-tile__caption{background:linear-gradient(#0000,#000000bf);padding:8px 10px;font-size:13px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.dot{background:var(--muted);border-radius:999px;width:6px;height:6px}.dot--live{background:var(--red)}.door{flex-grow:1;gap:12px}.door__front{align-items:center;gap:12px;display:flex}.door__icon{background:var(--warm-bg);width:52px;height:52px;color:var(--accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.door__text{flex-direction:column;flex-grow:1;min-width:0;font-size:16px;display:flex}.door__locks{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.gate-btn{cursor:pointer;text-align:left;background:var(--raised);border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:64px;padding:0 18px;display:flex}.gate-btn--accent{background:var(--accent);color:var(--bg)}.gate-btn__text{flex-direction:column;display:flex}.gate-btn__label{font-size:16px;font-weight:600}.scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scene{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;height:48px;font-size:14px;font-weight:500}.scene--active{background:var(--text);color:var(--bg);border-color:var(--text)}.lights{flex-grow:1;gap:12px}.lights__grid{overscroll-behavior:contain;flex:1 1 0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:8px;min-height:0;display:grid;overflow-y:auto}.room{cursor:pointer;text-align:left;background:var(--raised);border:1px solid var(--line);min-width:0;color:var(--text-2);border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2px;padding:10px 12px;transition:background .2s;display:flex}.room--on{background:var(--warm-bg);border-color:var(--warm-line);color:#fff4de}.room__top{justify-content:space-between;align-items:center;width:100%;display:flex}.room__name{font-size:15px;font-weight:600}.room__status{opacity:.8;font-size:12px}.climate{flex-shrink:0;height:196px}.climate__body{justify-content:space-between;align-items:center;gap:8px;display:flex}.dial{width:120px;height:120px;position:relative}.dial__arc{transform:rotate(135deg)}.dial__track,.dial__value{fill:none;stroke-width:14px;stroke-linecap:round}.dial__track{stroke:var(--line)}.dial__value{stroke:#ff9f43;transition:stroke-dasharray .3s}.dial__label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dial__target{letter-spacing:-.03em;font-size:32px;font-weight:600;line-height:1}.energy{flex-shrink:0;height:196px}.energy__now{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.energy__big{font-size:24px;font-weight:600;display:block}.energy--button{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit}.energy__bar{border-radius:6px;gap:2px;height:8px;display:flex;overflow:hidden}.energy__today{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.energy__today strong{color:var(--text);font-size:15px;font-weight:500;display:block}.energy__today strong.ok{color:var(--green)}.appliances{flex-grow:1}.ev{flex-direction:column;gap:6px;display:flex}.ev__row{justify-content:space-between;font-size:14px;display:flex}.ev__bar{background:var(--line);border-radius:6px;height:6px;overflow:hidden}.ev__bar div{background:var(--green);height:100%;transition:width .3s}.appliances__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.strip{flex-shrink:0;gap:12px;height:64px;display:flex}.strip__item{background:var(--card);border:1px solid var(--line);border-radius:16px;flex:1 1 0;align-items:center;gap:12px;min-width:0;padding:0 8px 0 14px;display:flex}.strip__item--wide{flex-grow:1.3}.strip__text{flex-direction:column;flex-grow:1;min-width:0;font-size:14px;display:flex}.swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.overlay{z-index:10;background:#050608b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pinpad{background:#14171b;border:1px solid #2e343d;border-radius:24px;flex-direction:column;align-items:center;gap:18px;width:340px;padding:24px;display:flex}.pinpad__title{margin:0;font-size:20px;font-weight:600}.pinpad__dots{gap:12px;height:14px;display:flex}.pinpad__dot{border:2px solid var(--line-strong);border-radius:999px;width:14px;height:14px}.pinpad__dot--filled{background:var(--accent);border-color:var(--accent)}.pinpad__keys{grid-template-columns:repeat(3,72px);gap:12px;display:grid}.pinpad__key{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:16px;height:64px;font-size:24px}.pinpad__actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.toast{color:#ffd0d0;z-index:20;background:#3a1717;border:1px solid #5a2a2a;border-radius:12px;padding:12px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.modal{background:var(--bg);border:1px solid var(--line-strong);border-radius:24px;flex-direction:column;gap:12px;width:880px;max-height:740px;padding:20px 24px 24px;display:flex;overflow-y:auto}.modal__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal__title{color:var(--muted);margin:0;font-size:15px;font-weight:600}.modal__close{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:14px;width:48px;height:48px;font-size:18px}.tablet-page{background:var(--bg);flex-direction:column;gap:20px;padding:24px 32px 40px;display:flex;position:absolute;inset:0;overflow-y:auto}.topbar__button{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border-top:0;border-bottom:0;border-right:0}.strip__button{cursor:pointer;color:inherit;font:inherit;text-align:left}.strip__chevron{margin-left:auto;padding-right:8px;font-size:22px}.room{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.w-shell{flex-wrap:wrap;align-items:flex-start;min-height:100vh;display:flex}.w-nav{box-sizing:border-box;flex-direction:column;flex:0 0 88px;align-items:center;gap:8px;min-height:100vh;padding:24px 12px;display:flex;position:sticky;top:0}.w-nav__logo{background:var(--accent);width:44px;height:44px;color:var(--bg);border-radius:12px;justify-content:center;align-items:center;display:none}.w-nav__item--end{margin-top:auto}.w-nav__item{width:52px;height:52px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;display:flex}.w-nav__item:hover{color:var(--text);background:var(--card)}.w-nav__item--active,.w-nav__item--active:hover{background:var(--raised);color:var(--text)}.w-main{box-sizing:border-box;flex-direction:column;flex:999 560px;gap:20px;min-width:0;min-height:100vh;padding:24px 32px 48px 16px;display:flex}.w-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.w-header__text{flex-direction:column;gap:4px;display:flex}.w-back{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:12px;align-self:flex-start;min-height:44px;margin-bottom:8px;padding:0 16px 0 12px;font-size:15px;font-weight:600}.w-header__title{letter-spacing:-.02em;margin:0;font-size:40px;font-weight:600}.w-header__meta{color:var(--muted);margin:0;font-size:15px}.w-header__side{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.w-header__clock{font-family:var(--mono);letter-spacing:-.03em;font-size:44px;font-weight:500}.w-scenes{flex-wrap:wrap;gap:10px;display:flex}.w-scene{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;min-height:44px;padding:0 18px;font-size:14px;font-weight:500}.w-scene--active{background:var(--text);border-color:var(--text);color:var(--bg)}.w-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-auto-flow:dense;gap:16px;display:grid}.w-span2{grid-column:span 2}.w-span3{grid-column:span 3}@media (width<=1100px){.w-span3{grid-column:span 2}}@media (width<=760px){.w-span2,.w-span3{grid-column:auto}}.w-section{flex-direction:column;gap:16px;display:flex}.w-empty{color:var(--muted);flex-direction:column;gap:8px;padding:48px 0;display:flex}.w-empty p{margin:0}.w-card{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;min-width:0;padding:22px;display:flex}.w-card--fit{align-self:start}.w-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.w-card__title{color:var(--muted);margin:0;font-size:15px;font-weight:600}.w-card__title-link{min-height:44px;color:inherit;border-radius:10px;align-items:center;gap:4px;margin:-10px -8px;padding:0 8px;text-decoration:none;display:inline-flex}.w-card__title-link:hover{color:var(--text);background:var(--raised)}.w-big{letter-spacing:-.03em;font-size:52px;font-weight:600;line-height:1}.w-mid{font-size:20px;font-weight:600}.text{color:var(--text)}.w-stats{gap:8px;display:grid}.w-stats--2{grid-template-columns:repeat(2,minmax(0,1fr))}.w-stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}.w-stat{background:var(--raised);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;font-size:15px;display:flex}.w-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.w-row{background:var(--raised);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:28px;padding:10px 12px;font-size:14px;display:flex}.w-row__label{align-items:center;gap:10px;min-width:0;display:flex}.w-row__stack{flex-direction:column;flex-grow:1;min-width:0;display:flex}.w-row__grow{flex-grow:1;min-width:0}.w-badge{background:var(--line);color:var(--text-2);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px}.w-badge--ok{color:var(--green);background:#1e3326}.w-badge--accent{background:var(--accent);color:var(--bg);font-weight:600}.w-link-btn{border:1px solid var(--line-strong);cursor:pointer;min-height:36px;color:var(--text-2);background:0 0;border-radius:10px;padding:0 10px;font-size:13px}.btn{align-items:center;gap:8px;display:inline-flex}.w-weather__now{align-items:center;gap:18px;display:flex}.w-weather__temp{flex-direction:column;gap:6px;display:flex}.w-forecast{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;font-size:13px;display:grid}.w-forecast__day{background:#1b1e24;border-radius:10px;flex-direction:column;gap:4px;padding:8px 0;display:flex}.w-forecast__day .strong{font-size:16px}.w-climate{justify-content:center;align-items:center;gap:16px;display:flex}.w-dial{width:180px;height:180px;position:relative}.w-dial__target{letter-spacing:-.03em;font-size:46px;font-weight:600;line-height:1.05}.w-cameras{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.w-cameras .camera-tile{aspect-ratio:16/10;height:auto}.w-rooms{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;display:grid}.w-room{cursor:pointer;text-align:left;background:var(--raised);border:1px solid var(--line);min-height:132px;color:var(--text-2);border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:14px;transition:background .2s;display:flex}.w-room--on{background:var(--warm-bg);border-color:var(--warm-line);color:#fff4de}.w-room__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:600;overflow:hidden}.w-room__status{opacity:.8}.w-room__bar{background:#7f7f7f40;border-radius:4px;width:100%;height:4px;margin-top:auto;display:block;overflow:hidden}.w-room__bar span{background:var(--accent);border-radius:4px;height:100%;transition:width .3s;display:block}.w-gate{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.w-gate__text{flex-direction:column;gap:2px;display:flex}.w-gate .btn{min-height:48px}.w-legend{flex-wrap:wrap;gap:14px;display:flex}.w-legend span{align-items:center;gap:6px;display:flex}.w-legend i{border-radius:2px;width:8px;height:8px;display:inline-block}.w-today{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding-top:12px;font-size:15px;display:grid}.w-ev{background:var(--raised);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.w-ev__row{justify-content:space-between;align-items:center;display:flex}.w-bins{flex-direction:column;gap:8px;font-size:14px;display:flex}.w-bins--divided{border-top:1px solid var(--line);padding-top:12px}.w-bin{align-items:center;gap:10px;display:flex}.w-toggle-row{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;font-size:14px;display:flex}.w-media{align-items:center;gap:14px;display:flex}.w-media__art{background:var(--line);width:72px;height:72px;color:var(--dim);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.w-btn-lg{min-height:48px;padding:0 18px;font-weight:600}.w-notice{border:1px solid var(--warm-line);color:#ffe2b0;background:#2a1f12;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.w-notice__text{flex:260px}.w-notice__btn{color:#ffe2b0;cursor:pointer;background:0 0;border:1px solid #6a5228;border-radius:10px;min-height:40px;padding:0 14px;font-size:13px}.w-lights{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.w-lights__rooms{flex-direction:column;flex:320px;gap:8px;min-width:0;max-width:420px;display:flex}.w-lights__rooms .w-card__title{margin-bottom:4px}.w-lroom{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;display:flex}.w-lroom--selected{background:var(--warm-bg);border-color:var(--accent)}.w-lroom__select{cursor:pointer;text-align:left;background:0 0;border:0;flex-grow:1;align-items:center;gap:12px;min-width:0;min-height:68px;padding:0 14px;display:flex}.w-lroom__name{font-size:16px;font-weight:600}.w-lroom__icon{background:var(--raised);width:40px;height:40px;color:var(--dim);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.w-lroom__icon--on{color:var(--accent);background:#3a2e14}.w-lroom__toggle{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:64px;min-height:48px;display:flex}.w-lights__detail{flex:999 520px;gap:20px;padding:24px}.w-lights__detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.w-lights__room-title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:600}.w-lights__actions{gap:8px;display:flex}.w-lights__actions .btn{min-height:48px;padding:0 18px;font-weight:600}.w-lights__room-bri{background:#1b1f25;border-radius:14px;padding:16px}.w-lights__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.w-lights__none{text-align:center;margin:0;padding:24px 0}.w-light{background:var(--raised);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.w-light--on{border-color:var(--warm-line);background:#241f16}.w-light--down{border:1px dashed var(--warm-line);background:#1b1f25}.w-light__head{align-items:center;gap:12px;display:flex}.w-light__head .w-lroom__toggle{width:56px;min-height:44px}.w-light__name{font-size:15px;font-weight:600}.w-light__down{color:var(--warm);margin:0;font-size:13px}.w-slider{flex-direction:column;gap:6px;display:flex}.w-slider__head{color:var(--text-2);justify-content:space-between;font-size:13px;display:flex}.w-slider input[type=range]{width:100%;height:28px;accent-color:var(--accent);margin:0}.w-temps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.w-temp{background:var(--line);cursor:pointer;border:1px solid #2e343d;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:13px;font-weight:500;display:flex}.w-temp--active{background:var(--warm-bg);border-color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.w-nav{flex-flow:wrap;flex:100%;min-height:0;padding:12px 16px 0;position:static}.w-nav__logo{margin:0 8px 0 0;display:flex}.w-nav__item--end{margin-top:0;margin-left:auto}.w-main{min-height:0;padding:16px 16px 40px}.w-header__title{font-size:30px}.w-header__clock{font-size:32px}}.signin{justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.signin__column{flex-direction:column;gap:28px;width:100%;max-width:420px;display:flex}.signin__intro{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.signin__logo{background:var(--accent);width:56px;height:56px;color:var(--bg);border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.signin__title{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:600}.signin__lead{color:var(--muted);margin:0;font-size:15px}.signin__card{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:18px;padding:28px;display:flex}.signin__form{flex-direction:column;gap:18px;display:flex}.signin__field{flex-direction:column;gap:6px;display:flex}.signin__field label{color:var(--text-2);font-size:14px;font-weight:500}.signin__input,.signin__password{border:1px solid var(--line-strong);background:var(--raised);min-height:48px;font:inherit;color:var(--text);border-radius:12px;font-size:16px}.signin__input{padding:0 14px}.signin__input--code{font-family:var(--mono);letter-spacing:.3em;text-align:center;min-height:56px;font-size:24px}.signin__input::placeholder{color:var(--dim);letter-spacing:.3em}.signin__password{align-items:center;display:flex}.signin__password:focus-within{outline:2px solid var(--accent);outline-offset:1px}.signin__password input{min-width:0;min-height:46px;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex-grow:1;padding:0 14px;font-size:16px}.signin__password button{cursor:pointer;min-height:46px;color:var(--muted);background:0 0;border:0;padding:0 14px;font-size:13px}.signin__check{min-height:44px;color:var(--text-2);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.signin__check input{width:20px;height:20px;accent-color:var(--accent);margin:0}.signin__submit{background:var(--accent);min-height:52px;color:var(--bg);cursor:pointer;border:0;border-radius:12px;font-size:16px;font-weight:600}.signin__submit:disabled{background:var(--line);color:var(--dim);opacity:1;cursor:not-allowed}.signin__secondary{cursor:pointer;min-height:44px;color:var(--muted);background:0 0;border:0;font-size:14px}.signin__alert{color:#ffc2cc;background:#2a1418;border:1px solid #5a2530;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.4}.signin__alert--locked{border-color:var(--warm-line);color:#ffe2b0;background:#2a1f12}.signin__footer{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.signin__footer-line{align-items:center;gap:8px;display:flex}.pair{align-items:center;gap:56px;width:1280px;height:800px;padding:64px 80px;display:flex}.pair__intro{flex-direction:column;flex:1 1 0;gap:28px;min-width:0;display:flex}.pair__text{flex-direction:column;gap:10px;display:flex}.pair__title{letter-spacing:-.02em;margin:0;font-size:44px;font-weight:600}.pair__lead{color:var(--muted);max-width:460px;margin:0;font-size:18px;line-height:1.5}.pair__steps{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.pair__steps li{color:var(--text-2);align-items:flex-start;gap:14px;font-size:17px;line-height:1.4;display:flex}.pair__steps li>span:last-child{padding-top:4px}.pair__badge{background:var(--line);width:32px;height:32px;color:var(--text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.pair__badge--done{color:var(--green);background:#1f2a22}.pair__card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;flex:0 0 480px;align-items:center;gap:24px;padding:40px;display:flex}.pair__code{align-items:center;gap:10px;min-height:72px;display:flex}.pair__char{background:var(--raised);border:1px solid var(--line-strong);width:56px;height:72px;font-family:var(--mono);border-radius:14px;justify-content:center;align-items:center;font-size:36px;font-weight:500;display:flex}.pair__dash{color:var(--dim);font-size:28px}.pair__timer{flex-direction:column;gap:8px;width:100%;font-size:14px;display:flex}.pair__bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.pair__bar span{background:var(--accent);border-radius:999px;height:100%;transition:width 1s linear;display:block}.pair__waiting{color:var(--text-2);align-items:center;gap:10px;font-size:15px;display:flex}.pair__dot{background:var(--accent);border-radius:999px;width:10px;height:10px;animation:1.6s ease-in-out infinite pair-pulse}@keyframes pair-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.pair__dot{animation:none}}.pair__new{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:12px;min-height:48px;padding:0 20px;font-size:15px;font-weight:600}.pair__done{width:72px;height:72px;color:var(--green);background:#1f2a22;border-radius:999px;justify-content:center;align-items:center;font-size:32px;display:flex}.pair__done-title{font-size:24px;font-weight:600}.settings__help{margin:0}.settings__form{flex-direction:column;gap:14px;display:flex}.settings__message{color:#ffc2cc;margin:0;font-size:14px}.settings__message--ok{color:var(--green)}.settings__device .strong{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.net-internet{grid-column:span 2}@media (width<=760px){.net-internet{grid-column:auto}}.net-speeds{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.net-speed{flex-direction:column;gap:2px;min-width:0;display:flex}.net-speed__value{letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1.1}.net-history{flex-direction:column;gap:6px;display:flex}.net-history__head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.net-spark{width:100%;height:80px;display:block}.net-spark__area{fill:var(--warm-bg)}.net-spark__line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.net-badge--warn{color:var(--warm);background:#2a1f12}.net-wlan{background:var(--raised);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.net-wlan__row{align-items:center;gap:12px;display:flex}.net-wlan__qr-btn{align-self:flex-start;min-height:44px}.net-icon{background:var(--line);width:40px;height:40px;color:var(--dim);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.net-icon--on{color:var(--accent);background:#3a2e14}.net-icon--blocked{color:#ff8fa3}.net-toggle{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-height:44px;display:flex}.net-qr{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.net-qr img{background:#fff;border-radius:10px;padding:8px}.net-confirm{color:#ffe2b0;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.net-confirm>span:first-child{flex:180px}.net-confirm__buttons{gap:8px;display:flex}.net-confirm__yes{background:var(--accent);min-height:40px;color:var(--bg);cursor:pointer;border:0;border-radius:10px;padding:0 14px;font-size:13px;font-weight:600}.net-heading{color:var(--muted);margin:0;font-size:15px;font-weight:600}.net-devices{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.net-device{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.net-device--offline{border-style:dashed;border-color:var(--warm-line)}.net-device__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.net-device__stats{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;display:grid}.net-device__stat{flex-direction:column;gap:2px;display:flex}.net-device__restart{align-self:flex-start;min-height:40px}.net-update{color:var(--blue)}.net-clients__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.net-search input{border:1px solid var(--line-strong);background:var(--raised);width:200px;max-width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:12px;padding:0 12px;font-size:14px}.net-segmented .segmented__item{min-height:40px;padding:0 12px;font-size:14px}.net-clients__summary{margin:0}.net-table-wrap{overflow-x:auto}.net-table{border-collapse:collapse;width:100%;font-size:14px}.net-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:0 12px 8px;font-size:12px;font-weight:500}.net-table td{border-bottom:1px solid var(--raised);white-space:nowrap;padding:8px 12px}.net-table__right{text-align:right}.net-table td.net-table__right .net-toggle{margin-left:auto}.net-table__offline{opacity:.6}.net-client{align-items:center;gap:10px;min-width:0;max-width:280px;display:flex}.net-client .net-icon{border-radius:10px;width:36px;height:36px}.net-blocked{color:#ff8fa3}.net-empty{text-align:center;margin:0;padding:24px 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.e-badge--normal{color:var(--accent);background:#3a2e14;font-weight:600}.e-badge--low{color:var(--blue);background:#142536;font-weight:600}.e-now__value{align-items:baseline;gap:8px;display:flex}.e-now__number{letter-spacing:-.03em;font-size:64px;font-weight:600;line-height:1}.e-phases{flex-direction:column;gap:10px;display:flex}.e-phase{grid-template-columns:28px minmax(0,1fr) 64px;align-items:center;gap:10px;display:grid}.e-phase__bar{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.e-phase__bar span{background:var(--accent);border-radius:999px;height:100%;transition:width .6s;display:block}.e-phase__value{text-align:right}.e-period{grid-column:span 2}@media (width<=760px){.e-period{grid-column:auto}}.e-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.e-tile{background:var(--raised);border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.e-tile__label{color:var(--text-2);align-items:center;gap:8px;font-size:14px;display:flex}.e-tile__label i{border-radius:3px;width:10px;height:10px}.e-tile__value{letter-spacing:-.02em;font-size:34px;font-weight:600}.e-tile__value .muted{font-size:15px;font-weight:500}.warm{color:var(--warm)}.e-split{flex-direction:column;gap:8px;display:flex}.e-split__head{color:var(--text-2);justify-content:space-between;display:flex}.e-split__bar{background:var(--line);border-radius:999px;height:10px;display:flex;overflow:hidden}.e-split__bar .e-normal{flex-grow:1}.e-low{background:var(--blue);display:block}.e-normal{background:var(--accent);display:block}.e-gas{background:#ff8fa3;display:block}.w-legend i.e-low,.w-legend i.e-normal{display:inline-block}.e-note{margin:0}.e-chart__title{margin:0;font-size:20px;font-weight:600}.e-segmented .segmented__item{min-height:40px;padding:0 12px;font-size:14px}.e-empty{max-width:640px;margin:0;padding:32px 0}.e-plot{gap:10px;display:flex}.e-plot__axis{text-align:right;flex-direction:column;justify-content:space-between;min-width:52px;height:220px;padding-bottom:22px;display:flex}.e-plot__main{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.e-bars{border-bottom:1px solid var(--line);background-image:linear-gradient(var(--raised) 1px, transparent 1px);background-size:100% 50%;align-items:flex-end;gap:6px;height:220px;display:flex}.e-bars--dense{gap:3px}.e-bar{border-radius:4px 4px 0 0;flex-direction:column;flex:1 1 0;min-width:0;display:flex;overflow:hidden}.e-bar>span{flex-basis:0}.e-bar--empty{opacity:0}.e-labels{display:flex}.e-labels span{text-align:left;white-space:nowrap;flex:1 1 0;min-width:0;overflow:visible}.e-grid-table{border-collapse:collapse;width:100%;font-size:14px}.e-grid-table th,.e-grid-table td{border-top:1px solid var(--line);text-align:right;padding:10px 4px;font-weight:400}.e-grid-table thead th{color:var(--muted);border-top:0;font-size:12px}.e-grid-table tbody th{text-align:left}