:root{--brand: #23397f;--brand-accent: #f88b3a;--brand-ink: #ffffff;--bg: #f4f6fb;--surface: #ffffff;--surface-2: #e9eef7;--ink: #131c30;--ink-2: #3a4a6b;--ink-3: #5a6780;--ink-4: #8e97ab;--line: #d5deeb;--line-2: #e6ecf5;--ok: #15803d;--warn: #f88b3a;--err: #dc2626;--radius: 10px;--radius-sm: 6px;--pad: 20px;--sidebar: 232px;--font-display: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-theme=dark]{--bg: #0b1020;--surface: #121a2e;--surface-2: #1a2540;--ink: #eef2ff;--ink-2: #c2cae0;--ink-3: #9199b5;--ink-4: #5c6685;--line: #273454;--line-2: #1c2742}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.012em;margin:0}button{font-family:inherit}::selection{background:color-mix(in oklab,var(--brand) 22%,transparent)}.login{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:32px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:48px 40px;width:420px;max-width:100%;text-align:center}.login-mark{width:200px;height:200px;margin:0 auto 22px;object-fit:contain;display:block}.login p{font-size:13.5px;color:var(--ink-3);margin:0 0 28px}.gbtn{width:100%;height:44px;border-radius:8px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .12s}.gbtn:hover:not(:disabled){border-color:var(--ink-3);background:var(--surface-2)}.gbtn:disabled{opacity:.75;cursor:wait}.gbtn svg{width:18px;height:18px}.login-foot{margin-top:28px;font-size:11.5px;color:var(--ink-4)}.spinner{width:12px;height:12px;border:1.5px solid var(--ink-4);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell-loading{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink-3);font-size:13px}.app-home{min-height:100vh;padding:24px}.app-home .hint{font-size:13px;color:var(--ink-3);margin-top:8px}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;padding:4px 8px 18px}.brand-logo{width:100%;max-height:44px;object-fit:contain;object-position:left center;display:block}.nav{display:flex;flex-direction:column;gap:1px}.nav .label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);padding:14px 10px 6px}.nav a,.nav .nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--ink-2);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .1s,color .1s}.nav .nav-link{border:none;background:transparent;font:inherit;width:100%;text-align:left}.nav a:hover,.nav .nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav a.active,.nav .nav-link.active{background:color-mix(in oklab,var(--brand) 10%,var(--surface));color:var(--brand);box-shadow:inset 3px 0 0 var(--brand-accent)}[data-theme=dark] .nav a.active,[data-theme=dark] .nav .nav-link.active{background:color-mix(in oklab,var(--brand) 18%,var(--surface));color:var(--ink);box-shadow:inset 3px 0 0 var(--brand-accent)}.nav a .count,.nav .nav-link .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.nav svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:12px 8px 0}.sidebar-footer .avatar{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:600;font-size:11.5px;color:var(--ink-2);flex-shrink:0;overflow:hidden}.sidebar-footer .avatar img{width:100%;height:100%;object-fit:cover}.userblock{flex:1;min-width:0}.userblock .name{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userblock .email{font-size:11px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .main{min-width:0;display:flex;flex-direction:column}.topbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 var(--pad);gap:14px;background:var(--surface);position:sticky;top:0;z-index:20}.topbar h1{font-size:16px;font-weight:600}.topbar .crumb{color:var(--ink-4);font-size:13px;font-weight:400}.topbar .actions{margin-left:auto;display:flex;align-items:center;gap:8px}.page{padding:var(--pad);flex:1}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 12px;height:34px;border-radius:var(--radius-sm);font:inherit;font-size:13px;outline:none;width:100%;transition:border-color .12s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 14%,transparent)}.input::placeholder{color:var(--ink-4)}.page-hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:18px}.page-hd h1{font-size:22px;font-weight:600;letter-spacing:-.02em}.page-hd p{font-size:13px;color:var(--ink-3);margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat-accent-brand{border-left:3px solid var(--brand)}.stat-accent-err{border-left:3px solid var(--err)}.stat-accent-warn{border-left:3px solid var(--warn)}.stat-accent-neutral{border-left:3px solid var(--line)}.stat-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stat-icon-wrap{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-brand{background:color-mix(in oklab,var(--brand) 12%,var(--surface));color:var(--brand)}.stat-icon-err{background:color-mix(in oklab,var(--err) 10%,var(--surface));color:var(--err)}.stat-icon-warn{background:color-mix(in oklab,var(--warn) 12%,var(--surface));color:var(--warn)}.stat-icon-neutral{background:var(--surface-2);color:var(--ink-3)}.stat .lbl{font-size:11.5px;font-weight:500;color:var(--ink-3);letter-spacing:.01em}.stat .val{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.02em;margin-top:0;color:var(--brand)}[data-theme=dark] .stat .val{color:color-mix(in oklab,var(--brand) 58%,var(--ink))}.stat-val-muted{font-size:14px;color:var(--ink-4);font-weight:500}.stat .delta{font-size:11.5px;color:var(--ink-3);margin-top:6px;display:flex;align-items:center;gap:4px}.stat .delta.up{color:var(--ok)}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}@media (max-width: 1100px){.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-hd{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.card-hd h3{font-size:14px;font-weight:600;margin:0}.card-hd .sub{font-size:12px;color:var(--ink-3);margin-left:auto}.card-bd-chart{padding:14px 16px 10px}.activity-wrap{position:relative;height:88px}.activity-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.activity-gridline{height:1px;background:var(--line-2)}.activity-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:4px}.activity-bars .bar{flex:1;background:linear-gradient(to top,var(--brand),color-mix(in oklab,var(--brand-accent) 55%,var(--brand)));border-radius:3px 3px 0 0;min-height:4px;opacity:.88;transition:opacity .12s}.activity-bars .bar:hover{opacity:1}.chart-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-4);font-family:var(--font-mono);margin-top:8px}.card-bd-actions{padding:12px;display:flex;flex-direction:column;gap:6px}.dash-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;font:inherit;text-align:left;color:var(--ink);transition:background .12s,border-color .12s}.dash-action-btn:hover{background:color-mix(in oklab,var(--brand) 4%,var(--surface));border-color:color-mix(in oklab,var(--brand) 40%,var(--line))}.dash-action-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--brand) 10%,var(--surface));color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.dash-action-btn:hover .dash-action-icon{background:color-mix(in oklab,var(--brand) 18%,var(--surface))}.dash-action-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dash-action-title{font-size:13px;font-weight:600}.dash-action-desc{font-size:11.5px;color:var(--ink-3)}.dash-action-arrow{color:var(--ink-4);flex-shrink:0;transform:rotate(-90deg);transition:color .12s,transform .12s}.dash-action-btn:hover .dash-action-arrow{color:var(--brand);transform:rotate(-90deg) translate(-1px)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 14px;height:34px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;line-height:1;transition:all .12s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--ink-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.primary:hover:not(:disabled){filter:brightness(.94)}.btn.ghost{border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.icon{width:34px;padding:0;justify-content:center}.ota-list{padding:12px;display:grid;gap:10px}.ota-empty{padding:14px;color:var(--ink-3);font-size:13px}.ota-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px}.ota-row-main{min-width:0}.ota-device{font-family:var(--font-mono);font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ota-meta{margin-top:2px;color:var(--ink-3);font-size:11.5px}@media (max-width: 720px){.ota-row{grid-template-columns:1fr;align-items:flex-start}}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar-search{position:relative;flex:1;min-width:200px;max-width:320px}.toolbar-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-4);width:14px;height:14px;pointer-events:none}.toolbar-search .input{padding-left:32px}.toolbar-filter{width:auto;min-width:140px}.toolbar-spacer{flex:1}.dropzone{position:relative;border:1.5px dashed var(--line);border-radius:var(--radius);padding:32px 20px;text-align:center;background:var(--surface);transition:border-color .18s,background .18s,box-shadow .18s;cursor:pointer;margin-bottom:20px}.dropzone.busy{cursor:wait;opacity:.72;pointer-events:none}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:color-mix(in oklab,var(--brand) 4%,var(--surface));box-shadow:0 0 0 4px color-mix(in oklab,var(--brand) 8%,transparent)}.dropzone-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.dropzone-icon-wrap{width:52px;height:52px;margin:0 auto 12px;color:var(--ink-3);display:grid;place-items:center;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);transition:background .18s,color .18s}.dropzone:hover .dropzone-icon-wrap,.dropzone.drag .dropzone-icon-wrap{background:color-mix(in oklab,var(--brand) 12%,var(--surface));color:var(--brand);border-color:color-mix(in oklab,var(--brand) 30%,var(--line))}.dropzone-icon-wrap svg{width:24px;height:24px}.dropzone h4{margin:0;font-size:14px;font-weight:600}.dropzone p{font-size:12.5px;color:var(--ink-3);margin:4px 0 0}.dropzone strong{color:var(--brand);font-weight:600}.upload-list{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.upload-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12.5px}.upload-ico{width:28px;height:28px;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;flex-shrink:0;color:var(--ink-3)}.upload-ico svg{width:14px;height:14px}.upload-body{flex:1;min-width:0}.upload-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress{height:3px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-top:4px}.upload-progress-bar{height:100%;background:var(--brand);transition:width .3s}.upload-row.done .upload-progress-bar{background:var(--ok)}.upload-pct{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);width:36px;text-align:right;flex-shrink:0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.media{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;position:relative;transition:border-color .18s,box-shadow .18s,transform .18s}.media:hover{border-color:var(--brand);box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.media-thumb{aspect-ratio:16 / 9;background:var(--surface-2);position:relative;overflow:hidden;background-size:cover;background-position:center}.media-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.media-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-3)}.media-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#0000;transition:background .18s}.media:hover .media-hover-overlay{background:#00000052}.media-hover-icon{width:40px;height:40px;border-radius:50%;background:#ffffffeb;color:var(--brand);display:grid;place-items:center;opacity:0;transform:scale(.75);transition:opacity .18s,transform .18s;box-shadow:0 2px 12px #0003}.media:hover .media-hover-icon{opacity:1;transform:scale(1)}.media-badge{position:absolute;top:8px;left:8px;z-index:1;background:#000000a6;color:#fff;padding:5px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.media-duration{position:absolute;bottom:8px;right:8px;z-index:1;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:10.5px}.media-info{padding:10px 12px;border-top:1px solid var(--line-2)}.media-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.media-info-row{display:flex;align-items:center;gap:6px;margin-top:3px}.media-sub{font-size:11px;color:var(--ink-4);font-family:var(--font-mono);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-delete-btn{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border:none;border-radius:5px;background:transparent;color:var(--ink-4);cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s;padding:0}.media:hover .media-delete-btn{opacity:1}.media-delete-btn:hover{background:color-mix(in oklab,var(--err) 12%,transparent);color:var(--err)}.lib-page-hd{margin-bottom:20px}.lib-stat-row{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.lib-stat-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--line);background:var(--surface);color:var(--ink-3)}.lib-stat-total{background:var(--surface-2);color:var(--ink-2);font-weight:600}.lib-stat-video{color:#2563eb;border-color:color-mix(in oklab,#2563eb 30%,var(--line));background:color-mix(in oklab,#2563eb 8%,var(--surface))}.lib-stat-image{color:#7c3aed;border-color:color-mix(in oklab,#7c3aed 30%,var(--line));background:color-mix(in oklab,#7c3aed 8%,var(--surface))}.lib-stat-audio{color:#059669;border-color:color-mix(in oklab,#059669 30%,var(--line));background:color-mix(in oklab,#059669 8%,var(--surface))}.filter-tabs{display:flex;gap:3px;background:var(--surface-2);border:1px solid var(--line);padding:3px;border-radius:8px}.filter-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:none;background:transparent;border-radius:5px;font:inherit;font-size:12.5px;font-weight:500;color:var(--ink-3);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s;white-space:nowrap}.filter-tab:hover{color:var(--ink);background:var(--surface)}.filter-tab.active{background:var(--surface);color:var(--brand);box-shadow:0 1px 4px #0000001a}.filter-tab svg{opacity:.8}.filter-tab-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);background:var(--surface-2);padding:1px 5px;border-radius:999px;min-width:18px;text-align:center}.filter-tab.active .filter-tab-count{background:color-mix(in oklab,var(--brand) 14%,var(--surface));color:var(--brand)}.library-error{padding:10px 14px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--err) 12%,transparent);color:var(--err);font-size:13px;margin-bottom:14px}.empty{text-align:center;padding:60px 20px;color:var(--ink-3)}.empty-icon-wrap{width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-4)}.empty-icon-wrap svg{width:28px;height:28px}.empty-title{font-size:14px;color:var(--ink);font-weight:600;margin:0}.empty-text{font-size:12.5px;margin:4px 0 0}.empty-lead{margin:0;font-size:13px}.ctx-menu{position:fixed;z-index:300;min-width:180px;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 40px #0000002e}.ctx-menu-item{display:block;width:100%;text-align:left;padding:8px 12px;border:none;border-radius:4px;background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer}.ctx-menu-item:hover{background:var(--surface-2)}.ctx-menu-item-danger{color:var(--err)}.ctx-menu-item-danger:hover{background:color-mix(in oklab,var(--err) 10%,transparent)}.library-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:grid;place-items:center;padding:24px;background:color-mix(in oklab,var(--ink) 45%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.library-modal{width:min(920px,calc(100vw - 32px));max-height:min(86vh,calc(100vh - 48px));display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px #00000047;overflow:hidden}.library-modal-hd{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.library-modal-title-block{flex:1;min-width:0}.library-modal-title-grid{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:8px;align-items:center}.library-modal-edit-icon{grid-column:1;grid-row:1;display:grid;place-items:center;color:var(--brand);opacity:.9}.library-modal-name-input{grid-column:2;grid-row:1;width:100%;min-width:0;font-weight:600;font-size:15px}.library-modal-original-wrap{grid-column:2;grid-row:2;font-size:12px;color:var(--ink-3);line-height:1.4;word-break:break-word;text-align:left}.library-modal-close{flex-shrink:0}.library-modal-bd{padding:16px;overflow:auto;display:grid;place-items:center;background:var(--surface-2);min-height:120px}.library-preview-media{max-width:100%;max-height:min(72vh,720px);width:auto;height:auto;border-radius:var(--radius-sm);vertical-align:middle}.tv-page-hd{align-items:center;margin-bottom:24px}.tv-new-btn{margin-left:auto;flex-shrink:0;align-self:center}.tv-stat-online{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 28%,var(--line));background:color-mix(in oklab,var(--ok) 8%,var(--surface))}.tv-stat-offline{color:var(--ink-3);background:var(--surface-2)}.tv-stat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tv-stat-dot-online{background:var(--ok)}.tv-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tv-device-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.tv-device-card.is-online{border-color:color-mix(in oklab,var(--ok) 30%,var(--line))}.tv-device-card:hover{box-shadow:0 4px 20px #00000014}.tv-device-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--line-2)}.tv-status-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.tv-status-chip.online{color:var(--ok);background:color-mix(in oklab,var(--ok) 10%,var(--surface));border-color:color-mix(in oklab,var(--ok) 28%,var(--line))}.tv-status-chip.offline{color:var(--ink-3);background:var(--surface-2);border-color:var(--line)}.tv-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative}.tv-status-chip.online .tv-status-dot{background:var(--ok)}.tv-status-chip.online .tv-status-dot:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--ok);opacity:.35;animation:tv-online-pulse 2.2s ease-out infinite}@keyframes tv-online-pulse{0%{transform:scale(1);opacity:.35}to{transform:scale(2.6);opacity:0}}.tv-status-chip.offline .tv-status-dot{background:var(--ink-4)}.tv-pairing-code{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--ink-4);background:var(--surface-2);border:1px solid var(--line);padding:3px 8px;border-radius:6px}.tv-device-section{padding:10px 14px;border-bottom:1px solid var(--line-2);display:flex;flex-direction:column;gap:3px}.tv-device-id-row{display:flex;align-items:center;gap:7px;color:var(--ink-3)}.tv-device-id-text{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tv-linked-date{font-size:11px;color:var(--ink-4);padding-left:20px}.tv-playlist-section{padding:10px 14px;border-bottom:1px solid var(--line-2);display:flex;flex-direction:column;gap:6px}.tv-playlist-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-4)}.tv-playlist-select{height:32px;font-size:13px;font-weight:500;cursor:pointer}.tv-pl-picker{position:relative}.tv-pl-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;font:inherit;font-size:13px;font-weight:500;color:var(--ink);text-align:left;min-width:0;transition:border-color .15s,background .15s}.tv-pl-trigger:hover{border-color:color-mix(in oklab,var(--brand) 50%,var(--line));background:color-mix(in oklab,var(--brand) 4%,var(--surface-2))}.tv-pl-trigger-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.tv-pl-trigger-chevron{flex-shrink:0;color:var(--ink-4);transition:transform .15s}.tv-pl-trigger.open .tv-pl-trigger-chevron{transform:rotate(180deg)}.tv-pl-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;z-index:200;max-height:260px;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:1px}.tv-pl-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font:inherit;font-size:12.5px;transition:background .12s}.tv-pl-option:hover{background:var(--surface-2)}.tv-pl-option.selected{background:color-mix(in oklab,var(--brand) 8%,var(--surface))}.tv-pl-option-check{flex-shrink:0;width:16px;color:var(--brand);display:flex;align-items:center}.tv-pl-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.tv-pl-option-meta{font-size:11px;color:var(--ink-4);flex-shrink:0;font-variant-numeric:tabular-nums}.pl-mini-strip{display:flex;align-items:center;gap:2px;flex-shrink:0}.pl-mini-thumb{width:36px;height:24px;border-radius:3px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line-2);flex-shrink:0}.pl-mini-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pl-mini-thumb-fallback{width:100%;height:100%;background:color-mix(in oklab,var(--brand) 12%,var(--surface-2))}.pl-mini-thumb-more{font-size:10px;font-weight:700;color:var(--ink-3);padding:0 2px}.tv-pl-empty-strip{height:24px;display:flex;align-items:center;padding:0 4px;color:var(--ink-4);font-size:11.5px;flex-shrink:0}.tv-info-section{padding:10px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.tv-version-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tv-version-badge{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);padding:2px 7px;border-radius:5px}.tv-channel-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:5px;color:var(--brand);background:color-mix(in oklab,var(--brand) 10%,var(--surface));border:1px solid color-mix(in oklab,var(--brand) 22%,var(--line))}.tv-channel-badge.staging{color:var(--warn);background:color-mix(in oklab,var(--warn) 10%,var(--surface));border-color:color-mix(in oklab,var(--warn) 28%,var(--line))}.tv-ota-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;color:var(--warn);background:color-mix(in oklab,var(--warn) 12%,var(--surface));border:1px solid color-mix(in oklab,var(--warn) 32%,var(--line))}.tv-runtime{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.tv-lastseen{font-size:12px;color:var(--ink-3);margin-top:2px}.tv-ota-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line-2);flex-wrap:wrap}.tv-ota-btn{height:30px;font-size:12px;padding:0 10px;flex:1;justify-content:center}.tv-device-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 12px;border-top:1px solid var(--line-2);gap:8px}.tv-debug-toggle{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font:inherit;font-size:12px;font-weight:500;color:var(--ink-3);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tv-debug-toggle:hover{border-color:var(--ink-3);color:var(--ink)}.tv-toggle-track{width:30px;height:17px;border-radius:999px;background:var(--line);position:relative;flex-shrink:0;transition:background .18s}.tv-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.tv-debug-toggle.active{color:var(--brand);border-color:color-mix(in oklab,var(--brand) 35%,var(--line));background:color-mix(in oklab,var(--brand) 6%,var(--surface))}.tv-debug-toggle.active .tv-toggle-track{background:var(--brand)}.tv-debug-toggle.active .tv-toggle-track:after{transform:translate(13px)}.tv-unlink-btn{color:var(--ink-4);transition:color .15s,background .15s}.tv-unlink-btn:hover{background:color-mix(in oklab,var(--err) 10%,transparent)!important;color:var(--err)!important}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in oklab,var(--ok) 35%,var(--line));background:color-mix(in oklab,var(--ok) 10%,var(--surface));color:var(--ok);border-radius:999px;padding:4px 8px;font-size:11.5px;font-weight:600;white-space:nowrap}.chip.chip-warn{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 45%,var(--line));background:color-mix(in oklab,var(--warn) 12%,var(--surface))}.chip.chip-offline{color:var(--ink-3);border-color:var(--line);background:var(--surface-2)}.tv-pair-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:grid;place-items:center;padding:24px;background:color-mix(in oklab,var(--ink) 45%,transparent)}.tv-pair-modal{width:min(560px,calc(100vw - 32px));border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px #00000047;overflow:hidden}.tv-pair-modal-hd{padding:18px 18px 10px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tv-pair-modal-hd h2{margin:0;font-size:18px}.tv-pair-modal-hd p{margin:6px 0 0;font-size:13px;color:var(--ink-3)}.tv-pair-modal-bd{padding:18px;display:grid;gap:12px}.tv-code-input-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.tv-digit{height:58px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--surface-2)}.tv-digit:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 18%,transparent)}.tv-digit.filled{border-color:color-mix(in oklab,var(--brand) 50%,var(--line))}.tv-digit input{width:100%;height:100%;border:none;outline:none;background:transparent;text-align:center;font-size:28px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.tv-pair-status{font-size:13px;color:var(--ink-3)}.tv-pair-status.success{color:var(--ok)}.tv-pair-status.error{color:var(--err)}.tv-pair-modal-ft{padding:14px 18px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.tv-pair-close{flex-shrink:0}.playlist-modal{width:min(1040px,calc(100vw - 32px));height:calc(100vh - 48px);border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px #00000047;display:flex;flex-direction:column;overflow:hidden}.playlist-modal-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.playlist-head-left{flex:1;min-width:0}.playlist-name-input{font-weight:600;font-size:16px}.playlist-modal-bd{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr;gap:14px;padding:16px}.playlist-modal-wide{width:min(1180px,calc(100vw - 32px))}.playlist-modal-bd-split{grid-template-columns:1fr 1fr;gap:16px}.playlist-sequences{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;overflow-y:auto}.playlist-pickers{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:hidden}.playlist-pickers .picker{flex:1;min-height:0}.playlist-pickers .picker-bd{flex:1;min-height:0;overflow-y:auto}.pl-list{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:120px;padding:8px;display:grid;gap:8px;align-content:start}.pl-row.dragging{opacity:.6}.pl-row.drop-target{border-color:var(--brand)}.grip{color:var(--ink-4);cursor:grab}.pl-thumb,.pthumb{width:52px;height:38px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}.pl-thumb-audio-fallback,.pthumb-audio{color:var(--ink-4)}.pl-name{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:0;display:flex;flex-direction:column}.picker-hd{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}.picker-count{margin-left:auto;font-size:11px;color:var(--ink-4);font-weight:400;font-family:var(--font-mono)}.picker-bd{padding:10px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));overflow-y:auto;min-height:0;align-content:start}.pn{font-size:12px;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-modal-ft{border-top:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:12px}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;max-width:560px;overflow:hidden}.settings-card-hd{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.settings-card-title{font-size:13px;font-weight:600;color:var(--ink)}.settings-card-desc{font-size:12px;color:var(--ink-4);margin-left:auto}.settings-account-row{display:flex;align-items:center;gap:14px;padding:16px 18px}.settings-avatar{width:46px;height:46px;border-radius:50%;background:color-mix(in oklab,var(--brand) 14%,var(--surface-2));border:2px solid color-mix(in oklab,var(--brand) 25%,var(--line));overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;font-weight:700;color:var(--brand);font-family:var(--font-display)}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-account-info{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-account-name{font-size:14px;font-weight:600;color:var(--ink)}.settings-account-email{font-size:12.5px;color:var(--ink-3)}.theme-cards{display:flex;gap:14px;padding:16px 18px}.theme-card{flex:0 0 auto;width:148px;background:var(--surface-2);border:2px solid var(--line);border-radius:var(--radius);padding:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font:inherit}.theme-card:hover{border-color:color-mix(in oklab,var(--brand) 45%,var(--line))}.theme-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 14%,transparent)}.theme-preview{height:82px;border-radius:var(--radius-sm);overflow:hidden;display:flex;border:1px solid transparent;margin-bottom:10px}.theme-preview-light{background:#f4f6fb;border-color:#d5deeb}.theme-preview-dark{background:#0b1020;border-color:#273454}.theme-preview-sidebar{width:34%;height:100%;flex-shrink:0;padding:8px 6px;display:flex;flex-direction:column;gap:5px}.theme-preview-light .theme-preview-sidebar{background:#fff;border-right:1px solid #d5deeb}.theme-preview-dark .theme-preview-sidebar{background:#121a2e;border-right:1px solid #273454}.theme-preview-nav-item{height:7px;border-radius:2px;background:#d5deeb}.theme-preview-dark .theme-preview-nav-item{background:#1a2540}.theme-preview-nav-item.short{width:60%}.theme-preview-content{flex:1;padding:7px 7px 6px;display:flex;flex-direction:column;gap:6px}.theme-preview-topbar{height:9px;border-radius:2px;background:#fff;border:1px solid #d5deeb}.theme-preview-dark .theme-preview-topbar{background:#121a2e;border-color:#273454}.theme-preview-stat-row{display:flex;gap:4px}.theme-preview-stat{flex:1;height:18px;border-radius:3px;background:#fff;border:1px solid #d5deeb}.theme-preview-dark .theme-preview-stat{background:#121a2e;border-color:#273454}.theme-preview-card{flex:1;border-radius:3px;background:#fff;border:1px solid #d5deeb}.theme-preview-dark .theme-preview-card{background:#121a2e;border-color:#273454}.theme-card-footer{display:flex;align-items:center;justify-content:space-between}.theme-card-label{font-size:12.5px;font-weight:600;color:var(--ink)}.theme-card-check{color:var(--brand)}.pl-page-hd{align-items:center;margin-bottom:24px}.pl-page-hd h1{margin-bottom:0}.pl-new-btn{margin-left:auto;flex-shrink:0;align-self:center}.lib-stat-media{color:var(--ink-3);background:var(--surface-2)}.pl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.pl-card:hover{border-color:color-mix(in oklab,var(--brand) 40%,var(--line));box-shadow:0 4px 20px #00000014}.pl-card-strip{height:100px;background:var(--surface-2);display:flex;overflow:hidden;position:relative;flex-shrink:0}.pl-card-thumb-mini{flex:1;min-width:0;position:relative;overflow:hidden}.pl-card-thumb-mini+.pl-card-thumb-mini{border-left:1px solid var(--line)}.pl-card-thumb-mini img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.pl-card-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-4)}.pl-card-thumb-more{position:absolute;right:0;bottom:0;background:#000000a6;color:#fff;font-size:12px;font-weight:700;font-family:var(--font-mono);padding:4px 8px;border-top-left-radius:8px}.pl-card-strip-only-audio,.pl-card-strip-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink-4);font-size:12px}.pl-card-body{padding:12px 14px 10px;flex:1;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line-2)}.pl-card-name{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pl-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid transparent}.pl-badge-visual{color:#2563eb;border-color:color-mix(in oklab,#2563eb 25%,var(--line));background:color-mix(in oklab,#2563eb 8%,var(--surface))}.pl-badge-audio{color:#059669;border-color:color-mix(in oklab,#059669 25%,var(--line));background:color-mix(in oklab,#059669 8%,var(--surface))}.pl-card-dur{margin-left:auto;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink-3);background:var(--surface-2);padding:2px 8px;border-radius:6px;border:1px solid var(--line)}.pl-card-date{font-size:11.5px;color:var(--ink-4)}.pl-card-actions{display:flex;align-items:center;gap:8px;padding:10px 14px 14px}.pl-card-edit-btn{flex:1;justify-content:center}.playlist-modal-stats{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.playlist-modal-dur{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--line);padding:2px 8px;border-radius:6px;margin-left:auto}.pl-sequence-section{display:flex;flex-direction:column;gap:8px}.pl-lane-header{display:flex;align-items:center;gap:8px}.pl-lane-icon-badge{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.pl-lane-visual{background:color-mix(in oklab,#2563eb 12%,var(--surface));color:#2563eb;border:1px solid color-mix(in oklab,#2563eb 20%,var(--line))}.pl-lane-audio{background:color-mix(in oklab,#059669 12%,var(--surface));color:#059669;border:1px solid color-mix(in oklab,#059669 20%,var(--line))}.pl-lane-label{font-size:12.5px;font-weight:700;color:var(--ink-2);letter-spacing:.01em}.pl-lane-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-4);background:var(--surface-2);border:1px solid var(--line);padding:1px 6px;border-radius:999px}.pl-lane-dur{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--line);padding:2px 8px;border-radius:6px}.pl-empty{height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink-4);font-size:12px}.pl-row{display:grid;grid-template-columns:auto 52px 1fr auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px 10px;transition:border-color .12s}.pl-row:hover{border-color:var(--ink-4)}.pl-row-info{min-width:0;display:flex;flex-direction:column;gap:4px}.pl-type-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10.5px;font-weight:600;width:fit-content}.pl-type-imagem{background:color-mix(in oklab,#7c3aed 10%,var(--surface));color:#7c3aed}.pl-type-vídeo{background:color-mix(in oklab,#2563eb 10%,var(--surface));color:#2563eb}.pl-type-áudio{background:color-mix(in oklab,#059669 10%,var(--surface));color:#059669}.dur{display:flex;align-items:center;gap:4px}.dur input{width:60px;border:1px solid var(--line);border-radius:6px;padding:4px 6px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:12px;text-align:center}.dur input:focus{outline:none;border-color:var(--brand)}.dur-unit{font-size:11.5px;color:var(--ink-4)}.dur-auto{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-4);background:var(--surface-2);border:1px solid var(--line);padding:3px 8px;border-radius:6px}.pl-row-remove{opacity:.5;transition:opacity .12s}.pl-row:hover .pl-row-remove{opacity:1}.picker-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px;display:grid;gap:6px;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.picker-item:hover:not(.in-list){border-color:var(--brand);background:color-mix(in oklab,var(--brand) 4%,var(--surface))}.picker-item.in-list{opacity:.75}.pthumb,.pl-thumb{position:relative}.picker-item-check{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,#059669 55%,transparent);display:grid;place-items:center;border-radius:6px;color:#fff}.playlist-modal-ft-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.an-page-hd{align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px}.an-period-tabs{display:flex;gap:4px;margin-left:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px}.an-period-tab{padding:5px 14px;border:none;background:transparent;border-radius:4px;font:inherit;font-size:12.5px;font-weight:500;color:var(--ink-3);cursor:pointer;transition:background .12s,color .12s}.an-period-tab:hover{color:var(--ink)}.an-period-tab.active{background:var(--surface);color:var(--brand);box-shadow:0 1px 3px #00000014}.an-chart-card{margin-bottom:16px}.an-chart-body{padding:16px;min-height:120px;display:flex;flex-direction:column}.an-chart-wrap{flex:1}.an-chart-bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding-bottom:28px}.an-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;gap:3px}.an-bar-tip{flex:1;display:flex;align-items:flex-end;width:100%;justify-content:center;position:relative}.an-bar-tooltip{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);font-size:10px;font-weight:600;padding:2px 5px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.an-bar-col:hover .an-bar-tooltip{opacity:1}.an-bar{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(to top,var(--brand),color-mix(in oklab,var(--brand-accent) 55%,var(--brand)));opacity:.88;transition:opacity .12s,height .3s ease}.an-bar-col:hover .an-bar{opacity:1}.an-bar-label{font-size:9.5px;color:var(--ink-4);font-family:var(--font-mono);height:20px;display:flex;align-items:flex-end;text-align:center;white-space:nowrap}.an-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 960px){.an-grid-2{grid-template-columns:1fr}}.an-media-list{display:flex;flex-direction:column;padding:8px 0}.an-media-row{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background .1s}.an-media-row:hover{background:var(--surface-2)}.an-rank{font-size:11px;font-weight:700;color:var(--ink-4);font-family:var(--font-mono);width:22px;flex-shrink:0;text-align:right}.an-media-thumb{width:44px;height:30px;object-fit:cover;border-radius:4px;flex-shrink:0;border:1px solid var(--line-2)}.an-media-thumb-fallback{width:44px;height:30px;border-radius:4px;flex-shrink:0;background:color-mix(in oklab,var(--brand) 10%,var(--surface-2))}.an-media-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.an-media-name{font-size:12.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-media-bar-wrap{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.an-media-bar{height:100%;background:linear-gradient(to right,var(--brand),color-mix(in oklab,var(--brand-accent) 60%,var(--brand)));border-radius:2px;min-width:4px;transition:width .4s ease}.an-media-count{font-size:13px;font-weight:700;color:var(--brand);font-family:var(--font-display);flex-shrink:0;min-width:36px;text-align:right}.an-tv-list{display:flex;flex-direction:column;padding:8px 0}.an-tv-row{display:flex;align-items:center;gap:10px;padding:10px 16px;transition:background .1s}.an-tv-row:hover{background:var(--surface-2)}.an-tv-dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex-shrink:0}.an-tv-dot.active{background:var(--ok)}.an-tv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.an-tv-device{font-size:11.5px;font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-tv-code{font-size:10.5px;font-family:var(--font-mono);color:var(--ink-4)}.an-tv-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.an-tv-count{font-size:14px;font-weight:700;font-family:var(--font-display);color:var(--brand)}.an-tv-count-label{font-size:11px;font-weight:400;color:var(--ink-3)}.an-tv-lastseen{font-size:10.5px;color:var(--ink-4)}.an-loading{padding:28px 16px;text-align:center;color:var(--ink-3);font-size:13px}.an-empty{padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink-4);font-size:13px;text-align:center;line-height:1.5}.an-empty p{margin:0}.an-empty-sm{padding:24px 16px}.dash-chart-empty{height:88px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-4);font-size:12.5px}.tv-screen-share-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--text-2);transition:background .15s,color .15s,border-color .15s}.tv-screen-share-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text-1);border-color:var(--line-3)}.tv-screen-share-btn:disabled{opacity:.4;cursor:not-allowed}.tv-screen-share-btn.active{background:#ef44441a;color:#ef4444;border-color:#ef444459}.tv-screen-share-btn.active:hover{background:#ef44442e}.tv-screen-share-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;animation:screen-share-pulse 1.4s ease-in-out infinite}@keyframes screen-share-pulse{0%,to{opacity:1}50%{opacity:.25}}.topbar-hamburger{display:none;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;color:var(--ink-2);margin-right:2px}.topbar-hamburger:hover{background:var(--surface-2);color:var(--ink)}.sidebar-backdrop{display:none}@media (max-width: 860px){.playlist-modal-bd,.playlist-modal-bd-split{grid-template-columns:1fr}.playlist-pickers{max-height:260px;flex:none}.playlist-sequences{min-height:180px}.playlist-modal-wide{width:min(860px,calc(100vw - 24px))}}@media (max-width: 768px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease;z-index:300;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.is-open{transform:translate(0);box-shadow:6px 0 32px #00000038}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:299;pointer-events:none;transition:background .22s ease}.sidebar-backdrop.is-open{background:#0006;pointer-events:auto;cursor:pointer}.topbar-hamburger{display:flex}.topbar{padding:0 14px;gap:8px}.topbar h1{font-size:15px}.topbar .crumb{display:none}.page{padding:14px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2,.an-grid-2{grid-template-columns:1fr}.an-page-hd{flex-direction:column;align-items:flex-start;gap:10px}.an-period-tabs{margin-left:0;width:100%}.tv-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.pl-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.page-hd{margin-bottom:14px;gap:8px}.tv-page-hd{flex-wrap:wrap;align-items:flex-start}.library-modal{height:calc(100dvh - 32px);max-height:none}.tv-pair-modal{width:calc(100vw - 24px)}.settings-card{max-width:100%}.theme-cards{flex-wrap:wrap}.theme-card{width:calc(50% - 7px);flex:0 0 calc(50% - 7px)}}@media (max-width: 480px){.page{padding:10px}.topbar{padding:0 10px}.stats{grid-template-columns:1fr;gap:8px}.stat{padding:14px 14px 12px}.stat .val{font-size:22px}.tv-cards,.pl-cards{grid-template-columns:1fr;gap:10px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.page-hd h1{font-size:18px}.page-hd{margin-bottom:12px}.theme-card{width:100%;flex:0 0 100%}.toolbar-search{min-width:0;flex:1}.topbar .actions{gap:4px}.tv-code-input-row{gap:6px}.tv-digit{width:36px;height:44px}.tv-digit input{font-size:18px}.an-bar-label{font-size:9px}.playlist-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 32px)}}