@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff");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}:root{color-scheme:dark;font-family:Space Grotesk Variable,system-ui,sans-serif;font-synthesis:none;--bg: #090b0e;--bg-raised: #0e1116;--panel: rgba(18, 22, 28, .92);--panel-strong: #151a21;--panel-hover: #1a2029;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #f5f1e8;--muted: #8d949e;--muted-strong: #b9bec5;--brand: #2c63f9;--brand-soft: #83a4ff;--brand-dim: rgba(44, 99, 249, .13);--brand-glow: rgba(44, 99, 249, .34);--amber: var(--brand);--amber-soft: var(--brand-soft);--amber-bright: #a8beff;--amber-dim: var(--brand-dim);--amber-glow: var(--brand-glow);--cyan: #49d8d0;--green: #67d993;--red: #ff6b6b;--danger: var(--red);--violet: #a88cff;--surface-deep: #11151b;--radius: 18px;--radius-small: 11px;--sidebar: 220px;--mono: "IBM Plex Mono Variable", ui-monospace, monospace;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 55% -20%,rgba(73,216,208,.06),transparent 35%),radial-gradient(circle at 80% 0%,rgba(44,99,249,.09),transparent 27%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--amber-soft);outline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3vw,3.4rem);line-height:.98;letter-spacing:-.055em;font-weight:620}h2{font-size:1.3rem;line-height:1.1;letter-spacing:-.035em;font-weight:620}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;display:flex;flex-direction:column;padding:24px 15px 18px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 22%),#0b0e12;border-right:1px solid var(--line)}.sidebar:after{position:absolute;inset:0 0 0 auto;width:1px;content:"";background:linear-gradient(transparent,rgba(44,99,249,.22),transparent)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 9px 29px}.brand-mark{display:flex;align-items:center;gap:9px}.brand-mark small{max-width:45px;color:var(--brand-soft);font-family:var(--mono);font-size:.49rem;font-weight:600;line-height:1.35;letter-spacing:.14em}.brand-logo-shell{display:grid;width:96px;height:36px;place-items:center;padding:0 10px;border:1px solid rgba(137,167,255,.55);border-radius:10px;background:linear-gradient(145deg,#4275ff,#2c63f9);box-shadow:inset 0 1px #ffffff47,0 8px 26px #2c63f933}.brand-logo-shell img{width:100%;height:auto}.brand-mark.large{gap:13px}.brand-mark.large .brand-logo-shell{width:132px;height:45px;padding-inline:12px;border-radius:12px}.brand-mark.large small{max-width:58px;font-size:.61rem}.primary-nav{display:flex;flex-direction:column;gap:5px}.primary-nav a{position:relative;display:flex;align-items:center;height:46px;gap:13px;padding:0 13px;overflow:hidden;border-radius:11px;color:var(--muted);text-decoration:none;font-size:.87rem;font-weight:540;transition:color .16s ease,background .16s ease,transform .16s ease}.primary-nav a svg{width:18px;height:18px}.primary-nav a:hover{color:var(--text);background:#ffffff0a;transform:translate(2px)}.primary-nav a.active{color:#adc1ff;background:linear-gradient(90deg,#2c63f92b,#2c63f90b);box-shadow:inset 0 0 0 1px #2c63f91f}.primary-nav a.active:before{position:absolute;left:0;width:2px;height:20px;content:"";border-radius:0 3px 3px 0;background:var(--amber);box-shadow:0 0 12px var(--amber)}.primary-nav a i{width:4px;height:4px;margin-left:auto;border-radius:50%;opacity:0;background:var(--amber);transition:opacity .16s ease}.primary-nav a.active i{opacity:1}.sidebar-live{display:flex;align-items:center;gap:12px;margin-top:auto;padding:14px 12px;border:1px solid rgba(44,99,249,.14);border-radius:13px;background:#2c63f90d}.sidebar-live>div:last-child{display:flex;min-width:0;flex-direction:column}.sidebar-live strong{overflow:hidden;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.mini-label{color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.mini-spectrum{display:flex;width:28px;height:28px;align-items:center;justify-content:center;gap:1.5px}.mini-spectrum span{width:1.5px;height:40%;border-radius:2px;background:var(--amber);animation:spectrum 1.2s ease-in-out infinite alternate}.mini-spectrum span:nth-child(2n){animation-delay:-.5s}.mini-spectrum span:nth-child(3n){animation-delay:-.85s}.sidebar-footer{display:flex;align-items:center;gap:5px;padding:17px 2px 0;margin-top:10px;border-top:1px solid var(--line)}.profile-button{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:5px;border:0;border-radius:9px;color:inherit;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.profile-button:hover{background:#ffffff0b}.profile-button>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.profile-button strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.profile-button small{color:var(--muted);font-size:.62rem;text-transform:capitalize}.profile-button>svg{color:var(--muted)}.avatar{--avatar-hue: 45;display:inline-grid;flex:0 0 auto;width:33px;height:33px;place-items:center;border:1px solid hsl(var(--avatar-hue) 55% 55% / .3);border-radius:10px;color:hsl(var(--avatar-hue) 75% 86%);background:hsl(var(--avatar-hue) 42% 28% / .62);font-family:var(--mono);font-size:.66rem;font-weight:650}.avatar.small{width:28px;height:28px;border-radius:8px;font-size:.58rem}.avatar.tiny{width:22px;height:22px;border-radius:7px;font-size:.48rem}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,44px);border-bottom:1px solid var(--line);background:#090b0ec2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.connection-pill{display:flex;align-items:center;gap:7px;color:var(--muted-strong);font-family:var(--mono);font-size:.64rem;letter-spacing:.05em;text-transform:uppercase}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #67d993a6}.connection-pill.disconnected .connection-dot{background:var(--red);box-shadow:0 0 10px #ff6b6b80;animation:pulse 1s infinite}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-clock{display:flex;align-items:center;gap:7px;padding-left:12px;border-left:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.68rem}.notification-button{position:relative}.notification-button>span{position:absolute;right:6px;top:6px;width:5px;height:5px;border:1px solid var(--bg);border-radius:50%;background:var(--amber)}.page-stage{width:100%;max-width:1600px;min-height:calc(100vh - 64px);margin:0 auto;padding:clamp(27px,3.2vw,48px) clamp(20px,3vw,44px) 132px}.persistent-player{position:fixed;z-index:45;right:14px;bottom:12px;left:calc(var(--sidebar) + 14px);display:grid;grid-template-columns:minmax(190px,1.1fr) auto minmax(250px,auto) minmax(180px,.8fr) minmax(145px,auto);min-height:74px;align-items:center;gap:13px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--line-strong) 88%,var(--brand) 12%);border-radius:17px;background:linear-gradient(115deg,color-mix(in srgb,var(--brand) 8%,transparent),transparent 42%),#0e1218f0;box-shadow:0 18px 55px #00000085;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.compact-track,.compact-continuation,.compact-zone-picker,.compact-transport,.compact-modes{min-width:0}.compact-track{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:10px}.compact-track>div,.compact-continuation>span{display:grid;min-width:0;gap:3px}.compact-track strong,.compact-track span,.compact-continuation strong,.compact-continuation small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-track strong{font-size:.72rem;font-weight:620}.compact-track span,.compact-continuation small{color:var(--muted);font-size:.56rem}.compact-live-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.compact-live-dot.is-playing{background:var(--green);box-shadow:0 0 11px color-mix(in srgb,var(--green) 72%,transparent)}.compact-transport,.compact-modes{display:flex;align-items:center;gap:5px}.compact-modes{flex-wrap:wrap}.compact-transport .icon-button{width:36px;height:36px}.compact-play-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--brand-soft) 60%,transparent);border-radius:50%;color:#fff;background:var(--brand);cursor:pointer}.compact-play-button:disabled,.compact-mode:disabled{opacity:.45;cursor:not-allowed}.compact-mode{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:10px;color:var(--muted-strong);background:#ffffff06;font-size:.58rem;font-weight:620;white-space:nowrap;cursor:pointer}.compact-mode.is-active{color:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 12%,transparent)}.compact-continuation{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--line);color:var(--muted-strong)}.compact-continuation.auto-dj{color:var(--cyan)}.compact-continuation.repeat-all{color:var(--brand-soft)}.compact-continuation strong{color:currentColor;font-size:.59rem}.compact-zone-picker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:38px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:10px;color:var(--muted-strong);background:#ffffff06}.compact-zone-picker select{min-width:0;border:0;color:var(--text);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-size:.61rem}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.page-intro>div:first-child{display:flex;flex-direction:column;gap:8px}.page-intro p{color:var(--muted);font-size:.9rem}.eyebrow,.meta-label{display:inline-flex;align-items:center;gap:6px;color:var(--amber);font-family:var(--mono);font-size:.62rem;font-weight:550;letter-spacing:.11em;text-transform:uppercase}.meta-label{color:var(--muted);font-size:.58rem}.intro-actions{display:flex;align-items:center;gap:9px}.button{display:inline-flex;min-height:39px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid transparent;border-radius:10px;color:var(--text);background:transparent;font-size:.75rem;font-weight:590;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{color:#fff;border-color:#8ba9ffad;background:linear-gradient(180deg,#4275ff,#2458e8);box-shadow:inset 0 1px #ffffff47,0 8px 24px #2c63f933}.button-primary:hover:not(:disabled){background:linear-gradient(180deg,#5684ff,#2c63f9);box-shadow:inset 0 1px #ffffff57,0 10px 30px #2c63f952}.button-quiet{color:var(--muted-strong);border-color:var(--line);background:#ffffff06}.button-quiet:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background:#ffffff0d}.speaker-ownership-button{color:#eafffd;border-color:color-mix(in srgb,var(--cyan) 52%,var(--brand));background:linear-gradient(135deg,#49d8d033,#2c63f933),#0c1d23eb;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #2499a629}.speaker-ownership-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--cyan) 76%,white);background:linear-gradient(135deg,#49d8d047,#2c63f947),#0d222af5;box-shadow:inset 0 1px #ffffff2e,0 10px 30px #2499a63d}.speaker-ownership-button svg{color:var(--cyan)}.speaker-ownership-button.claim{border-color:#49d89c9e;background:linear-gradient(135deg,#49d89c33,#2c63f929),#0b1f1cf0}.speaker-ownership-button.claim svg{color:#49d89c}.speaker-ownership-button.release{border-color:#ffb84cad;background:linear-gradient(135deg,#ffb84c33,#ff6f4c1f),#261b11f0}.speaker-ownership-button.release svg{color:var(--amber)}.button-wide{width:100%}.button-small{min-height:32px;padding:0 10px;border-radius:8px;font-size:.68rem}.button-tail{margin-left:auto}.icon-button,.round-button{display:inline-grid;width:36px;height:36px;flex:0 0 auto;place-items:center;padding:0;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.icon-button:hover:not(:disabled),.round-button:hover:not(:disabled){color:var(--text);border-color:var(--line);background:#ffffff0b}.icon-button.is-active,.round-button.is-active{color:var(--amber-bright);border-color:#5f89ff6b;background:#2c63f921}.round-button{border-color:var(--line);border-radius:50%;background:#ffffff06}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 33%),var(--panel);box-shadow:0 18px 50px #0000002b,inset 0 1px #ffffff04}.radio-layout{display:grid;grid-template-columns:minmax(580px,1.55fr) minmax(340px,.8fr);gap:17px;align-items:stretch}.now-playing-card{position:relative;min-height:510px;overflow:hidden}.now-playing-card:after{position:absolute;inset:auto -25% -60% 25%;height:80%;pointer-events:none;content:"";opacity:.55;background:radial-gradient(circle,var(--amber-glow),transparent 63%);filter:blur(40px)}.now-playing-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(190px,.82fr) minmax(250px,1.18fr);min-height:460px;gap:clamp(22px,2.2vw,34px);align-items:center;padding:clamp(25px,2.7vw,39px)}.album-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.album-stage:before{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;z-index:-1;content:"";border:1px solid rgba(44,99,249,.22);border-radius:19px;clip-path:polygon(0 0,44% 0,47% 2px,100% 2px,100% 100%,0 100%)}.album-stage>img,.album-placeholder{position:relative;width:100%;height:100%;border-radius:14px;object-fit:cover;box-shadow:0 28px 70px #0000007a,0 0 0 1px #ffffff17}.album-placeholder{display:grid;place-items:center;color:var(--muted);background:#12161c}.album-glow{position:absolute;top:12%;right:-7%;bottom:-9%;left:-7%;z-index:-2;border-radius:50%;opacity:.38;background:var(--amber);filter:blur(44px)}.track-console{display:flex;min-width:0;flex-direction:column}.track-heading{min-height:112px}.track-heading h2{max-width:460px;margin-top:9px;overflow:hidden;font-size:clamp(2rem,3.2vw,3.3rem);font-weight:590;line-height:.98;letter-spacing:-.065em;text-overflow:ellipsis}.track-heading p{margin-top:10px;color:var(--amber-soft);font-size:.95rem}.auto-dj-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:5px 7px;border:1px solid rgba(73,216,208,.14);border-radius:7px;color:var(--cyan);background:#49d8d00e;font-family:var(--mono);font-size:.52rem;text-transform:uppercase}.timeline{margin-top:21px}.timeline-slider{position:relative;display:flex;width:100%;height:18px;align-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-track{position:relative;width:100%;height:3px;flex-grow:1;overflow:hidden;border-radius:5px;background:#ffffff17}.timeline-track span{position:absolute;inset:0 auto 0 0;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2458e8,#83a4ff);box-shadow:0 0 10px #2c63f98c}.timeline-range{border-radius:inherit}.timeline-thumb{display:block;width:13px;height:13px;border:2px solid var(--panel-strong);border-radius:50%;background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand),0 0 12px var(--brand-glow);cursor:grab;transition:transform .14s ease}.timeline-thumb:hover{transform:scale(1.15)}.timeline-slider[data-disabled] .timeline-thumb{cursor:wait;opacity:.55}.timeline>div:last-child{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-family:var(--mono);font-size:.57rem}.transport-row{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:25px}.main-transport{display:flex;align-items:center;gap:8px}.main-transport{justify-content:center}.player-options{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.mode-button.is-active{color:var(--green);border-color:#4dd59d6b;background:#4dd59d1a}.play-button{display:grid;width:59px;height:59px;place-items:center;border:1px solid rgba(157,183,255,.88);border-radius:50%;color:#fff;background:linear-gradient(145deg,#4b7cff,#2458e8);box-shadow:0 12px 35px #2c63f94d,inset 0 1px #ffffff59;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.play-button:hover{transform:scale(1.045);box-shadow:0 15px 42px #2c63f96b,inset 0 1px #ffffff6b}.play-button svg{width:24px;height:24px}.skip-button{position:static;margin-left:0}.volume-control{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--muted)}.volume-control>span:last-child{width:30px;color:var(--muted-strong);font-family:var(--mono);font-size:.6rem}.slider-root{position:relative;display:flex;width:clamp(76px,8vw,110px);height:18px;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center}.slider-track{position:relative;height:3px;flex-grow:1;overflow:hidden;border-radius:4px;background:#ffffff1a}.volume-cap-marker{position:absolute;top:-3px;width:1px;height:9px;background:#ffffff94;box-shadow:0 0 6px #ffffff3d;transform:translate(-1px)}.slider-range{position:absolute;height:100%;border-radius:inherit;background:var(--amber)}.slider-thumb{display:block;width:11px;height:11px;border:2px solid var(--panel-strong);border-radius:50%;background:var(--amber-soft);box-shadow:0 0 0 1px var(--amber);cursor:grab}.queue-panel{display:flex;min-height:510px;flex-direction:column;padding:21px 18px 16px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-header>div:first-child{display:flex;flex-direction:column;gap:6px}.queue-count,.activity-total{padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-family:var(--mono);font-size:.54rem;text-transform:uppercase}.queue-list{display:flex;flex:1;flex-direction:column;gap:5px;padding:15px 0 12px}.queue-row{position:relative;z-index:1;display:grid;grid-template-columns:22px 43px minmax(0,1fr) auto 30px;min-height:61px;align-items:center;gap:9px;padding:7px 5px;border:1px solid transparent;border-radius:10px;background:transparent;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.queue-row:hover{z-index:2;border-color:var(--line);background:#ffffff07}.queue-row.dragging{z-index:10;border-color:#2c63f957;background:#181b20;box-shadow:0 15px 35px #00000059}.drag-handle{display:grid;width:22px;height:33px;place-items:center;padding:0;border:0;color:#525a65;background:transparent;cursor:grab}.drag-handle:disabled{cursor:default}.drag-handle span{font-family:var(--mono);font-size:.56rem}.queue-art,.small-art{position:relative;display:grid;width:43px;height:43px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:9px;color:var(--muted);background:#1d2229}.queue-art img,.small-art img{width:100%;height:100%;object-fit:cover}.download-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--amber);background:#030405ad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.queue-info{display:flex;min-width:0;flex-direction:column;gap:4px}.queue-info strong{overflow:hidden;color:#e9e7e2;font-size:.73rem;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.queue-track-button{max-width:100%;overflow:hidden;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.queue-track-button:hover{color:var(--brand-soft);text-decoration:underline}.queue-membership-badge{display:inline-flex!important;width:fit-content;align-items:center;gap:4px;color:var(--brand-soft)!important;font-family:var(--mono);font-size:.5rem!important;text-transform:uppercase}.queue-membership-badge.current{color:var(--green)!important}.queue-membership-badge.played{color:var(--muted)!important}.queue-info span{overflow:hidden;color:var(--muted);font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.queue-info i{margin:0 3px;font-style:normal}.queue-person{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.56rem}.queue-row .row-menu{width:30px;height:30px;opacity:0}.queue-row:hover .row-menu,.queue-row:focus-within .row-menu{opacity:1}.queue-position{padding-right:7px;color:#515863;font-family:var(--mono);font-size:.55rem;text-align:right}.queue-add-button{display:flex;height:39px;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;color:var(--muted);background:#ffffff04;font-size:.66rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.queue-add-button:hover{color:var(--amber-soft);border-color:#2c63f957;background:var(--amber-dim)}.queue-add-button kbd{margin-left:auto;margin-right:6px;padding:3px 5px;border:1px solid var(--line);border-radius:5px;color:#686f78;background:#00000026;font-family:var(--mono);font-size:.5rem}.queue-empty{display:flex;min-height:250px;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.queue-empty strong{margin-top:12px;color:var(--muted-strong);font-size:.8rem}.queue-empty span{margin-top:4px;font-size:.64rem}.zone-picker{display:flex;height:39px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--green);background:#ffffff06}.zone-picker select{padding:0;border:0;color:var(--muted-strong);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-size:.7rem;font-weight:560;cursor:pointer}.zone-picker>svg:last-child{color:var(--muted)}.meeting-banner{display:flex;min-height:63px;align-items:center;gap:12px;padding:9px 14px;margin:-16px 0 17px;overflow:hidden;border:1px solid rgba(73,216,208,.16);border-radius:12px;background:linear-gradient(90deg,#49d8d017,#49d8d006)}.meeting-icon{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;color:var(--cyan);background:#49d8d01a}.meeting-banner>div{display:flex;flex-direction:column}.meeting-banner strong{color:#bdf7f1;font-size:.73rem}.meeting-banner div span{color:var(--muted);font-size:.61rem}.meeting-banner time{margin-left:auto;color:var(--cyan);font-family:var(--mono);font-size:.78rem}.meeting-cancel{margin-left:4px;color:#bdf7f1;border-color:#49d8d02e}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#020304b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-dialog,.form-dialog{position:fixed;left:50%;top:9vh;z-index:90;width:min(670px,calc(100vw - 28px));max-height:82vh;padding:22px;overflow:auto;translate:-50% 0;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 35%),#11151b;box-shadow:0 35px 90px #0009}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.dialog-header>div{display:flex;flex-direction:column;gap:5px}.dialog-header h2{font-size:1.18rem}.dialog-header span{color:var(--muted);font-size:.7rem}.search-source-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:#0003}.search-source-tabs button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:0;border-radius:9px;color:var(--muted-strong);background:transparent;font-size:.67rem;font-weight:600;cursor:pointer}.search-source-tabs button:hover{color:var(--text)}.search-source-tabs button.active{color:#fff;background:var(--brand-dim);box-shadow:inset 0 0 0 1px #5b85ff3d}.hero-search{display:grid;grid-template-columns:21px minmax(0,1fr) auto;min-height:55px;align-items:center;gap:10px;padding:7px 8px 7px 15px;border:1px solid rgba(44,99,249,.3);border-radius:13px;color:var(--amber);background:#06070994;box-shadow:0 0 0 3px #2c63f90d}.hero-search input,.table-search input,.local-login input,.form-dialog input,.form-dialog textarea{width:100%;border:0;color:var(--text);outline:0;background:transparent}.hero-search input{font-size:.88rem}.hero-search input::placeholder,.table-search input::placeholder,.form-dialog input::placeholder,.form-dialog textarea::placeholder{color:#5e656e}.search-suggestions{padding-top:20px}.search-suggestions>div:nth-child(2){display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.search-suggestions>div:nth-child(2) button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted-strong);background:#ffffff06;font-size:.66rem;cursor:pointer}.search-suggestions>div:nth-child(2) button:hover{color:var(--amber-soft);border-color:#2c63f947}.search-tip{display:flex;align-items:center;gap:10px;padding:13px;margin-top:22px;border:1px solid var(--line);border-radius:11px;color:var(--cyan);background:#49d8d009}.search-tip p{display:flex;flex-direction:column;color:var(--muted);font-size:.64rem}.search-tip strong{color:var(--muted-strong);font-size:.7rem}.search-results{display:flex;flex-direction:column;gap:4px;padding-top:14px}.search-results article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;min-height:69px;align-items:center;gap:11px;padding:7px;border:1px solid transparent;border-radius:11px;transition:background .15s ease,border-color .15s ease}.search-results article:hover{border-color:var(--line);background:#ffffff06}.search-results article.is-selected{border-color:#5b85ff80;background:#2c63f917}.search-result-actions{display:flex;gap:6px}.result-art{display:grid;width:54px;height:54px;overflow:hidden;place-items:center;border-radius:9px;color:var(--muted);background:var(--panel-strong)}.result-art img{width:100%;height:100%;object-fit:cover}.result-info{display:flex;min-width:0;flex-direction:column;gap:3px}.result-info strong{overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.result-info>span{color:var(--muted);font-size:.62rem}.result-info small{display:inline-flex;width:fit-content;align-items:center;gap:3px;color:var(--green);font-family:var(--mono);font-size:.5rem;text-transform:uppercase}.blocked-badge,.status-badge,.new-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 7px;border-radius:6px;color:var(--red);background:#ff6b6b14;font-family:var(--mono);font-size:.52rem;text-transform:uppercase}.standard-page{width:100%}.library-panel{padding:18px}.table-toolbar{display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid var(--line)}.table-search{display:flex;width:min(360px,42vw);height:38px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#0000001a}.table-search input{font-size:.7rem}.library-summary{display:flex;align-items:center;gap:14px;margin-left:auto}.library-summary span{display:flex;align-items:center;gap:5px;color:var(--muted);font-family:var(--mono);font-size:.55rem}.data-table{width:100%}.table-head,.table-row{display:grid;grid-template-columns:minmax(280px,1.7fr) .65fr .55fr .7fr 80px;align-items:center;gap:16px;padding:0 12px}.table-head{height:42px;color:#666e78;font-family:var(--mono);font-size:.51rem;text-transform:uppercase;letter-spacing:.08em}.table-row{min-height:65px;border-top:1px solid rgba(255,255,255,.045);color:var(--muted);font-size:.65rem;transition:background .15s ease}.table-row:hover{background:#ffffff05}.track-cell{display:flex;min-width:0;align-items:center;gap:10px}.small-art{width:42px;height:42px}.track-cell>div:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.track-cell strong{overflow:hidden;color:var(--text);font-size:.72rem;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.track-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-cell .track-failure{color:#ff9191;font-size:.56rem}.status-badge{width:fit-content;color:var(--green);background:#67d99312}.status-badge.downloading{color:var(--amber);background:var(--amber-dim)}.status-badge.pending{color:var(--cyan);background:#49d8d012}.status-badge.failed{color:var(--red);background:#ff6b6b14}.row-actions{display:flex;justify-content:flex-end}.row-actions .icon-button{width:31px;height:31px}.play-row{color:var(--amber)}.featured-playlist{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(330px,1fr);min-height:260px;align-items:center;gap:clamp(30px,5vw,80px);padding:32px clamp(30px,4vw,60px);overflow:hidden;background:radial-gradient(circle at 14% 40%,rgba(44,99,249,.2),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.03),transparent 55%),var(--panel)}.featured-playlist:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.17;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 23px,rgba(255,255,255,.04) 24px);-webkit-mask-image:linear-gradient(90deg,black,transparent 55%);mask-image:linear-gradient(90deg,black,transparent 55%)}.featured-covers{position:relative;height:190px}.empty-featured-cover{position:absolute;left:50%;top:50%;display:grid;width:190px;height:190px;place-items:center;align-content:center;gap:12px;border:1px solid rgba(87,130,255,.28);border-radius:17px;color:var(--brand-soft);background:radial-gradient(circle at 50% 35%,rgba(44,99,249,.24),transparent 50%),#121722;box-shadow:14px 18px 42px #00000061,inset 0 0 0 1px #ffffff06;transform:translate(-50%,-50%) rotate(-2deg)}.empty-featured-cover span{font-family:var(--mono);font-size:.53rem;letter-spacing:.16em}.featured-covers img{position:absolute;left:calc(var(--offset) * 54px);top:calc(var(--offset) * 4px);z-index:calc(3 - var(--offset));width:190px;height:190px;border:1px solid rgba(255,255,255,.12);border-radius:15px;object-fit:cover;box-shadow:15px 15px 40px #0006}.featured-copy{position:relative;z-index:2}.featured-copy h2{margin-top:12px;font-size:clamp(1.9rem,3vw,3rem)}.featured-copy p{max-width:520px;margin-top:10px;color:var(--muted);font-size:.8rem;line-height:1.6}.featured-copy>div{display:flex;gap:8px;margin-top:21px}.featured-number{position:absolute;right:20px;bottom:14px;color:#4f5661;font-family:var(--mono);font-size:.52rem;letter-spacing:.12em}.playlist-section-heading{display:flex;align-items:end;justify-content:space-between;margin:36px 0 15px}.playlist-section-heading>div{display:flex;flex-direction:column;gap:6px}.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.playlist-card{min-width:0;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.playlist-card:hover{border-color:#2c63f93d;box-shadow:0 22px 50px #0000003d}.playlist-cover{position:relative;aspect-ratio:1.35;overflow:hidden;background:#191e25}.playlist-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}.playlist-card:hover .playlist-cover>img{transform:scale(1.04)}.playlist-cover:after{position:absolute;inset:auto 0 0;height:45%;content:"";background:linear-gradient(transparent,#000000b3)}.playlist-play{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;color:#fff;opacity:0;background:var(--amber);box-shadow:0 8px 23px #00000059;transform:translateY(6px);cursor:pointer;transition:opacity .18s ease,transform .18s ease}.playlist-card:hover .playlist-play,.playlist-play:focus-visible{opacity:1;transform:translateY(0)}.source-badge{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:6px;color:#c8fcf7;background:#040a0b94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:.49rem;text-transform:uppercase}.playlist-card-copy{padding:15px}.playlist-card-copy>div{display:flex;align-items:center;justify-content:space-between}.playlist-card-copy h3{overflow:hidden;font-size:.9rem;font-weight:590;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.playlist-card-copy .icon-button{width:28px;height:28px}.playlist-card-copy p{height:37px;margin-top:6px;overflow:hidden;color:var(--muted);font-size:.62rem;line-height:1.5}.playlist-card-copy footer{display:flex;align-items:center;justify-content:space-between;padding-top:11px;margin-top:12px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.5rem;text-transform:uppercase}.playlist-card-copy footer span:last-child{display:flex;align-items:center;gap:4px}.playlist-create-card{display:flex;min-height:270px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.13);border-radius:var(--radius);color:var(--muted);background:#ffffff03;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.playlist-create-card:hover{border-color:#2c63f957;background:var(--amber-dim);transform:translateY(-3px)}.playlist-create-card>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(44,99,249,.28);border-radius:15px;color:var(--amber);background:var(--amber-dim)}.playlist-create-card strong{margin-top:14px;color:var(--muted-strong);font-size:.78rem}.playlist-create-card small{max-width:200px;margin-top:5px;color:var(--muted);font-size:.61rem}.form-dialog{top:15vh;width:min(470px,calc(100vw - 28px))}.form-dialog.import-dialog{top:8vh;width:min(720px,calc(100vw - 28px));max-height:84vh}.import-summary{display:flex;gap:8px;margin:2px 0 10px;color:var(--muted);font-family:var(--mono);font-size:.58rem}.import-summary strong{color:var(--amber)}.import-entry-list{max-height:300px;overflow:auto;border-block:1px solid var(--line)}.import-entry-list>label{display:grid;grid-template-columns:18px 48px 1fr;min-height:62px;align-items:center;gap:10px;border-bottom:1px solid var(--line);cursor:pointer}.import-entry-list>label>input{min-height:auto}.import-entry-list img,.import-entry-list>label>svg{width:48px;height:34px;border-radius:6px;object-fit:cover}.import-entry-list>label>span{display:grid;gap:3px}.import-entry-list small{color:var(--muted);font-size:.6rem}.import-entry-list em{color:var(--danger);font-size:.58rem;font-style:normal}.import-entry-list .has-warning{opacity:.62}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-dialog>label,.local-login label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;color:var(--muted-strong);font-size:.64rem}.form-dialog input,.form-dialog textarea,.local-login input{min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#00000029;font-size:.72rem}.form-dialog textarea{min-height:90px;padding:10px 11px;resize:vertical}.switch-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.switch-row{margin-bottom:16px}.switch-row>span,.setting-row>span:first-child{display:flex;flex-direction:column;gap:3px}.switch-row strong,.setting-row strong{font-size:.69rem}.switch-row small,.setting-row small{color:var(--muted);font-size:.59rem}.switch-root{position:relative;width:36px;height:20px;flex:0 0 auto;padding:0;border:1px solid var(--line-strong);border-radius:20px;background:#242a32;cursor:pointer}.switch-root[data-state=checked]{border-color:#6991ff99;background:#2857dc}.switch-thumb{display:block;width:14px;height:14px;border-radius:50%;background:#858c95;transform:translate(2px);transition:transform .18s cubic-bezier(.16,1,.3,1)}.switch-root[data-state=checked] .switch-thumb{background:#d7e0ff;transform:translate(18px)}.admin-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:16px}.admin-tabs{display:flex;height:fit-content;flex-direction:column;gap:3px;padding:8px}.admin-tabs button{display:flex;height:42px;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:.68rem;cursor:pointer;transition:color .15s ease,background .15s ease}.admin-tabs button:hover,.admin-tabs button.active{color:var(--text);background:#ffffff0a}.admin-tabs button.active{color:var(--amber-soft);background:var(--amber-dim)}.admin-tabs button svg:last-child{margin-left:auto;opacity:0}.admin-tabs button.active svg:last-child{opacity:1}.admin-content{min-width:0}.health-chip{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(103,217,147,.13);border-radius:9px;color:var(--green);background:#67d9930d;font-family:var(--mono);font-size:.56rem;text-transform:uppercase}.health-chip span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #67d9938c}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:flex;min-height:143px;flex-direction:column;padding:16px}.metric-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--green);background:#67d99314}.metric-card.amber .metric-icon{color:var(--amber);background:var(--amber-dim)}.metric-card.cyan .metric-icon{color:var(--cyan);background:#49d8d014}.metric-card.violet .metric-icon{color:var(--violet);background:#a88cff14}.metric-card small{margin-top:14px;color:var(--muted);font-size:.57rem;text-transform:uppercase;letter-spacing:.05em}.metric-card>strong{margin-top:3px;font-size:1.55rem;font-weight:590;letter-spacing:-.05em}.metric-card>span:last-child{color:var(--muted);font-size:.57rem}.activity-panel,.system-log,.admin-panel{padding:19px;margin-top:13px}.activity-chart{display:flex;height:150px;align-items:end;gap:5px;padding-top:20px;border-bottom:1px solid var(--line);background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:100% 37px}.activity-chart span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(to top,rgba(44,99,249,.25),var(--amber));box-shadow:0 -3px 12px #2c63f91f}.chart-axis{display:flex;justify-content:space-between;margin-top:7px;color:#59616b;font-family:var(--mono);font-size:.5rem}.system-log article{display:grid;grid-template-columns:31px minmax(0,1fr) auto;min-height:55px;align-items:center;gap:10px;border-top:1px solid var(--line)}.system-log article:first-of-type{margin-top:13px}.event-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:var(--green);background:#67d99312}.event-icon.device{color:var(--amber);background:var(--amber-dim)}.event-icon.sync{color:var(--cyan);background:#49d8d012}.event-icon.storage{color:var(--violet);background:#a88cff12}.system-log article>div{display:flex;flex-direction:column}.system-log strong{font-size:.68rem}.system-log article span,.system-log time{color:var(--muted);font-size:.58rem}.system-log time{font-family:var(--mono)}.admin-panel{margin-top:0}.admin-panel .panel-header>div:last-child{display:flex;gap:7px}.inline-admin-form{display:flex;align-items:flex-end;gap:10px;padding:14px;margin-top:14px;border:1px solid var(--line);border-radius:11px;background:#0000001a}.inline-admin-form label{display:grid;flex:1;gap:7px;color:var(--muted);font-size:.65rem}.inline-admin-form input,.inline-admin-form select{height:39px;padding:0 11px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface-deep)}.block-form label:nth-child(2),.block-form label:nth-child(3){flex:2}.block-rules{margin-top:16px;border-top:1px solid var(--line)}.block-rules article{display:grid;grid-template-columns:32px 1fr 36px;min-height:62px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.block-rules article>svg{color:var(--danger)}.block-rules article span{display:grid;gap:4px}.block-rules article small{color:var(--muted);font-size:.62rem}.device-list,.people-list{margin-top:15px;border-top:1px solid var(--line)}.device-list article{display:grid;grid-template-columns:42px minmax(155px,1fr) auto minmax(220px,.9fr) 72px 42px auto;min-height:76px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.device-list article.offline{opacity:.58}.device-list article.disabled{background:#ffffff03}.device-visual{position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#ffffff06}.device-visual span{position:absolute;right:3px;bottom:3px;width:6px;height:6px;border:1px solid var(--panel);border-radius:50%;background:var(--red)}.device-visual span.online{background:var(--green)}.device-name{display:flex;min-width:0;flex-direction:column;gap:3px}.device-name strong{font-size:.71rem}.device-name span,.device-status{color:var(--muted);font-size:.58rem}.device-status.online{color:var(--green)}.device-config{display:grid;grid-column:4;grid-template-columns:minmax(130px,1fr) 82px;gap:7px}.zone-membership-select{display:grid;gap:5px;margin:0;padding:8px;border:1px solid var(--line);border-radius:9px}.zone-membership-select legend,.active-zone-status>span{padding:0 4px;color:var(--muted);font-family:var(--mono);font-size:.48rem;letter-spacing:.07em;text-transform:uppercase}.zone-membership-select>div{display:grid;grid-template-columns:minmax(110px,1fr) 76px;align-items:center;gap:6px}.zone-membership-select>div>label{display:flex;grid-template-columns:none;align-items:center;gap:6px;color:var(--muted-strong);font-size:.58rem;letter-spacing:0;text-transform:none}.active-zone-status{display:flex;flex-direction:column;justify-content:center;gap:4px}.active-zone-status strong{color:var(--green);font-size:.62rem}.playlist-detail-tracks{display:grid;max-height:280px;overflow:auto;gap:4px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.playlist-detail-tracks article{display:grid;grid-template-columns:24px 38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px;border-radius:8px}.playlist-detail-tracks article:hover{background:#ffffff06}.playlist-detail-tracks .small-art{width:38px;height:38px}.playlist-detail-tracks article>span,.playlist-detail-tracks small,.playlist-detail-loading{color:var(--muted);font-size:.56rem}.playlist-detail-tracks article>div:nth-child(3){display:flex;min-width:0;flex-direction:column;gap:3px}.device-config label{display:grid;gap:3px;color:var(--muted);font-size:.5rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.device-config select{width:100%;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;color:var(--muted-strong);outline:0;background:var(--surface-deep);font-size:.6rem}.device-config select:focus-visible{border-color:#5b85ffb3;box-shadow:0 0 0 3px #2c63f924}.device-presence{display:grid;grid-column:5;gap:4px;color:var(--muted);font-size:.53rem}.device-enable{grid-column:6;justify-self:center}.device-actions{grid-column:7;display:flex;gap:6px;justify-self:end}.new-badge{color:var(--amber);background:var(--amber-dim)}.device-note{display:flex;align-items:flex-start;gap:8px;padding:12px;margin-top:15px;border:1px solid rgba(73,216,208,.1);border-radius:9px;color:var(--muted);background:#49d8d006;font-size:.6rem;line-height:1.5}.device-note svg{flex:0 0 auto;color:var(--cyan)}.device-note code{color:var(--cyan);font-family:var(--mono)}.people-list article{display:grid;grid-template-columns:38px minmax(200px,1fr) 120px 65px 35px;min-height:66px;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.people-list article>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.people-list strong{font-size:.7rem}.people-list span{color:var(--muted);font-size:.58rem}.people-list select{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;color:var(--muted-strong);background:#171b21;font-size:.62rem}.person-status.active{color:var(--green)}.person-status.away{color:var(--amber)}.settings-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.settings-groups>section{padding:16px;border:1px solid var(--line);border-radius:12px;background:#00000014}.settings-groups section>header{display:flex;align-items:center;gap:11px;padding-bottom:15px}.settings-groups section>header>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;color:var(--amber);background:var(--amber-dim)}.settings-groups header h3{font-size:.8rem}.settings-groups header p{margin-top:3px;color:var(--muted);font-size:.59rem}.setting-field>span{display:flex;flex-direction:row!important;align-items:center;gap:6px}.setting-field input{width:110px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:var(--text);outline:0;background:#ffffff06;font-family:var(--mono);font-size:.59rem;text-align:right}.storage-hero{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:24px;padding:25px 20px;margin-top:16px;border:1px solid var(--line);border-radius:13px;background:#00000014}.storage-ring{display:grid;width:104px;height:104px;place-content:center;border-radius:50%;background:radial-gradient(circle closest-side,#13171d 82%,transparent 84% 99%),conic-gradient(var(--amber) var(--usage, 36%),rgba(255,255,255,.08) 0);text-align:center}.storage-ring strong{font-size:1.25rem}.storage-ring span{color:var(--muted);font-family:var(--mono);font-size:.5rem;text-transform:uppercase}.storage-hero h3{margin-top:6px;font-size:1.15rem}.storage-hero p{margin-top:5px;color:var(--muted);font-size:.64rem}.storage-bar{height:5px;margin-top:18px;overflow:hidden;border-radius:5px;background:#ffffff12}.storage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2458e8,var(--amber-soft));box-shadow:0 0 9px var(--amber-glow)}.storage-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.storage-cards article{display:flex;min-height:67px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px}.storage-cards article>svg:first-child{color:var(--cyan)}.storage-cards article>svg:last-child{margin-left:auto;color:var(--green)}.storage-cards article span{display:flex;flex-direction:column}.storage-cards strong{font-size:.68rem}.storage-cards small{margin-top:3px;color:var(--muted);font-size:.58rem}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;margin-top:17px;border-top:1px solid var(--line)}.danger-row>span{display:flex;flex-direction:column;gap:4px}.danger-row strong{font-size:.69rem}.danger-row small{color:var(--muted);font-size:.59rem}.blocklist-empty{display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.blocklist-empty>span{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(103,217,147,.14);border-radius:17px;color:var(--green);background:#67d9930f}.blocklist-empty h3{margin-top:15px;font-size:.86rem}.blocklist-empty p{max-width:440px;margin-top:6px;color:var(--muted);font-size:.64rem;line-height:1.6}.blocklist-empty .button{margin-top:17px}.login-page{position:relative;display:grid;min-height:100vh;overflow:hidden;place-items:center;padding:24px;background:radial-gradient(circle at 70% 30%,rgba(44,99,249,.15),transparent 25%),radial-gradient(circle at 25% 70%,rgba(73,216,208,.06),transparent 27%),#080a0d}.login-page:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle,black,transparent 76%);mask-image:radial-gradient(circle,black,transparent 76%)}.login-card{position:relative;z-index:3;width:min(440px,100%);padding:31px;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.045),transparent 32%),#0e1116f0;box-shadow:0 35px 100px #0000008c,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.login-copy{margin-top:33px}.login-copy h1{margin-top:13px;font-size:clamp(2.6rem,7vw,4.1rem)}.login-copy p{margin-top:14px;color:var(--muted);font-size:.77rem;line-height:1.65}.login-actions{display:flex;flex-direction:column;gap:8px;margin-top:28px}.login-actions .button{min-height:47px}.login-card footer{display:flex;justify-content:space-between;padding-top:18px;margin-top:23px;border-top:1px solid var(--line);color:#646b75;font-family:var(--mono);font-size:.49rem;text-transform:uppercase;letter-spacing:.06em}.login-card footer span{display:flex;align-items:center;gap:5px}.local-login{overflow:hidden}.local-login label:first-child{margin-top:8px}.login-unconfigured{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid rgba(255,107,107,.14);border-radius:10px;color:#ffb5b5;background:#ff6b6b0d;font-size:.65rem;line-height:1.5}.chevron-open{transform:rotate(180deg)}.login-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.broadcast-rings{position:absolute;left:65%;top:48%;width:750px;height:750px;border:1px solid rgba(44,99,249,.08);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px #2c63f906,0 0 0 160px #2c63f905,0 0 0 240px #2c63f903}.login-vu{position:absolute;left:50%;bottom:-50px;display:flex;width:120%;height:220px;align-items:end;justify-content:center;gap:16px;opacity:.13;transform:translate(-50%);filter:blur(.2px)}.login-vu span{width:5px;height:calc(12% + ((var(--bar) * 23) % 78) * 1%);border-radius:5px;background:linear-gradient(to top,transparent,var(--amber));animation:loginVu 2.2s calc(var(--bar) * -.12s) ease-in-out infinite alternate}.loading-screen,.system-message{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(44,99,249,.1),transparent 26%),var(--bg)}.loading-screen p{margin-top:13px;color:var(--muted);font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.loading-signal{display:flex;height:31px;align-items:center;gap:3px;margin-top:28px}.loading-signal span{width:3px;height:8px;border-radius:3px;background:var(--amber);animation:loadingBars .95s ease-in-out infinite alternate}.system-message>span{display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--line);border-radius:18px;color:var(--amber);background:var(--amber-dim)}.system-message h1{margin-top:18px;font-size:2rem}.system-message p{max-width:490px;margin-top:8px;color:var(--muted);font-size:.75rem;line-height:1.6;text-align:center}.system-message .button{margin-top:20px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:7px}.toast{display:flex;min-width:250px;min-height:44px;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;color:var(--muted-strong);background:#15191ff2;box-shadow:0 14px 40px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.67rem}.toast.success svg{color:var(--green)}.toast.error svg{color:var(--red)}.toast.neutral svg{color:var(--amber)}.page-skeleton{display:grid;grid-template-columns:2fr 1fr;min-height:500px;gap:16px}.page-skeleton>span,.page-skeleton>div>span{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,#ffffff05,#ffffff0d,#ffffff05);background-size:200% 100%;animation:shimmer 1.5s infinite}.page-skeleton>div{display:grid;gap:16px}.button-quiet.is-active{color:var(--brand-soft);border-color:#5580ff5c;background:var(--brand-dim)}.filter-count{display:inline-grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#fff;background:var(--brand);font-family:var(--mono);font-size:.5rem}.library-filters{display:flex;align-items:center;gap:7px;overflow:hidden;border-bottom:1px solid var(--line)}.library-filters>span{margin-right:5px;color:var(--muted);font-family:var(--mono);font-size:.54rem;letter-spacing:.06em;text-transform:uppercase}.library-filters button{padding:6px 9px;margin:10px 0;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#ffffff05;font-size:.59rem;cursor:pointer}.library-filters button.active{color:var(--brand-soft);border-color:#5580ff52;background:var(--brand-dim)}.table-empty{display:grid;min-height:210px;place-items:center;place-content:center;gap:7px;color:var(--muted);text-align:center}.table-empty svg{margin-bottom:4px;color:var(--brand-soft)}.table-empty strong{color:var(--muted-strong);font-size:.75rem}.table-empty span{font-size:.63rem}.table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 4px 2px;border-top:1px solid var(--line);margin-top:10px}.table-pagination span{color:var(--muted);font-size:.65rem;font-variant-numeric:tabular-nums}.setting-field.is-invalid input{border-color:var(--danger)}.like-button.is-active{color:var(--danger)}.like-count{margin-left:4px;font-size:.6rem;font-variant-numeric:tabular-nums}.playlist-delete-row{margin-top:14px}.playlist-card-copy{position:relative}.playlist-actions-menu{position:absolute;right:11px;top:45px;z-index:8;display:flex!important;width:155px;flex-direction:column;align-items:stretch!important;padding:5px;border:1px solid var(--line-strong);border-radius:10px;background:#10141afa;box-shadow:0 18px 45px #0000007a}.playlist-actions-menu button{display:flex;min-height:34px;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:7px;color:var(--muted-strong);background:transparent;font-size:.62rem;text-align:left;cursor:pointer}.playlist-actions-menu button:hover{color:#fff;background:var(--brand-dim)}.form-dialog.compact-dialog{top:14vh;width:min(450px,calc(100vw - 28px))}.profile-dialog-identity{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.profile-dialog-identity .avatar{width:42px;height:42px}.profile-dialog-identity>div,.profile-dialog-status>div{display:flex;min-width:0;flex-direction:column;gap:3px}.profile-dialog-identity strong,.profile-dialog-status strong{font-size:.72rem}.profile-dialog-identity span,.profile-dialog-status span{overflow:hidden;color:var(--muted);font-size:.61rem;text-overflow:ellipsis}.role-badge,.default-zone-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;color:var(--brand-soft)!important;background:var(--brand-dim);font-family:var(--mono);font-size:.5rem!important;text-transform:uppercase}.profile-dialog-status{display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:8px;padding:14px 4px}.danger-button{color:#ffb5b5}.library-delete-button{color:color-mix(in srgb,var(--red) 78%,var(--muted))}.library-delete-button:hover{color:#ffb5b5;background:#ff6b6b1a}.delete-track-summary{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.delete-track-summary .queue-art{width:48px;height:48px}.delete-track-summary>div:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.delete-track-summary strong{overflow:hidden;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.delete-track-summary span,.delete-impact-list small{color:var(--muted);font-size:.62rem}.delete-impact-loading,.delete-impact-warning{display:flex;min-height:48px;align-items:center;gap:9px;margin-top:12px;color:var(--muted-strong);font-size:.64rem}.delete-impact-warning{color:#ffb5b5}.delete-impact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.delete-impact-list>span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.56rem}.delete-impact-list>span strong{color:var(--text);font-size:.82rem}.delete-impact-list small{grid-column:1 / -1;padding:9px 2px 0;line-height:1.5}.muted-copy{color:var(--muted);font-size:.68rem}.status-dialog-list{display:grid;gap:8px}.status-dialog-list article{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#ffffff05}.status-signal{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:var(--red);background:#ff6b6b14}.status-signal.online{color:var(--green);background:#67d99314}.status-dialog-list article>div{display:flex;flex-direction:column;gap:3px}.status-dialog-list strong{font-size:.7rem}.status-dialog-list span{color:var(--muted);font-size:.6rem;line-height:1.45}.dialog-action-row{display:flex;gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}.playlist-details-dialog{width:min(560px,calc(100vw - 28px))}.playlist-detail-hero{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:17px}.playlist-detail-cover{display:grid;aspect-ratio:1;overflow:hidden;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--panel-strong)}.playlist-detail-cover img{width:100%;height:100%;object-fit:cover}.playlist-detail-hero p{margin-top:10px;color:var(--muted);font-size:.7rem;line-height:1.6}.playlist-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.playlist-detail-meta span{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:.59rem}.playlist-detail-meta strong{color:var(--muted-strong);font-size:.62rem}.system-details-dialog{top:7vh;width:min(720px,calc(100vw - 28px));max-height:86vh}.system-detail-health{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.system-detail-health article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--brand-soft)}.system-detail-health article span{display:flex;flex-direction:column;gap:3px}.system-detail-health strong,.system-detail-zones strong{color:var(--text);font-size:.65rem}.system-detail-health small,.system-detail-zones small{color:var(--muted);font-size:.55rem}.system-detail-zones{display:grid;gap:9px;margin-top:14px}.system-detail-zones>section{overflow:hidden;border:1px solid var(--line);border-radius:11px}.system-detail-zones section>header{display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 12px;background:#ffffff06}.system-detail-zones header>span{display:flex;align-items:center;gap:7px;color:var(--brand-soft)}.system-detail-zones article{display:grid;grid-template-columns:10px minmax(0,1fr) auto;min-height:50px;align-items:center;gap:8px;padding:0 12px;border-top:1px solid var(--line)}.system-detail-zones article>div{display:flex;flex-direction:column;gap:2px}.system-detail-zones article span,.system-detail-zones section>p{color:var(--muted);font-size:.57rem}.system-detail-zones section>p{padding:14px 12px;border-top:1px solid var(--line)}.connection-dot.offline{background:var(--red);box-shadow:0 0 10px #ff6b6b80}.health-chip.degraded{color:var(--red);border-color:#ff6b6b2e;background:#ff6b6b0f}.health-chip.degraded span{background:var(--red);box-shadow:0 0 8px #ff6b6b8c}.zone-readiness-list{display:grid;gap:1px;margin-top:14px;border-top:1px solid var(--line)}.zone-readiness-list article,.admin-empty-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;min-height:56px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.zone-readiness-list article>div,.admin-empty-row>div{display:flex;flex-direction:column;gap:3px}.zone-readiness-list strong,.admin-empty-row strong{font-size:.68rem}.zone-readiness-list article>div span,.admin-empty-row span{color:var(--muted);font-size:.58rem}.panel-lead{max-width:720px;margin-top:8px;color:var(--muted);font-size:.65rem;line-height:1.55}.zone-create-form{display:grid;grid-template-columns:minmax(200px,1fr) 130px auto;align-items:end;gap:10px;overflow:hidden;margin-top:15px}.zone-create-form>label,.zone-editor-fields>label{display:grid;gap:6px;color:var(--muted);font-size:.57rem}.zone-create-form input,.zone-editor input{width:100%;height:37px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--text);outline:0;background:var(--surface-deep);font-size:.66rem}.zone-create-form input:focus,.zone-editor input:focus{border-color:#5580ff8c}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix input{padding-right:28px}.input-with-suffix small{position:absolute;right:10px;color:var(--muted);font-family:var(--mono);font-size:.55rem}.zone-management-list{display:grid;gap:10px;margin-top:18px}.zone-editor{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(240px,1fr) 150px;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#00000014;transition:opacity .16s ease,border-color .16s ease}.zone-editor.disabled{opacity:.62}.zone-editor-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px}.zone-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:var(--brand-soft);background:var(--brand-dim)}.zone-editor-heading>div,.zone-editor-controls>span{display:flex;min-width:0;flex-direction:column;gap:3px}.zone-editor-heading strong,.zone-editor-controls strong{overflow:hidden;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.zone-editor-heading>div>span,.zone-editor-controls small{color:var(--muted);font-size:.56rem}.zone-editor-fields{display:grid;grid-template-columns:minmax(130px,1fr) 95px;gap:8px}.zone-editor-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.zone-editor>footer{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:7px;padding-top:11px;border-top:1px solid var(--line)}.zone-delete{color:#ffb5b5}.zone-delete.confirming{border-color:#ff6b6b4d;background:#ff6b6b14}.mobile-menu,.sidebar-close,.sidebar-backdrop{display:none}.spin{animation:spin .9s linear infinite}@keyframes spectrum{0%{height:15%}to{height:95%}}@keyframes vu{0%{height:8%}30%{height:calc(18% + (var(--i) % 5) * 11%)}to{height:calc(35% + (var(--i) % 7) * 8%)}}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loginVu{to{height:calc(22% + ((var(--bar) * 13) % 70) * 1%)}}@keyframes loadingBars{to{height:30px;opacity:.4}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1440px){:root{--sidebar: 194px}.page-stage{padding:30px 28px 54px}.page-intro{margin-bottom:26px}.now-playing-card{min-height:470px}.now-playing-body{min-height:420px;grid-template-columns:minmax(240px,.72fr) minmax(340px,1.28fr);padding:30px}.track-heading h2{font-size:clamp(2rem,4vw,3rem)}.queue-panel{min-height:auto}.queue-list{max-height:390px;overflow:auto}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.admin-layout{grid-template-columns:1fr}.admin-tabs{display:grid;grid-template-columns:repeat(8,minmax(78px,1fr));overflow-x:auto;overscroll-behavior-inline:contain}.admin-tabs button{min-width:92px;justify-content:center}.admin-tabs button svg:last-child{display:none}.admin-panel .panel-header{align-items:flex-start;flex-wrap:wrap}.admin-panel .panel-header>div:last-child{flex-wrap:wrap;justify-content:flex-end}.device-list article{grid-template-columns:42px minmax(180px,1fr) auto auto 42px auto;min-height:104px;padding:11px 0}.device-list article>.new-badge{grid-column:3;grid-row:1}.device-config{grid-column:2 / 5;grid-row:2}.device-presence{grid-column:4;grid-row:1}.device-enable{grid-column:5;grid-row:1}.device-actions{grid-column:6;grid-row:1}.zone-editor{grid-template-columns:minmax(190px,1fr) minmax(230px,1fr) 145px}}@media(max-height:820px)and (min-width:681px){.topbar{height:58px}.page-stage{min-height:calc(100vh - 58px);padding-top:23px}.page-intro{margin-bottom:22px}.now-playing-body{padding-block:25px}}@media(max-width:880px){:root{--sidebar: 220px}.app-shell{display:block}.sidebar{z-index:60;box-shadow:20px 0 60px #00000080;transform:translate(-102%);transition:transform .25s cubic-bezier(.16,1,.3,1)}.sidebar-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-grid}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:block;border:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.workspace{width:100%}.topbar{justify-content:flex-start;gap:14px}.topbar-actions{margin-left:auto}.page-intro{align-items:flex-start}.now-playing-body{grid-template-columns:minmax(210px,.75fr) minmax(280px,1fr)}.album-stage{align-self:center}.featured-playlist{grid-template-columns:1fr}.featured-covers{width:360px;max-width:100%;margin:0 auto}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.admin-tabs{display:grid;grid-template-columns:repeat(8,1fr);overflow-x:auto}.admin-tabs button{min-width:82px;justify-content:center}.admin-tabs button svg:last-child{display:none}}@media(max-width:680px){.button,.button-small{min-height:44px}.icon-button{width:44px;height:44px}.profile-button{min-height:44px}.topbar{height:57px;padding:0 14px}.page-stage{min-height:calc(100vh - 57px);padding:24px 14px 50px}.topbar-clock{display:none}.page-intro{flex-direction:column;gap:18px;margin-bottom:24px}.page-intro h1{font-size:2.25rem}.intro-actions{width:100%;flex-wrap:wrap}.radio-intro .meeting-button{display:none}.radio-intro .intro-actions>.button-primary{margin-left:auto}.meeting-banner{margin-top:-10px}.now-playing-card{min-height:auto}.now-playing-body{grid-template-columns:1fr;gap:29px;padding:24px}.album-stage{width:min(320px,100%);margin:0 auto}.track-heading{min-height:auto}.track-heading h2{font-size:2.25rem}.auto-dj-badge{display:none}.queue-panel{padding:17px 12px 12px}.queue-row{grid-template-columns:20px 42px minmax(0,1fr) 29px}.queue-person{display:none}.queue-row .row-menu{opacity:1}.table-toolbar{flex-wrap:wrap}.table-search{width:calc(100% - 90px)}.library-summary{width:100%;margin-left:0;padding-top:5px}.library-filters{align-items:flex-start;flex-wrap:wrap;padding:9px 0}.library-filters>span{width:100%}.library-filters button{margin:0}.table-head{display:none}.table-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 5px}.table-row>span{display:none}.featured-playlist{padding:28px 22px}.featured-covers{width:290px;height:165px}.featured-covers img{width:165px;height:165px;left:calc(var(--offset) * 43px)}.playlist-grid{grid-template-columns:1fr}.playlist-section-heading .button{display:none}.metric-grid{grid-template-columns:1fr 1fr}.settings-groups,.storage-cards{grid-template-columns:1fr}.device-list article{grid-template-columns:42px minmax(0,1fr) auto;padding:10px 0}.device-list article>.new-badge,.device-presence{display:none}.device-config{grid-column:2 / -1;grid-row:2;width:100%}.device-enable{grid-column:3;grid-row:1}.device-actions{grid-column:2;grid-row:3;flex-wrap:wrap;justify-self:start}.zone-create-form,.zone-editor{grid-template-columns:1fr}.zone-editor-fields{grid-template-columns:minmax(0,1fr) 95px}.zone-editor>footer{grid-column:1;justify-content:flex-start;flex-wrap:wrap}.system-detail-health,.playlist-detail-meta{grid-template-columns:1fr}.playlist-detail-hero{grid-template-columns:110px minmax(0,1fr)}.people-list article{grid-template-columns:38px minmax(0,1fr) 35px}.people-list select,.people-list .person-status{display:none}.storage-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.storage-hero>div:last-child{width:100%}.search-dialog,.form-dialog{top:10px;max-height:calc(100vh - 20px)}.hero-search{grid-template-columns:20px minmax(0,1fr)}.hero-search .button{grid-column:1 / -1}.login-card{padding:24px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.login-card footer span:first-child{display:none}.login-card footer{justify-content:flex-end}}@media(max-width:620px){.import-options{grid-template-columns:1fr;gap:0}.inline-admin-form{align-items:stretch;flex-direction:column}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.radio-page{container-name:radio-page;container-type:inline-size}.radio-intro{align-items:center;margin-bottom:18px}.radio-intro h1{font-size:clamp(1.8rem,3vw,2.5rem)}.radio-layout{grid-template-columns:minmax(540px,1.35fr) minmax(400px,.9fr)}.now-playing-card,.queue-panel{min-height:540px}.continuity-strip{position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:44px;align-items:center;gap:10px;padding:6px 16px;border-bottom:1px solid var(--line);color:var(--muted-strong);background:color-mix(in srgb,var(--green) 5%,transparent)}.continuity-strip.warming{background:color-mix(in srgb,var(--amber) 7%,transparent)}.continuity-strip.paused{background:color-mix(in srgb,var(--brand) 7%,transparent)}.player-alert{position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:44px;align-items:center;gap:10px;padding:6px 16px;border-bottom:1px solid color-mix(in srgb,var(--amber) 32%,var(--line));color:var(--text);background:color-mix(in srgb,var(--amber) 8%,transparent)}.player-alert>strong{overflow:hidden;font-size:.7rem;font-weight:590;text-overflow:ellipsis;white-space:nowrap}.player-alert .continuity-icon{color:var(--amber)}.continuity-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:9px;color:var(--green);background:#0000001f}.continuity-strip.warming .continuity-icon{color:var(--amber)}.continuity-strip.paused .continuity-icon{color:var(--brand-soft)}.continuity-copy{min-width:0}.continuity-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.7rem;font-weight:590}.continuity-action{min-height:44px}.main-transport>.round-button{min-width:44px;width:44px;height:44px}.main-transport>.member-skip-button{width:auto;min-width:92px;padding:0 12px;border-radius:22px;gap:6px}.member-skip-button span{font-size:.62rem;font-weight:620;white-space:nowrap}.repeat-mode-button,.shuffle-mode-button,.autoplay-mode-button{display:inline-flex;width:auto!important;min-width:44px;padding:0 11px;border-radius:22px;gap:6px}.repeat-mode-button span,.shuffle-mode-button span,.autoplay-mode-button span{font-size:.63rem;font-weight:620;white-space:nowrap}.play-button:disabled,.round-button:disabled{opacity:.45;cursor:not-allowed}.play-button:hover:not(:disabled){transform:scale(1.045)}.queue-panel .panel-header{align-items:center}.queue-panel .panel-header>div{display:grid;gap:4px}.queue-sections{max-height:min(670px,72vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.queue-section{padding:12px 14px 4px;border-bottom:1px solid var(--line)}.queue-section-header{display:flex;min-height:30px;align-items:center;justify-content:space-between;gap:12px}.queue-section-header h3{font-size:.68rem;font-weight:650;letter-spacing:.01em}.queue-section-header>span{color:var(--muted);font-family:var(--mono);font-size:.53rem;text-transform:capitalize}.queue-overview-list{display:grid;gap:2px;padding:3px 0 9px;margin:0;list-style:none}.queue-overview-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;min-height:52px;align-items:center;gap:9px;padding:5px 6px;border-radius:9px}.queue-overview-row .queue-art{width:38px;height:38px;opacity:.76}.queue-overview-row .queue-info{display:grid;min-width:0;gap:3px}.queue-overview-row .queue-info strong,.queue-overview-row .queue-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-overview-row .queue-info strong{color:var(--muted-strong);font-size:.64rem}.queue-overview-row .queue-info span,.queue-overview-status,.queue-overview-empty{color:var(--muted);font-size:.54rem}.queue-overview-row.current{border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));background:color-mix(in srgb,var(--green) 5%,transparent)}.queue-overview-row.current .queue-art{opacity:1}.queue-overview-row.current .queue-info strong,.queue-overview-row.current .queue-overview-status{color:var(--green)}.queue-overview-status{font-family:var(--mono);white-space:nowrap}.queue-overview-empty{padding:12px 6px 15px}.next-section{padding-bottom:8px}.queue-list{max-height:390px;padding:12px 0;margin:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;scrollbar-gutter:stable}.queue-row{grid-template-columns:44px 43px minmax(0,1fr) auto;min-height:70px;gap:8px;padding:6px 4px}.drag-handle,.queue-position-leading{width:44px;min-width:44px;height:44px}.drag-handle{border-radius:9px}.drag-handle:hover:not(:disabled),.drag-handle:focus-visible{color:var(--text);background:#ffffff0d}.queue-position-leading{display:grid;place-items:center;padding:0}.queue-row-context{display:flex;align-items:center;gap:3px;color:var(--muted)!important;font:.52rem var(--mono)!important;letter-spacing:.015em}.queue-row-context b{color:var(--green);font-weight:620}.queue-row.repeat-queued{opacity:.78}.queue-row.repeat-queued .queue-context-source{color:var(--brand-soft)}.queue-context-source,.queue-context-contributor{min-width:0}.queue-row-actions{display:flex;align-items:center;gap:3px}.queue-play-now,.queue-remove-button{min-height:44px}.queue-play-now{padding-inline:10px}.queue-remove-button{width:44px;height:44px;opacity:0}.queue-row:hover .queue-remove-button,.queue-row:focus-within .queue-remove-button{opacity:1}.queue-row[aria-busy=true]{border-color:color-mix(in srgb,var(--brand) 36%,var(--line));background:color-mix(in srgb,var(--brand) 7%,transparent)}.queue-empty-compact{min-height:132px}.queue-add-button{min-height:44px;height:44px}.queue-add-button:disabled{opacity:.45;cursor:not-allowed}.queue-continuation-state{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted-strong);background:#ffffff04}.queue-continuation-state.auto-dj{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 6%,transparent)}.queue-continuation-state.repeat-all{color:var(--brand-soft);background:color-mix(in srgb,var(--brand) 7%,transparent)}.queue-continuation-state>span{display:grid;min-width:0;gap:3px}.queue-continuation-state strong{color:currentColor;font-size:.64rem}.queue-continuation-state small{color:var(--muted);font-size:.55rem}.queue-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 14px}.queue-toolbar .queue-add-button{flex:1 1 170px;margin:0}.queue-toolbar .button{flex:1 1 112px;min-width:0;min-height:44px;padding-inline:10px;font-size:.62rem}.queue-undo-button{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 30%,var(--line))}.queue-session-clear{color:#ffb4b4}.save-queue-dialog form,.save-queue-dialog form>label{display:grid}.save-queue-dialog form{gap:14px}.save-queue-dialog form>label{gap:6px;color:var(--muted-strong);font-size:.64rem}.save-queue-note{padding:10px 11px;margin:0;border:1px solid color-mix(in srgb,var(--cyan) 24%,var(--line));border-radius:9px;color:var(--muted-strong);background:color-mix(in srgb,var(--cyan) 6%,transparent);font-size:.61rem;line-height:1.45}.clear-queue-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px;padding:15px;margin-bottom:17px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:12px;color:var(--brand-soft);background:color-mix(in srgb,var(--brand) 7%,transparent)}.clear-queue-summary.is-session{color:#ffb4b4;border-color:color-mix(in srgb,var(--red) 28%,var(--line));background:color-mix(in srgb,var(--red) 7%,transparent)}.clear-queue-summary p{display:grid;gap:5px;margin:0}.clear-queue-summary strong{color:var(--text);font-size:.72rem}.clear-queue-summary span{color:var(--muted);font-size:.63rem;line-height:1.5}.button-danger{color:#fff;border-color:color-mix(in srgb,var(--red) 58%,transparent);background:color-mix(in srgb,var(--red) 76%,#5b1515)}.playlist-detail-tracks article{grid-template-columns:24px 38px minmax(0,1fr) auto auto}.playlist-detail-track-actions{display:flex!important;flex-direction:row!important;gap:3px!important}.playlist-detail-track-actions .icon-button{width:34px;height:34px}@media(max-width:1120px){.page-stage{padding-bottom:182px}.persistent-player{grid-template-columns:minmax(190px,1fr) auto minmax(165px,.75fr);min-height:124px}.compact-track{grid-column:1;grid-row:1}.compact-transport{grid-column:2;grid-row:1}.compact-zone-picker{grid-column:3;grid-row:1}.compact-modes{grid-column:1 / 3;grid-row:2}.compact-continuation{grid-column:3;grid-row:2}}@media(max-width:880px){.persistent-player{left:14px}}@media(max-width:680px){.page-stage{padding-bottom:232px}.persistent-player{right:8px;bottom:8px;left:8px;grid-template-columns:minmax(0,1fr) auto;min-height:184px;gap:8px 10px;padding:9px 10px;border-radius:14px}.compact-track{grid-column:1;grid-row:1}.compact-zone-picker{grid-column:2;grid-row:1;max-width:150px}.compact-transport{grid-column:1;grid-row:2}.compact-modes{grid-column:1 / -1;grid-row:3}.compact-continuation{grid-column:1 / -1;grid-row:4;padding:7px 0 0;border-top:1px solid var(--line);border-left:0}.playlist-detail-tracks article{grid-template-columns:22px 38px minmax(0,1fr) auto}.playlist-detail-tracks article>.status-badge{display:none}.playlist-detail-track-actions{grid-column:4}}@media(max-width:460px){.page-stage{padding-bottom:232px}.persistent-player{min-height:184px}.compact-track>div>span{display:none}.compact-zone-picker{max-width:126px}.compact-zone-picker select{max-width:82px}.compact-mode{padding-inline:7px;font-size:.53rem}.compact-continuation small{display:none}}@container radio-page (max-width: 959px){.radio-layout{grid-template-columns:1fr}.now-playing-card,.queue-panel{min-height:auto}.queue-list{max-height:620px}}@container radio-page (min-width: 960px) and (max-width: 1100px){.now-playing-body{grid-template-columns:minmax(180px,.78fr) minmax(250px,1.22fr);gap:22px;padding:24px}.track-heading h2{font-size:clamp(1.9rem,3.2vw,2.55rem)}}@container radio-page (max-width: 520px){.continuity-strip,.player-alert{grid-template-columns:auto minmax(0,1fr);padding-inline:13px}.continuity-action{grid-column:2;justify-self:start}.queue-context-contributor{display:none}.main-transport{width:100%;gap:6px}.player-options .volume-control{flex-basis:100%;justify-content:center}.queue-row{grid-template-columns:44px 40px minmax(0,1fr) auto;gap:6px}.drag-handle,.queue-position-leading{width:44px;min-width:44px}.queue-art{width:40px;height:40px}.queue-play-now span{display:none}.queue-play-now{width:44px;padding:0}.queue-remove-button{opacity:1}.queue-toolbar{display:grid;grid-template-columns:1fr 1fr}.queue-toolbar .queue-add-button{grid-column:1 / -1}.queue-toolbar .button{width:100%}.queue-overview-status{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.normalized-note{display:inline-flex!important;align-items:center;gap:5px;margin-top:4px;color:var(--cyan)!important;font-family:var(--mono);font-size:.62rem!important;letter-spacing:.03em}.replace-source-button{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 30%,transparent)}.replacement-dialog{width:min(680px,calc(100vw - 32px))}.replacement-current,.replacement-results article{display:flex;align-items:center;gap:12px}.replacement-current{margin:20px 0 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel-strong) 82%,transparent)}.replacement-current>span,.replacement-results article>span{display:grid;min-width:0;flex:1;gap:3px}.replacement-current strong,.replacement-results strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replacement-current small,.replacement-results small{color:var(--muted)}.replacement-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px 9px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--panel-strong)}.replacement-search input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.replacement-results{display:grid;max-height:min(400px,46vh);margin-top:12px;overflow-y:auto}.replacement-results article{padding:10px 2px;border-bottom:1px solid var(--line)}.replacement-results article:last-child{border-bottom:0}.replacement-empty{display:grid;place-items:center;gap:8px;padding:34px 12px;color:var(--muted);text-align:center}.event-row{position:relative}.event-row.severity-warning:before,.event-row.severity-error:before{position:absolute;inset:8px auto 8px 0;width:2px;border-radius:2px;background:var(--amber);content:""}.event-row.severity-error:before{background:var(--red)}.event-icon.warning{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent)}.event-icon.error{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.event-icon.info{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent)}.activity-details-button{margin-top:12px}.operational-events-panel{min-height:560px}.event-filters{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 10px}.event-filters button{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;text-transform:capitalize}.event-filters button.active{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));color:var(--text);background:color-mix(in srgb,var(--brand) 14%,transparent)}.operational-event-list{display:grid}.operational-event-list .event-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 10px;border-bottom:1px solid var(--line)}.operational-event-list .event-row>div{display:grid;gap:3px}.operational-event-list .event-row span,.operational-event-list .event-row time{color:var(--muted);font-size:.76rem}.backup-card.backup-attention,.backup-card.backup-missing{border-color:color-mix(in srgb,var(--amber) 40%,var(--line))}.backup-card.backup-attention>svg:last-child,.backup-card.backup-missing>svg:last-child{color:var(--amber)}@media(max-width:720px){.replacement-results article{align-items:flex-start;flex-wrap:wrap}.replacement-results article .button{width:100%}.operational-event-list .event-row{grid-template-columns:auto minmax(0,1fr)}.operational-event-list .event-row time{grid-column:2}}.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}.edge-connection-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--amber) 38%,var(--line));border-radius:var(--radius-small);background:linear-gradient(90deg,color-mix(in srgb,var(--amber) 10%,transparent),transparent 58%),var(--panel);box-shadow:inset 3px 0 color-mix(in srgb,var(--amber) 75%,transparent)}.edge-connection-notice.is-paused_offline,.edge-connection-notice.is-unprovisioned{border-color:color-mix(in srgb,var(--red) 34%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--red) 8%,transparent),transparent 58%),var(--panel);box-shadow:inset 3px 0 color-mix(in srgb,var(--red) 70%,transparent)}.edge-connection-icon,.edge-agent-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}.edge-connection-notice>div{display:grid;gap:3px;min-width:0}.edge-connection-notice>div span{color:var(--muted);font-size:.82rem}.edge-grace-counter{display:grid;min-width:84px;text-align:right}.edge-grace-counter strong{color:var(--amber);font-family:var(--mono);font-size:1.08rem}.edge-grace-counter small{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.edge-agents-panel .panel-header p{max-width:670px;margin:6px 0 0;color:var(--muted)}.edge-agent-list{display:grid;gap:10px}.edge-agent-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-small);background:color-mix(in srgb,var(--panel-strong) 74%,transparent)}.edge-agent-list article.online{border-color:color-mix(in srgb,var(--green) 28%,var(--line))}.edge-agent-list article.online .edge-agent-icon{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.edge-agent-list article.offline .edge-agent-icon{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.edge-agent-main{display:grid;gap:7px;min-width:0}.edge-agent-main>span{display:flex;align-items:center;gap:9px}.edge-agent-main i{padding:3px 7px;border-radius:999px;color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.edge-agent-list article.offline .edge-agent-main i{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.edge-agent-main small{color:var(--muted)}.edge-agent-metrics{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font:.72rem var(--mono)}.edge-agent-metrics strong{color:var(--text)}.edge-credential{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;margin-bottom:16px;padding:15px;border:1px solid color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:var(--radius-small);background:color-mix(in srgb,var(--brand) 8%,var(--panel-strong))}.edge-credential>div{display:grid;gap:5px;min-width:0}.edge-credential span{color:var(--muted);font-size:.78rem}.edge-credential code,.edge-credential pre{overflow:auto;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);background:var(--surface);font:.72rem/1.5 var(--mono);white-space:pre}.edge-provision{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(180px,260px) auto;align-items:end;gap:14px;padding:20px;border:1px dashed color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:var(--radius-small)}.edge-provision>span{display:grid;width:48px;height:48px;place-items:center;align-self:center;border-radius:14px;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent)}.edge-provision h3,.edge-provision p{margin:0}.edge-provision p{margin-top:5px;color:var(--muted);font-size:.8rem}.edge-provision label{display:grid;gap:6px;color:var(--muted);font-size:.73rem}@media(max-width:900px){.edge-agent-list article,.edge-provision{grid-template-columns:auto minmax(0,1fr)}.edge-agent-list article>.button,.edge-provision>label,.edge-provision>.button{grid-column:2;justify-self:start}}@media(max-width:620px){.edge-connection-notice{grid-template-columns:auto minmax(0,1fr)}.edge-grace-counter{grid-column:2;text-align:left}.edge-agent-list article,.edge-provision{grid-template-columns:1fr}.edge-agent-list article>.button,.edge-provision>label,.edge-provision>.button{grid-column:1;width:100%}}