.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login__card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--slate);border:1px solid var(--hairline);border-radius:var(--radius-card)}.login__title{text-align:center}.login__hint{margin:0;color:var(--muted);text-align:center}.login__field{display:flex;flex-direction:column;gap:var(--space-1)}.login__label{font-size:var(--text-sm);color:var(--muted)}.login__input{width:100%}.login__input:focus-visible{outline:2px solid var(--text);outline-offset:2px}.login__input[aria-invalid=true]{border-color:var(--danger)}.login__error{margin:0;color:var(--danger);font-size:var(--text-sm)}.login__submit{width:100%;font-weight:500;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}.login__submit:disabled{opacity:.6;cursor:default}.login__submit:focus-visible{outline:2px solid var(--text);outline-offset:2px}.home{min-height:100%;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.home--centered{align-items:center;justify-content:center;text-align:center;gap:var(--space-2)}.home__header{display:flex;flex-direction:column;gap:var(--space-1)}.home__header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.home__header-row--standalone{align-self:stretch;justify-content:flex-end}.home__summary{margin:0;color:var(--muted)}.home__logout{flex-shrink:0;min-width:var(--tap-target);min-height:var(--tap-target);padding:0 var(--space-2);color:var(--muted);font-size:var(--text-md);transition:border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.home__logout:hover{color:var(--text)}.home__logout:focus-visible{outline:2px solid var(--text);outline-offset:2px}.home__hint{margin:0;color:var(--muted)}.home__connection{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-field);font-size:var(--text-sm);transition:opacity var(--motion-slow) var(--motion-ease)}.home__connection--connecting{color:var(--muted);background:var(--slate-2)}.home__connection--lost{color:var(--danger);background:var(--slate-2);border:1px solid var(--danger)}.home__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.home__item{display:block}.room-card{position:relative;width:100%;min-height:calc(var(--tap-target) * 1.6);display:flex;align-items:flex-end;text-align:left;padding:var(--space-3);background:var(--slate);border:1px solid var(--hairline);border-radius:var(--radius-card);overflow:hidden;transition:border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.room-card:hover{border-color:var(--muted)}.room-card:focus-visible{outline:2px solid var(--text);outline-offset:2px}.room-card--breathe{animation:room-card-breathe var(--motion-breathe-duration) var(--motion-ease)}@media (prefers-reduced-motion: reduce){.room-card--breathe{animation:none}}@keyframes room-card-breathe{0%{transform:scale(1)}50%{transform:scale(var(--motion-breathe-scale))}to{transform:scale(1)}}.room-card__glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:radial-gradient(circle at 30% 30%,currentColor,transparent 70%);pointer-events:none;transition:opacity var(--motion-slow) var(--motion-ease),color var(--motion-slow) var(--motion-ease)}.room-card__body{position:relative;display:flex;flex-direction:column;gap:var(--space-1);width:100%}.room-card__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:1.25}.room-card__status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);color:var(--muted);font-size:var(--text-md)}.room-card__offline{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--danger);font-size:var(--text-sm)}.room-card__offline-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);flex-shrink:0}.slider{position:relative;display:flex;align-items:center;min-height:var(--tap-target);touch-action:none;cursor:pointer}.slider:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:var(--radius-field)}.slider__track{position:relative;width:100%;height:8px;border-radius:999px;background:var(--slate-2)}.slider__thumb{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--text);border:2px solid var(--void);box-shadow:0 0 0 1px var(--hairline);transform:translate(-50%,-50%);pointer-events:none}.slider--disabled{cursor:default;opacity:.5;pointer-events:none}.device-card{position:relative;padding:var(--space-3);background:var(--slate);border:1px solid var(--hairline);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:var(--space-3);transition:opacity var(--motion-slow) var(--motion-ease);overflow:hidden}.device-card--offline{opacity:.55}.device-card__top{display:flex;align-items:center;gap:var(--space-3)}.device-card__disc-wrap{position:relative;width:calc(var(--tap-target) * 1.3);height:calc(var(--tap-target) * 1.3);flex-shrink:0}.device-card__disc-glow{position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;border-radius:50%;background-image:radial-gradient(circle at 35% 35%,currentColor,transparent 70%);pointer-events:none;transition:opacity var(--motion-slow) var(--motion-ease),color var(--motion-slow) var(--motion-ease)}.device-card__disc{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--hairline);overflow:hidden;background:var(--slate-2)}.device-card__disc-core{border-radius:50%;transition:background-color var(--motion-slow) var(--motion-ease),width var(--motion-slow) var(--motion-ease),height var(--motion-slow) var(--motion-ease)}.device-card__heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.device-card__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.25;overflow-wrap:break-word}.device-card__offline-label{color:var(--danger);font-size:var(--text-sm)}.device-card__switch{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0}.device-card__switch:disabled{cursor:default;opacity:.6}.device-card__switch:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:999px}.device-card__switch-track{position:relative;width:52px;height:30px;border-radius:999px;background:var(--slate-2);border:1px solid var(--hairline);transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.device-card__switch[aria-checked=true] .device-card__switch-track{background:var(--ok);border-color:var(--ok)}.device-card__switch-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--text);transition:transform var(--motion-fast) var(--motion-ease)}.device-card__switch[aria-checked=true] .device-card__switch-knob{transform:translate(24px)}.device-card__hint{margin:0;color:var(--muted);font-size:var(--text-sm)}.device-card__control{display:flex;flex-direction:column;gap:var(--space-1)}.device-card__control-label{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--text-sm)}.device-card__error{margin:0;color:var(--danger);font-size:var(--text-sm)}.tv-card__screen-wrap{display:flex;align-items:center;justify-content:center}.tv-card__screen{position:relative;width:78%;height:60%;border-radius:4px;border:2px solid var(--hairline);background:var(--slate-2);transition:background-color var(--motion-slow) var(--motion-ease),border-color var(--motion-slow) var(--motion-ease),opacity var(--motion-slow) var(--motion-ease)}.tv-card__screen:after{content:"";position:absolute;left:50%;bottom:-8px;width:30%;height:4px;background:var(--hairline);border-radius:2px;transform:translate(-50%);transition:background-color var(--motion-slow) var(--motion-ease)}.tv-card__screen--on{background:var(--text);border-color:var(--text)}.tv-card__screen--on:after{background:var(--text)}.tv-card__screen--turning-on{animation:tv-card-warming 1.4s var(--motion-ease) infinite}@keyframes tv-card-warming{0%,to{opacity:.4}50%{opacity:.85}}@media (prefers-reduced-motion: reduce){.tv-card__screen--turning-on{animation:none;opacity:.6}}.tv-card__volume-row{display:flex;align-items:center;gap:var(--space-2)}.tv-card__volume-row>.slider{flex:1;min-width:0}.tv-card__mute{color:var(--muted)}.tv-card__mute[aria-checked=true]{color:var(--text)}.tv-card__mute-icon{display:block;width:20px;height:20px}.tv-card__links{display:flex;gap:var(--space-1)}.tv-card__open{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--tap-target);padding:0 var(--space-2);border-radius:var(--radius-field);background:var(--slate-2);border:1px solid var(--hairline);color:var(--text);text-decoration:none;transition:border-color var(--motion-fast) var(--motion-ease)}.tv-card__open:hover{border-color:var(--muted)}.tv-card__open:focus-visible{outline:2px solid var(--text);outline-offset:2px}.room{min-height:100%;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.room--centered{align-items:center;justify-content:center;text-align:center;gap:var(--space-2)}.room__header{display:flex;align-items:center;gap:var(--space-2)}.room__back{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);flex-shrink:0;border-radius:var(--radius-field);background:var(--slate-2);border:1px solid var(--hairline);font-size:var(--text-lg);text-decoration:none;transition:border-color var(--motion-fast) var(--motion-ease)}.room__back:hover{border-color:var(--muted)}.room__back:focus-visible{outline:2px solid var(--text);outline-offset:2px}.room__title{flex:1;min-width:0;overflow-wrap:break-word}.room__hint{margin:0;color:var(--muted)}.room__back-link{color:var(--text)}.room__connection{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-field);font-size:var(--text-sm);transition:opacity var(--motion-slow) var(--motion-ease)}.room__connection--connecting{color:var(--muted);background:var(--slate-2)}.room__connection--lost{color:var(--danger);background:var(--slate-2);border:1px solid var(--danger)}.room__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.app-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}.app-grid__cell{min-width:0}.app-tile{width:100%;min-width:0;padding:0;background:none;border:none;border-radius:var(--radius-field);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.app-tile:hover{border-color:transparent}.app-tile:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app-tile__art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-field);background:var(--slate-2);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;transition:border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}.app-tile:hover:not(:disabled) .app-tile__art{border-color:var(--muted)}.app-tile:active:not(:disabled) .app-tile__art{transform:scale(.96)}.app-tile__icon{width:100%;height:100%;object-fit:cover;display:block}.app-tile__initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--slate-2),var(--slate));font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;color:var(--muted)}.app-tile__badge{position:absolute;left:0;right:0;bottom:0;padding:2px var(--space-1);background:#0b0e1ad1;color:var(--muted);font-size:var(--text-sm);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-tile__badge--running{color:var(--ok)}.app-tile--running .app-tile__art{border-color:var(--ok)}.app-tile:disabled{cursor:default}.app-tile:disabled .app-tile__initial,.app-tile:disabled .app-tile__icon{opacity:.55}.app-tile__name{width:100%;font-size:var(--text-sm);line-height:1.5;color:var(--text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-height:calc(var(--text-sm) * 1.5 * 2)}.tv-remote{width:216px;margin:0 auto;padding-top:var(--space-2);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.tv-remote__power,.tv-remote__key,.tv-remote__ok,.tv-remote__pad-key,.tv-remote__rocker-key{display:flex;align-items:center;justify-content:center;padding:0;color:var(--text);cursor:pointer}.tv-remote__power:focus-visible,.tv-remote__key:focus-visible,.tv-remote__ok:focus-visible,.tv-remote__pad-key:focus-visible,.tv-remote__rocker-key:focus-visible{outline:2px solid var(--text);outline-offset:2px}.tv-remote__power:active,.tv-remote__key:active,.tv-remote__ok:active,.tv-remote__rocker-key:active{background:var(--hairline)}.tv-remote__pad-key:active .tv-remote__glyph{color:var(--muted)}.tv-remote__glyph{width:24px;height:24px}.tv-remote__pad-key .tv-remote__glyph{width:28px;height:28px}.tv-remote__power-row{width:100%;display:flex}.tv-remote__power{width:52px;height:52px;border-radius:999px;background:var(--slate-2);border:1px solid var(--hairline)}.tv-remote__pad{position:relative;width:184px;height:184px;border-radius:50%;background:var(--slate);border:1px solid var(--hairline)}.tv-remote__pad-key{position:absolute;width:56px;height:56px;border:none;background:none;border-radius:999px}.tv-remote__pad-key--up{top:0;left:50%;transform:translate(-50%)}.tv-remote__pad-key--down{bottom:0;left:50%;transform:translate(-50%)}.tv-remote__pad-key--left{left:0;top:50%;transform:translateY(-50%)}.tv-remote__pad-key--right{right:0;top:50%;transform:translateY(-50%)}.tv-remote__ok{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:999px;background:var(--slate-2);border:1px solid var(--hairline);font-size:var(--text-md);font-weight:500}.tv-remote__row{display:flex;gap:var(--space-3)}.tv-remote__key{width:56px;height:56px;border-radius:999px;background:var(--slate-2);border:1px solid var(--hairline)}.tv-remote__rockers{display:flex;gap:20px;padding-bottom:20px}.tv-remote__rocker{position:relative;width:68px;display:flex;flex-direction:column}.tv-remote__rocker-key{width:68px;background:var(--slate-2);border:1px solid var(--hairline)}.tv-remote__rocker-key--top{height:52px;border-radius:999px 999px 0 0}.tv-remote__rocker-key--middle{height:48px;margin-top:-1px;border-radius:0}.tv-remote__rocker-key--bottom{height:52px;margin-top:-1px;border-radius:0 0 999px 999px}.tv-remote__rocker-label{position:absolute;top:calc(100% + 4px);left:0;right:0;text-align:center;font-size:var(--text-sm);color:var(--muted);letter-spacing:.08em}.tv-remote__error{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-field);font-size:var(--text-sm);color:var(--danger);background:var(--slate-2);border:1px solid var(--danger);text-align:center}.tv-screen{min-height:100%;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.tv-screen--centered{align-items:center;justify-content:center;text-align:center;gap:var(--space-2)}.tv-screen__header{display:flex;align-items:center;gap:var(--space-2)}.tv-screen__back{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);flex-shrink:0;border-radius:var(--radius-field);background:var(--slate-2);border:1px solid var(--hairline);font-size:var(--text-lg);text-decoration:none;transition:border-color var(--motion-fast) var(--motion-ease)}.tv-screen__back:hover{border-color:var(--muted)}.tv-screen__back:focus-visible{outline:2px solid var(--text);outline-offset:2px}.tv-screen__title{margin:0;font-size:var(--text-xl);overflow-wrap:break-word;flex:1;min-width:0}.tv-screen__refresh{flex-shrink:0;padding:0 var(--space-2);font-size:var(--text-sm);color:var(--muted)}.tv-screen__refresh:disabled{opacity:.5;cursor:default}.tv-screen__hint{margin:0;color:var(--muted)}.tv-screen__plain-link{color:var(--text)}.tv-screen__error{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-field);font-size:var(--text-sm);color:var(--danger);background:var(--slate-2);border:1px solid var(--danger)}.tv-screen__tabs{display:flex;gap:var(--space-1)}.tv-screen__tab{flex:1;min-height:var(--tap-target);padding:0 var(--space-2);border-radius:var(--radius-field);background:var(--slate-2);border:1px solid var(--hairline);color:var(--muted)}.tv-screen__tab--current{background:var(--slate);border-color:var(--muted);color:var(--text);font-weight:500}.tv-screen__tab:focus-visible{outline:2px solid var(--text);outline-offset:2px}.tv-screen__panel{display:flex;flex-direction:column;gap:var(--space-3)}:root{--void: #0b0e1a;--slate: #151a2e;--slate-2: #1e2540;--hairline: #2a3350;--text: #e6eaf5;--muted: #8c98be;--danger: #ff7675;--ok: #7bed9f;--font-display: "Unbounded", system-ui, sans-serif;--font-text: "Golos Text", system-ui, sans-serif;--text-2xl: 32px;--text-xl: 24px;--text-lg: 17px;--text-md: 15px;--text-sm: 13px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--radius-card: 20px;--radius-field: 12px;--tap-target: 44px;--motion-fast: .15s;--motion-slow: .2s;--motion-ease: ease-out;--motion-breathe-duration: .6s;--motion-breathe-scale: 1.015}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/unbounded-600-cyrillic-DW6uzIMB.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/unbounded-600-latin-oRSANpZr.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/golos-400-cyrillic-C7us6pn1.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/golos-400-latin-Coi1FYaD.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/golos-500-cyrillic-BSLQUuP1.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/golos-500-latin-BznAvurO.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--text);font-family:var(--font-text);font-weight:400;font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}small{font-size:var(--text-sm);color:var(--muted)}button,input{font-family:inherit;font-size:inherit;color:inherit}button{min-width:var(--tap-target);min-height:var(--tap-target);background:var(--slate-2);border:1px solid var(--hairline);border-radius:var(--radius-field);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}button:hover{border-color:var(--muted)}input{min-height:var(--tap-target);background:var(--slate-2);border:1px solid var(--hairline);border-radius:var(--radius-field);padding:0 var(--space-2)}a{color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}