@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.desktop-card{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(130% 90% at 100% 0%,var(--accent-soft),transparent 70%),var(--surface)}.desktop-card .head{display:flex;gap:12px;align-items:flex-start}.desktop-card h2{font-size:16px;line-height:1.3;margin-bottom:2px}.desktop-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:conic-gradient(from 200deg,#4353e8,#2bc2a0,#4353e8);color:#fff}.desktop-icon svg{width:20px;height:20px}.desktop-card .meta{display:flex;justify-content:space-between;gap:8px;margin-top:-4px}.desktop-card .link{font-size:inherit}.desktop-downloads ul{list-style:none;margin:0 0 10px;padding:0;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.desktop-downloads li{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px}.desktop-downloads li+li{border-top:1px solid var(--border)}.desktop-downloads li .text{flex:1;min-width:0;display:flex;flex-direction:column}.desktop-downloads h3{margin-top:18px}.first-launch{margin-top:10px}.first-launch p{margin-top:2px}.first-launch code{overflow-wrap:anywhere;font-size:.95em}.topbar{display:flex;align-items:center;gap:8px;max-width:1080px;margin:0 auto;padding:10px 12px 10px 18px}.logo{display:flex;align-items:center;gap:9px;margin-right:auto;font-weight:800;font-size:18px;letter-spacing:-.02em}.logo i{display:block;width:22px;height:22px;border-radius:7px;background:conic-gradient(from 200deg,#4353e8,#2bc2a0,#4353e8)}.home{display:grid;gap:28px;max-width:1080px;margin:0 auto;padding:4px 16px 24px}.hero h1{font-size:28px;line-height:1.15;letter-spacing:-.03em}.hero>p{margin-top:6px}.actions{display:grid;gap:12px;margin-top:18px}.hint{font-size:13.5px;color:var(--muted)}.home .row{display:flex;gap:8px;flex-wrap:wrap}.share-card,.join-card{display:flex;flex-direction:column;gap:12px}.big-code{font-size:40px;font-weight:800;letter-spacing:.06em;line-height:1.1;font-variant-numeric:tabular-nums}.qr-side{display:none}.qr{display:block;border-radius:10px}.qr-placeholder{width:140px;height:140px;border-radius:10px;background:var(--surface-2)}.address{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.address>svg{width:20px;height:20px;color:var(--muted);flex:none}.address .text{flex:1;min-width:0;display:flex;flex-direction:column}.address strong{overflow-wrap:anywhere}.join-card form{display:flex;gap:8px}.code-input{flex:1;min-height:52px;font-size:19px;letter-spacing:.08em;text-transform:uppercase}.code-input::placeholder{text-transform:none}.join-card form .btn{min-height:52px}.waiting{display:flex;align-items:center;gap:12px;min-height:52px}.waiting p{flex:1}.side{display:grid;gap:24px;align-content:start}.devices h2{font-size:17px;margin-bottom:10px}.device-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.device-list li{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 6px 10px 14px}.device-list li+li{border-top:1px solid var(--border)}.dev-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--surface-2);color:var(--muted)}.dev-icon svg{width:20px;height:20px}.dev-icon .dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:2px solid var(--surface)}.device-list .meta{flex:1;min-width:0;display:flex;flex-direction:column}.device-list .meta strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.empty-line{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px dashed var(--border);border-radius:var(--r);color:var(--muted)}.empty-line svg{width:20px;height:20px;flex:none}.devices .note{margin-top:10px}.version{text-align:center;padding-top:8px}.access h4{margin:14px 0 0;font-size:13.5px}.access>p{margin-bottom:10px}.password-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.password-row>svg{width:20px;height:20px;color:var(--muted)}.password-row .text{flex:1;min-width:140px;display:flex;flex-direction:column}.ok-text{color:var(--ok);font-weight:600}.password-form{display:grid;gap:10px}.password-form .row{display:flex;gap:8px}.device-rules{padding:8px 0}.device-rules+.device-rules{border-top:1px dashed var(--border)}@media(min-width:801px){.home{grid-template-columns:1fr 340px;align-items:start;gap:36px;padding-top:24px}.hero h1{font-size:40px}.actions{grid-template-columns:1.5fr 1fr}.share-card{display:grid;grid-template-columns:1fr auto;align-content:start;column-gap:16px}.share-card>:not(.qr-side){grid-column:1}.share-card .qr-side{display:grid;grid-column:2;grid-row:1 / span 4;justify-items:center;align-content:start;gap:6px}.share-card .address{grid-column:1 / -1}.join-card form{flex-direction:column}.side{padding-top:74px}.version{grid-column:1 / -1}}.compose{display:grid;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.compose .textarea{min-height:84px}.compose-actions{display:flex;flex-wrap:wrap;gap:8px}.clips{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.clips li{max-width:640px;padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.clips li.me{justify-self:end;background:var(--accent-soft);border-color:transparent}.clips pre{margin:0 0 8px;white-space:pre-wrap;word-break:break-word;font:14px/1.45 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace}.clip-foot{display:flex;align-items:center;gap:8px}.clip-foot .muted{flex:1}.display{display:grid;gap:14px}.display .empty .setting{min-width:min(100%,340px);text-align:left}.share-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.live-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--alarm);animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.35}}.share-status{flex:1;min-width:160px;display:flex;flex-direction:column}.share-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.share-options .setting{min-height:44px;gap:10px}.quality{display:inline-flex;align-items:center;gap:8px}.quality-label{font-size:13px;color:var(--muted)}.display select{min-height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:14px}.screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.screen-choice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600}.screen-choice:hover{border-color:var(--accent)}.screen-choice img{width:100%;border-radius:8px;background:#000}.video-wrap{position:relative;overflow:hidden;border-radius:var(--r);background:#000}.video-wrap video{display:block;width:100%;max-height:calc(100dvh - 220px);object-fit:contain}.video-wrap:fullscreen video{max-height:none;height:100%}.video-wrap.controllable{cursor:crosshair;outline:2px solid transparent;touch-action:none}.video-wrap.controllable.focused{outline-color:var(--accent)}.control-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:5px 12px;border-radius:99px;background:#10121abf;color:#fff;font-size:12.5px;white-space:nowrap;pointer-events:none}.screen-tools{position:absolute;left:0;right:0;bottom:12px;width:fit-content;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 4px;max-width:calc(100% - 16px);padding:4px;border-radius:16px;background:#10121ad1;color:#fff;box-shadow:0 8px 30px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.45;transition:opacity .15s}.video-wrap:hover .screen-tools,.screen-tools:focus-within{opacity:1}@media(hover:none){.screen-tools{opacity:.92}}.screen-tools .tool{display:inline-flex;align-items:center;gap:6px;min-width:40px;min-height:40px;justify-content:center;padding:0 10px;border:0;border-radius:12px;background:transparent;color:#fff;font-weight:600;font-size:13.5px;cursor:pointer}.screen-tools .tool:hover,.screen-tools .tool[aria-pressed=true]{background:#ffffff24}.screen-tools .tool svg{width:19px;height:19px}.screen-tools select{min-height:40px;max-width:130px;padding:0 8px;border:0;border-radius:12px;background:#ffffff1a;color:#fff;font-size:13.5px;font-weight:600}.screen-tools select option{color:#111}.screen-tools .quality-label{display:none}.screen-stats{position:absolute;top:10px;left:10px;color:#fff;pointer-events:none;padding:5px 10px;border-radius:99px;background:#10121abf;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.screen-stats:empty{display:none}.type-box{display:flex;gap:4px;flex-basis:100%;padding:4px 0 0}.type-box input{flex:1;min-width:0;min-height:40px;padding:0 12px;border:0;border-radius:12px;background:#fffffff2;color:#111;font-size:15px}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.video-wrap.remote{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;border-radius:0}.video-wrap.remote video{max-height:none;height:100%}.video-wrap.remote .screen-tools{bottom:8px}}.control-wait{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);color:var(--muted)}.control-host .big-icon.live{background:var(--alarm);color:#fff}.files{position:relative;min-height:100%}.dropzone{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;border:1.5px dashed var(--border);border-radius:var(--r-lg);text-align:center;transition:border-color .15s,background .15s}.files.dragging .dropzone{border-color:var(--accent);background:var(--accent-soft)}.send-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.transfers{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.transfer{padding:12px 10px 12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.transfer-head{display:flex;align-items:center;gap:12px}.file-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.file-icon>svg{width:20px;height:20px}.file-icon .dir{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--surface);border:1px solid var(--border)}.file-icon .dir svg{width:11px;height:11px}.transfer.done .file-icon{background:var(--ok-soft);color:var(--ok)}.transfer.failed .file-icon,.transfer.cancelled .file-icon,.transfer.rejected .file-icon{background:var(--surface-2);color:var(--muted)}.transfer .meta{flex:1;min-width:0;display:flex;flex-direction:column}.transfer .meta strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.transfer.failed .meta .muted{color:var(--danger)}.transfer progress{display:block;width:calc(100% - 4px);height:6px;margin:12px 0 2px;border:0;border-radius:99px;background:var(--surface-2);color:var(--accent);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.transfer progress::-webkit-progress-bar{background:var(--surface-2)}.transfer progress::-webkit-progress-value{background:var(--accent);border-radius:99px;transition:width .3s}.transfer progress::-moz-progress-bar{background:var(--accent);border-radius:99px}.transfer.paused progress::-webkit-progress-value{background:var(--warn)}.transfer.paused progress::-moz-progress-bar{background:var(--warn)}.transfer>.error{margin-top:8px}.transfer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}@media(min-width:801px){.dropzone{padding:32px}}.app.in-session{display:flex;flex-direction:column;height:100dvh}.session{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head" "banners" "content" "tabs"}.session.connecting{display:grid;place-items:center}.sbar{grid-area:head;display:flex;align-items:center;gap:4px;padding:8px 8px 8px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.peer-btn{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:4px 6px;border:0;border-radius:12px;background:none;text-align:left;cursor:pointer}.peer-btn:hover{background:var(--surface-2)}.peer-btn .who{min-width:0;display:flex;flex-direction:column}.peer-btn .who strong{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.peer-btn .sub{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden}.peer-btn .sub svg{width:13px;height:13px}.peer-btn .sub>span{display:inline-flex;align-items:center;gap:3px}.peer-btn .path.direct{color:var(--ok)}.peer-btn .path.relay{color:var(--warn)}.peer-btn .sas-inline b{color:var(--text);letter-spacing:.06em}.panel-toggle{position:relative}.panel-toggle .count{position:static;margin-left:2px}.wide-only{display:none}.banners{grid-area:banners}.content{grid-area:content;overflow:auto;overscroll-behavior:contain;padding:16px}.service-view{max-width:1000px}.ask-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:12px 14px;border-radius:var(--r);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);max-width:1000px}.ask-card .ask-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--surface);color:var(--warn)}.ask-card .ask-icon svg{width:20px;height:20px}.ask-card .text{flex:1 1 200px;min-width:0;display:flex;flex-direction:column}.ask-card .ask-actions{display:flex;gap:8px;margin-left:auto}.tabbar{grid-area:tabs;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--surface);border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.rail-logo{display:none}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:56px;padding:6px 2px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:11.5px;font-weight:600;cursor:pointer}.tab .ic{position:relative;display:grid;place-items:center;width:52px;height:30px;border-radius:99px;transition:background .15s}.tab .ic>svg{width:22px;height:22px}.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true] .ic{background:var(--accent-soft);color:var(--accent)}.tab.locked .ic>svg{opacity:.55}.tab .t,.tab .st{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tab .st{font-size:10.5px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.tab .mark{position:absolute;top:-3px;right:6px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);color:var(--muted)}.tab .mark svg{width:10px;height:10px}.tab .mark.wait{color:var(--warn);border-color:var(--warn)}.tab .mark.ask{background:var(--alarm);border-color:var(--alarm);color:#fff}.tab .mark.live{top:0;right:10px;width:12px;height:12px;background:var(--alarm);border-color:var(--surface);animation:live 1.4s infinite}@keyframes live{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--alarm) 25%,transparent)}}.panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--scrim)}.session-panel{position:fixed;left:0;right:0;bottom:0;z-index:31;max-height:88dvh;overflow:auto;overscroll-behavior:contain;background:var(--surface);border-radius:26px 26px 0 0;padding:10px 18px calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow-up);animation:rise .18s ease-out}.session-panel[hidden]{display:none}.panel-head{display:flex;align-items:center;gap:8px}.panel-head h2{flex:1;min-width:0;font-size:19px;letter-spacing:-.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel-section{display:grid;gap:8px;padding:14px 0}.panel-section+.panel-section{border-top:1px solid var(--border)}.panel-section h3{margin:0}.service{display:flex;align-items:flex-start;gap:12px;padding:10px;margin:0 -10px;border-radius:var(--r)}.service.asking{background:var(--warn-soft)}.svc-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--surface-2);color:var(--muted)}.service.on .svc-icon{background:var(--ok-soft);color:var(--ok)}.svc-icon svg{width:19px;height:19px}.svc-text{flex:1;min-width:0}.svc-text p{margin-top:2px}.svc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.service>.switch,.service>.pill{margin-top:4px}.sas-box{display:grid;gap:2px;justify-items:center;text-align:center;padding:12px;border-radius:var(--r);background:var(--surface-2)}.sas-box strong{font-size:30px;letter-spacing:.12em;font-variant-numeric:tabular-nums}.info-line{display:flex;gap:8px;align-items:flex-start;color:var(--muted)}.info-line svg{width:16px;height:16px;flex:none;margin-top:2px}.ok-line{color:var(--ok);font-weight:600}@media(min-width:801px){.session{grid-template-columns:var(--rail) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"tabs head" "tabs banners" "tabs content"}.session.panel-open{grid-template-columns:var(--rail) minmax(0,1fr) var(--panel);grid-template-areas:"tabs head head" "tabs banners banners" "tabs content panel"}.sbar{padding:10px 16px}.wide-only{display:inline}.content{padding:24px 32px}.tabbar{display:flex;flex-direction:column;gap:4px;border-top:0;border-right:1px solid var(--border);padding:12px 8px}.rail-logo{display:grid;place-items:center;height:48px;margin-bottom:8px}.rail-logo i{width:26px;height:26px;border-radius:8px;background:conic-gradient(from 200deg,#4353e8,#2bc2a0,#4353e8)}.tab{min-height:64px;font-size:12px}.panel-scrim{display:none}.session-panel{grid-area:panel;position:static;max-height:none;border-radius:0;border-left:1px solid var(--border);box-shadow:none;padding:12px 20px 20px;animation:none}}:root{--bg: #f5f6fa;--surface: #ffffff;--surface-2: #eef0f6;--text: #11131c;--muted: #5c6378;--border: #e1e4ee;--accent: #4353e8;--accent-soft: #eceefe;--accent-text: #ffffff;--ok: #0f8a63;--ok-soft: #e3f5ee;--warn: #9a5500;--warn-soft: #fff3dc;--danger: #c8232e;--danger-soft: #fde8e9;--alarm: #c4202f;--shadow: 0 1px 2px rgb(17 19 28 / .05), 0 6px 20px rgb(17 19 28 / .06);--shadow-up: 0 -8px 30px rgb(17 19 28 / .14);--scrim: rgb(8 10 16 / .45);--r-sm: 10px;--r: 16px;--r-lg: 24px;--rail: 88px;--panel: 340px;--radius: var(--r-sm);--warn-bg: var(--warn-soft);font-family:Inter Variable,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){:root{--bg: #0c0e15;--surface: #151823;--surface-2: #1e2232;--text: #eceef6;--muted: #9aa1b6;--border: #2a2f42;--accent: #8b96ff;--accent-soft: #232845;--accent-text: #0c0e15;--ok: #4fd1a1;--ok-soft: #13302a;--warn: #f5b454;--warn-soft: #33280f;--danger: #ff6b74;--danger-soft: #3a1519;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .3);--shadow-up: 0 -8px 30px rgb(0 0 0 / .5);--scrim: rgb(0 0 0 / .6)}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.mono{font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}kbd{font:600 12px ui-monospace,Menlo,monospace;padding:1px 6px;border-radius:6px;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{filter:brightness(1.06)}.btn.soft{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--alarm);border-color:var(--alarm);color:#fff}.btn.danger-ghost{background:transparent;border-color:transparent;color:var(--danger)}.btn.sm{min-height:36px;padding:0 12px;font-size:14px;border-radius:10px}.btn.block{width:100%}.btn svg,.icon-btn svg{width:20px;height:20px;flex:none}.btn.sm svg{width:17px;height:17px}.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border-radius:12px;border:0;background:transparent;color:inherit;cursor:pointer}.icon-btn:hover{background:var(--surface-2)}.icon-btn:disabled{opacity:.5;cursor:default}.count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--alarm);color:#fff;font-size:11px;font-weight:700;line-height:14px;border:2px solid var(--surface)}.link{background:none;border:0;padding:0;color:var(--accent);font-weight:600;cursor:pointer}.field,.textarea{width:100%;min-width:0;min-height:48px;padding:0 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);font-size:16px}.textarea{padding:12px 14px;resize:vertical}.field:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}select.field{min-height:40px;padding:0 10px;font-size:14px}.label{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.switch{position:relative;display:inline-block;width:50px;height:30px;flex:none}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.switch input:disabled{cursor:default}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--border);transition:background .15s}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span:after{transform:translate(20px)}.switch input:disabled+span{opacity:.5}.switch input:focus-visible+span{outline:2.5px solid var(--accent);outline-offset:2px}.setting{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0;cursor:pointer}.setting>.text{flex:1;min-width:0;display:flex;flex-direction:column}.setting>.text>span{font-size:13px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--muted);white-space:nowrap}.pill svg{width:14px;height:14px}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.dot.on{background:var(--ok)}.spinner{width:18px;height:18px;flex:none;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;background:var(--scrim);animation:fade .15s}.sheet{width:100%;max-height:90dvh;overflow:auto;overscroll-behavior:contain;background:var(--surface);border-radius:26px 26px 0 0;padding:8px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-up);animation:rise .18s ease-out}.sheet:before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:var(--border);margin:0 auto 10px}.sheet-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sheet-head h2{flex:1;font-size:20px;letter-spacing:-.02em}.sheet section{padding:14px 0;border-top:1px solid var(--border)}.sheet section:first-of-type{border-top:0}.sheet h3,.panel-section h3{font-size:13.5px;font-weight:700;color:var(--muted);margin-bottom:8px}@keyframes rise{0%{transform:translateY(24px);opacity:0}}@keyframes slide{0%{transform:translate(24px);opacity:0}}@keyframes fade{0%{opacity:0}}@media(min-width:801px){.scrim{justify-content:flex-end;align-items:stretch}.sheet{width:440px;max-height:none;height:100%;border-radius:0;padding:18px 22px;animation-name:slide}.sheet:before{display:none}}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;background:var(--scrim);animation:fade .15s}.dialog{width:100%;display:grid;gap:14px;justify-items:center;text-align:center;background:var(--surface);border-radius:26px 26px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-up);animation:rise .18s ease-out}.dialog h2{font-size:22px;letter-spacing:-.02em}.dialog .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px}.dialog .field{text-align:left}@media(min-width:801px){.dialog-scrim{align-items:center;justify-content:center}.dialog{width:440px;border-radius:26px}}.banner{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;font-size:14px}.banner>svg{width:20px;height:20px;flex:none}.banner .text{flex:1;min-width:0}.banner .text strong{display:block;font-size:15px}.banner.critical{background:var(--alarm);color:#fff}.banner.critical+.banner.critical{border-top:1px solid rgb(255 255 255 / .25)}.banner.critical kbd{border-color:transparent;background:#fff3}.banner.critical .btn{background:#fff;border-color:#fff;color:var(--alarm)}.banner.status{background:var(--warn-soft);color:var(--warn);font-weight:600}.banner.status .spinner{border-color:color-mix(in srgb,var(--warn) 30%,transparent);border-top-color:var(--warn)}.banner.info{background:var(--surface);border-bottom:1px solid var(--border)}.empty{display:grid;justify-items:center;text-align:center;gap:12px;max-width:440px;margin:0 auto;padding:40px 16px}.empty .big-icon{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--surface-2);color:var(--muted)}.empty .big-icon>svg{width:32px;height:32px}.empty .big-icon .mark{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--border)}.empty .big-icon .mark svg{width:15px;height:15px}.empty h2{font-size:20px;letter-spacing:-.01em}.avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:800}.avatar.big{width:64px;height:64px;border-radius:20px;font-size:26px}.avatar svg{width:28px;height:28px}.dialog .starts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.banner .text strong.inline{display:inline;font-size:inherit}.view-head{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:14px}.view-head h2{flex:1;font-size:22px;letter-spacing:-.02em}