.admin{--bg: #f8faf7;--panel: #ffffff;--line: #dce3d8;--ink: #1d231f;--muted: #59635c;--brand: #122416;--accent: #4a7c19;--accent-ink: #ffffff;--danger: #d64545;--ok: #4caf50;--panel-alt: #f6f8f4;--surface-2: #f1f5ef;--hover: #f1f5ef;--hover-soft: #f4f7f1;--active-tint: #dff2c6;--hover-accent: #eaf5d9;--chip-bg: #edf1ea;--chip-bg-hover: #dfe6da;--input-bg: #ffffff;--btn-border-hover: #c2ccbd;--focus-ring: rgba(139, 197, 63, .35);--accent-strong: #33691e;--brand-green: #8bc53f;--brand-green-hover: #7cb433;--brand-green-ink: #10181f;--rail-bg: var(--brand);--danger-tint: #fdecea;--danger-line: #ecc7c3;--warn-ink: #b26a00;--warn-tint: #fff3e0;--warn-line: #ecc78f;--ok-tint: #e3f5eb;--info-tint: #eaf1fb;--info-line: #c6dbf2;--dot-off: #c6cec2;--trim-track: #e4eae0;--backdrop: rgba(8, 14, 10, .45);--pane-tree: 250px;--pane-tree-narrow: 210px;--shadow-menu: 0 10px 30px rgba(12, 28, 16, .18);--shadow-card: 0 8px 22px rgba(12, 28, 16, .14);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);color-scheme:light;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:var(--bg);color:var(--ink);font-family:Inter Variable,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;overflow:hidden}.admin.dark{--bg: #0b110d;--panel: #121a14;--line: #263228;--ink: #f5f7f4;--muted: #a9b2a8;--accent: #8bc53f;--accent-ink: #0b110d;--danger: #e06557;--ok: #55b959;--panel-alt: #18231b;--surface-2: #0f1611;--hover: #1a2620;--hover-soft: #17211a;--active-tint: #22331a;--hover-accent: #263a1c;--chip-bg: #1d2a20;--chip-bg-hover: #24332a;--input-bg: #16211a;--btn-border-hover: #3a4a3c;--focus-ring: rgba(139, 197, 63, .4);--accent-strong: #b5e074;--brand-green: #8bc53f;--brand-green-hover: #9ed455;--brand-green-ink: #10181f;--rail-bg: #0e1c11;--danger-tint: #3a2320;--danger-line: #5f3730;--warn-ink: #e2a457;--warn-tint: #382c17;--warn-line: #5c4826;--ok-tint: #17342a;--info-tint: #14202e;--info-line: #2a4a6e;--dot-off: #4e5a50;--trim-track: #243026;--backdrop: rgba(0, 0, 0, .6);--shadow-menu: 0 10px 30px rgba(0, 0, 0, .55);--shadow-card: 0 8px 22px rgba(0, 0, 0, .5);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .65);color-scheme:dark}.admin.dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2393a3b5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.admin.dark .search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2393a3b5' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E")}.admin-nav{width:72px;flex:0 0 72px;background:var(--rail-bg);color:#eaf2f8;display:flex;flex-direction:column;align-items:stretch;padding:14px 0}.admin-nav .brand{width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.admin-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;margin:1px 8px;border-radius:10px;color:#9db8ca;text-decoration:none;font-weight:600;font-size:10px;letter-spacing:.02em}.admin-nav a:hover{background:#ffffff12;color:#fff}.admin-nav a.active{background:#ffffff24;color:#fff}.admin-nav .spacer{flex:1}.admin-nav .who{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);margin:0 10px}.who-avatar{width:30px;height:30px;border-radius:50%;background:#ffffff29;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.rail-btn{border:none;background:none;color:#9db8ca;padding:6px;border-radius:8px;display:flex}.rail-btn:hover{background:#ffffff1a;color:#fff;border:none}.admin-main{flex:1;overflow:auto;padding:28px 34px 60px}.admin-main h1{margin:0 0 4px;font-size:24px}.admin-main .sub{color:var(--muted);margin:0 0 22px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:18px;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel-alt)}td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}tr.clickable:hover td{background:var(--hover-soft);cursor:pointer}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);padding:8px 14px;border-radius:8px;font-weight:600}button:hover{border-color:var(--btn-border-hover)}button.primary{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-green-ink)}button.primary:hover{background:var(--brand-green-hover);border-color:var(--brand-green-hover)}button.danger{color:var(--danger);border-color:var(--danger-line)}button.small{padding:5px 10px;font-size:13px}input,select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--ink)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}input:focus,select:focus{outline:2px solid var(--focus-ring);border-color:var(--accent)}.chip-picker{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--input-bg);color:var(--muted);font-weight:600;font-size:13px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip.removable{display:inline-flex;align-items:center;gap:5px}.chip.removable button{border:none;background:none;color:inherit;padding:0 1px;font-size:14px;line-height:1;opacity:.75}.chip.removable button:hover{opacity:1;border:none}.chip.add{display:inline-flex;align-items:center;gap:4px;border-style:dashed;color:var(--muted)}.chip.add:hover{color:var(--accent);border-color:var(--accent)}.tag-picker{position:relative;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-bar{position:relative;display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;background:var(--input-bg);border:1px solid var(--line);border-radius:20px;padding:5px 6px 5px 12px;min-height:40px}.tag-bar-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--muted);padding-right:8px;border-right:1px solid var(--line)}.tag-bar-none{font-size:13px;color:var(--muted);font-style:italic}.tag-bar .chip.all-screens{background:var(--ink);border-color:var(--ink);color:var(--panel)}.tag-bar-add{border:none;background:none;font-size:13px;font-weight:700;color:var(--accent);padding:4px 10px 4px 12px;border-left:1px solid var(--line);border-radius:0;margin-left:auto}.tag-bar-add:hover{border:none;border-left:1px solid var(--line);text-decoration:underline;text-underline-offset:3px}.scope-bar{display:inline-flex;align-items:center;gap:7px;background:var(--input-bg);border:1px solid var(--line);border-radius:20px;padding:5px 8px 5px 12px;min-height:40px}.scope-bar .tag-bar-label{border-right:none;padding-right:0}.scope-bar select{border:none;background:none;font-size:13px;font-weight:600;color:var(--ink);padding:4px 2px}.tag-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:180px;max-height:240px;overflow:auto;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-menu);padding:6px;gap:2px}.tag-menu input{padding:6px 8px;font-size:13px;margin-bottom:4px}.tag-menu>button{border:none;background:none;text-align:left;padding:7px 9px;border-radius:7px;font-size:13px;font-weight:500}.tag-menu>button:hover{background:var(--hover-accent);border:none}.tag-menu .muted{padding:6px 9px;font-size:12px}.tag-menu-section{padding:7px 9px 2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:5px}.field{margin-bottom:14px}.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--chip-bg);color:var(--muted)}.badge.active{background:var(--ok-tint);color:var(--ok)}.badge.inactive,.badge.unprovisioned{background:var(--danger-tint);color:var(--danger)}.badge.hold,.badge.pending{background:var(--warn-tint);color:var(--warn-ink)}.muted{color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted)}.error-banner{background:var(--danger-tint);color:var(--danger);border:1px solid var(--danger-line);padding:10px 14px;border-radius:8px;margin-bottom:16px}.login-wrap{--ink: #1d231f;--muted: #59635c;--line: #dce3d8;--accent: #4a7c19;--accent-ink: #ffffff;--danger: #c0392b;--danger-tint: #fdecea;--danger-line: #ecc7c3;--input-bg: #ffffff;--btn-border-hover: #c2ccbd;--focus-ring: rgba(139, 197, 63, .35);--accent-strong: #33691e;color-scheme:light;color:var(--ink);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#122416,#0b110d)}.login-card{background:#fff;width:360px;padding:34px 30px;border-radius:16px;box-shadow:0 20px 60px #00000059}.login-card h1{font-family:Georgia,serif;margin:0 0 4px;font-size:22px}.login-card h1.login-brand{font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:.09em;color:#1c2733;margin-bottom:14px}.login-card p{color:var(--muted);margin:0 0 22px;font-size:14px}.login-card input{width:100%}.login-card button{width:100%;margin-top:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border-radius:14px;width:440px;max-width:calc(100vw - 40px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-modal)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 12px;flex:0 0 auto}.modal h3{margin:0}.modal-x{border:none;background:none;color:var(--muted);font-size:24px;line-height:1;padding:2px 8px;border-radius:8px}.modal-x:hover{border:none;background:var(--hover);color:var(--ink)}.modal-body{overflow-y:auto;padding:0 24px 24px;min-height:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal.wide{width:880px}.info-banner{background:var(--info-tint);color:var(--accent-strong);border:1px solid var(--info-line);padding:10px 14px;border-radius:8px;margin-bottom:16px}.media-thumb{display:block;border-radius:6px;object-fit:cover;background:#0e1510;border:1px solid var(--line)}.media-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:#7a8aa0;font-size:16px;background:repeating-linear-gradient(45deg,var(--chip-bg),var(--chip-bg) 8px,var(--line) 8px,var(--line) 16px)}.media-thumb.clickable{cursor:zoom-in}.media-thumb.clickable:hover{outline:2px solid var(--accent)}.panel.drop-target{outline:2px dashed var(--accent);outline-offset:-2px}.media-lightbox{background:#131c15;border-radius:14px;padding:14px;max-width:min(880px,calc(100vw - 60px));max-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px #00000080}.media-lightbox img,.media-lightbox video{max-width:100%;max-height:calc(100vh - 180px);border-radius:8px}.media-lightbox-title{color:#eaf2f8;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px 16px}.media-lightbox-title button{white-space:nowrap}.media-lightbox .modal-x{color:#93a3b5}.media-lightbox .modal-x:hover{background:#ffffff14;color:#eaf2f8}@media(max-width:560px){.media-lightbox{max-width:calc(100vw - 24px);padding:12px}.media-lightbox-title{flex-wrap:wrap}.media-lightbox-title>span{width:100%;justify-content:flex-end;flex-wrap:wrap}.media-lightbox-title button{font-size:12px;padding:6px 10px}}.media-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.toolbar-sep{width:1px;height:20px;background:var(--line);margin:0 2px}.search-input{width:280px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7787' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;padding-left:32px}.media-layout{display:grid;grid-template-columns:var(--pane-tree) 1fr;gap:14px;align-items:start}@media(max-width:1280px){.media-layout{grid-template-columns:var(--pane-tree-narrow) 1fr}}@media(max-width:860px){.media-layout{grid-template-columns:1fr}.media-layout .folder-tree{max-height:220px}}.media-main.panel{overflow-x:auto}@media(max-width:1100px){.hide-narrow{display:none}}.folder-tree{display:flex;flex-direction:column;max-height:calc(100vh - 190px);overflow:hidden;-webkit-user-select:none;user-select:none}.tree-head{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line);background:var(--panel-alt);border-radius:12px 12px 0 0;flex:0 0 auto}.tree-head .search-input,.media-browser-head .search-input{flex:1;min-width:0;width:auto}.tree-body{overflow:auto;padding:6px 4px 10px;flex:1}.tree-row{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--ink);border:1.5px solid transparent}.tree-row:hover{background:var(--hover)}.tree-row.active{background:var(--active-tint);font-weight:600}.tree-row.drop{border-color:var(--accent);background:var(--active-tint)}.tree-row.root{font-weight:600}.tree-caret{border:none;background:none;padding:0;width:14px;flex:0 0 14px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease}.tree-caret.open{transform:rotate(90deg)}.tree-caret.hidden{visibility:hidden}.tree-icon{display:inline-flex;align-items:center;color:var(--muted);flex:0 0 auto}.tree-row.active .tree-icon,.tree-row.pl-item.active .tree-icon{color:var(--accent)}.tree-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-main,.media-main-plain{min-width:0}.filter-btn{display:inline-flex;align-items:center;gap:6px;font-weight:600}.filter-btn.on{border-color:var(--accent);color:var(--accent);background:var(--hover-accent)}.filter-badge{background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;border-radius:999px;padding:0 6px;line-height:17px}.filter-panel{padding:12px;max-height:calc(100vh - 220px);overflow:auto}.filter-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.filter-group{margin-top:12px}.filter-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.filter-row{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;margin:0;color:var(--ink);text-transform:none;letter-spacing:0}.filter-row:hover{background:var(--hover)}.filter-row input[type=checkbox]{margin:0;accent-color:var(--accent)}.filter-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-manage{width:100%;margin-top:16px}.tag-swatch{flex:0 0 4px;width:4px;height:16px;border-radius:999px}.tree-count{margin-left:auto;font-size:11px;color:var(--muted);background:var(--chip-bg);border-radius:999px;padding:1px 7px}.tagmgr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-height:55vh;overflow:auto;align-items:start}.tagmgr-card{padding:12px;overflow:visible}.tagmgr-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tagmgr-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:7px;font-size:13px;font-weight:500}.tagmgr-row:hover{background:var(--hover)}.tagmgr-row .tree-actions{margin-left:auto;opacity:0}.tagmgr-row:hover .tree-actions{opacity:1}.tagmgr-create{width:100%;margin-top:8px;padding:7px 10px;font-size:13px;border-style:dashed}.crumbs{display:flex;align-items:center;gap:2px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel-alt);flex-wrap:wrap}.crumb{border:none;background:none;padding:3px 6px;border-radius:6px;font-size:13px;font-weight:600;color:var(--accent);cursor:pointer}.crumb:hover{background:var(--active-tint);border:none}.crumb.current{color:var(--ink);cursor:default}.crumb.current:hover{background:none}.crumb-filters{display:inline-flex;gap:6px;margin-left:12px;flex:0 0 auto}.crumb-sep{color:var(--muted);font-size:13px;padding:0 2px}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--ink)}.folder-row{cursor:pointer}.folder-row:hover td{background:var(--hover-soft)}.folder-row.drop td{background:var(--active-tint);box-shadow:inset 0 0 0 1.5px var(--accent)}.media-thumb.folder-icon{display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--hover);border:1px solid var(--line);width:64px;height:36px}tr[draggable=true]{cursor:grab}.detail-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px}.detail-status label{margin-bottom:3px;font-size:11px}.detail-status span{font-size:14px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:26px}@media(max-width:900px){.week-grid{grid-template-columns:repeat(4,1fr)}}.week-col{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:180px}.week-col.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.week-col-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--panel-alt);border-bottom:1px solid var(--line)}.today-pill{font-size:10px;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:1px 7px;text-transform:none;letter-spacing:0;flex:0 0 auto}.week-col-body{display:flex;flex-direction:column;gap:6px;padding:8px;flex:1;max-height:46vh;overflow-y:auto}.sched-card{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:7px 9px;font-weight:500;min-width:0;max-width:100%;overflow-wrap:anywhere}.sched-card:hover{border-color:var(--accent);background:var(--hover-accent)}.sched-time{font-size:11px;font-weight:700;color:var(--accent)}.sched-card.all .sched-time{color:var(--ok)}.sched-card.screen .sched-time{color:var(--warn-ink)}.sched-name{font-size:13px;font-weight:600;line-height:1.25}.sched-target{font-size:11px;color:var(--muted)}.sched-note{font-size:11px;color:var(--muted);font-style:italic}.sched-add{border:1px dashed var(--line);background:none;color:var(--muted);border-radius:8px;padding:4px;font-size:15px;opacity:0;transition:opacity .12s ease;margin-top:auto}.week-col:hover .sched-add{opacity:1}.sched-add:hover{color:var(--accent);border-color:var(--accent)}.section-title{font-size:16px;margin:0 0 10px}.occurrences-title{margin:18px 0 10px;font-size:15px}.occ-add{width:38px;height:38px;align-self:flex-end;border-radius:10px;font-size:18px;font-weight:700;color:var(--accent);padding:0}.occ-add:disabled{opacity:.5}.occ-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:12px;background:var(--surface-2);border-radius:10px;min-height:56px}.occ-list.empty{justify-content:center;color:var(--muted);font-size:13px}.month-nav{display:flex;align-items:center;gap:10px;margin-bottom:10px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.month-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:2px 4px}.month-cell{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:92px;padding:6px;display:flex;flex-direction:column;gap:3px;cursor:pointer}.month-cell:hover{border-color:var(--accent)}.month-cell.dim{background:var(--surface-2);opacity:.55}.month-cell.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.month-daynum{font-size:12px;font-weight:700;color:var(--muted)}.month-cell.today .month-daynum{color:var(--accent)}.m-chip{border:none;background:var(--chip-bg);color:var(--ink);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.m-chip:hover{background:var(--chip-bg-hover);border:none}.m-chip.single{background:var(--accent);color:var(--accent-ink)}.m-chip.single:hover{background:var(--accent-strong)}.view-toggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.view-toggle button{border:none;border-radius:0;padding:7px 14px;font-size:13px;background:var(--input-bg);color:var(--muted)}.view-toggle button.on{background:var(--accent);color:var(--accent-ink)}.screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.screen-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .12s ease,transform .12s ease}.screen-card:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.screen-card-stage{position:relative;aspect-ratio:16 / 9;background:#0e1510;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-card-stage img{width:100%;height:100%;object-fit:cover}.screen-card-title{color:#eaf2f8;font-weight:700;font-size:15px;text-align:center;padding:0 18px}.screen-card-idle{display:flex;flex-direction:column;align-items:center;gap:8px;color:#5c6c82;font-size:13px;font-weight:600}.screen-card-idle.online{color:#e6eef6}.screen-card-idle.online svg{color:#43b97c}.screen-card.offline .screen-card-stage{background:#0a141f}.screen-card.offline .screen-card-bar b{color:var(--muted);font-weight:600}.screen-card.offline .mini-tag{opacity:.6}.now-playing-pill{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#1d8a4eeb;padding:3px 8px;border-radius:999px}.screen-card-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:14px}.screen-card-bar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-card-meta{margin-left:auto;flex:0 0 auto;color:var(--muted);font-size:12px}.dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%}.dot.on{background:var(--ok);box-shadow:0 0 0 3px #1d8a4e26}.dot.off{background:var(--dot-off)}.screen-card-tags{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 10px}.mini-tag{font-size:11px;font-weight:600;color:var(--accent-strong);background:var(--active-tint);border-radius:999px;padding:3px 9px}.avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}.mini-schedule-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow:auto}.mini-schedule{display:flex;align-items:baseline;gap:8px;font-size:13px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.detail-hero{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:stretch}@media(max-width:900px){.detail-hero{grid-template-columns:1fr}}.detail-stage{position:relative;aspect-ratio:16 / 9;background:#0e1510;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.detail-stage img{width:100%;height:100%;object-fit:cover}.detail-stage-title{color:#eaf2f8;font-weight:700;text-align:center;padding:0 16px}.detail-stage-idle{display:flex;flex-direction:column;align-items:center;gap:8px;color:#5c6c82;font-size:13px;font-weight:600}.detail-stage-idle.online{color:#e6eef6}.detail-stage-idle.online svg{color:#43b97c}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-content:start;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.detail-facts label{margin-bottom:2px;font-size:11px}.detail-facts span{font-size:13px}.detail-tabs{margin:14px 0 0}.detail-body{border:1px solid var(--line);border-radius:0 12px 12px;height:300px;overflow:auto}.detail-body table th{position:sticky;top:0}.cache-ok{color:var(--ok);font-weight:700}.cache-pending{color:var(--warn-ink);font-weight:700}.theme-editor{display:grid;grid-template-columns:1fr 300px;gap:26px}@media(max-width:900px){.theme-editor{grid-template-columns:1fr}.theme-editor-preview{position:static}}.theme-editor-form{min-width:0}.theme-editor-preview{display:flex;flex-direction:column;gap:14px;position:sticky;top:0;align-self:start}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.color-cell{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--ink);margin:0;cursor:pointer}.color-cell input[type=color]{width:40px;height:30px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--input-bg);cursor:pointer;flex:0 0 auto}.image-slot{display:flex;align-items:center;gap:14px}.image-slot img.logo{height:40px;max-width:160px;object-fit:contain;background:repeating-conic-gradient(var(--chip-bg) 0% 25%,var(--panel) 0% 50%) 0 0 / 16px 16px;border:1px solid var(--line);border-radius:6px;padding:4px}.image-slot img.bg{width:88px;height:50px;object-fit:cover;border:1px solid var(--line);border-radius:6px}.file-button{display:inline-block;font-size:13px;font-weight:600;color:var(--ink);background:var(--input-bg);border:1px solid var(--line);border-radius:8px;padding:5px 10px;cursor:pointer;margin:0}.file-button:hover{border-color:var(--btn-border-hover)}.tv-preview-wrap{width:100%}.tv-preview{aspect-ratio:16 / 9;border-radius:10px;border:1px solid var(--line);box-shadow:0 6px 18px #0a1e322e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;padding:12px}.tv-logo{max-height:26px;max-width:60%;object-fit:contain}.tv-logo-text{font-family:Georgia,serif;font-weight:700;font-size:15px}.tv-clock{font-size:30px;font-weight:700;line-height:1}.tv-sub{font-size:11px}.tv-home{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.tv-home-left{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;padding:4px 0}.tv-home-right{display:flex;flex-direction:column;gap:6px;width:44%;flex:0 0 auto}.tv-home-right span{font-size:10px;font-weight:700;padding:7px 10px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-strip{display:flex;gap:8px;margin-top:8px}.tv-strip span{width:52px;height:30px;border-radius:5px}.theme-swatch{width:92px;height:52px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center;gap:5px;padding-bottom:7px}.theme-swatch span{width:26px;height:9px;border-radius:999px}.pl-manager{display:grid;grid-template-columns:var(--pane-tree) minmax(0,1fr) 300px;gap:14px;align-items:start}@media(max-width:1280px){.pl-manager{grid-template-columns:var(--pane-tree-narrow) minmax(0,1fr) 250px}}@media(max-width:1060px){.pl-manager{grid-template-columns:var(--pane-tree-narrow) minmax(0,1fr)}.pl-manager .media-browser{grid-column:1 / -1;position:static;max-height:320px}}.pl-tree{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden}.pl-tree-body{overflow:auto;padding:6px 4px 10px;-webkit-user-select:none;user-select:none;flex:1;border:1.5px solid transparent;border-radius:0 0 12px 12px}.pl-tree-body.drop{border-color:var(--accent)}.tree-row.pl-item{font-size:13px;gap:5px}.tree-row.pl-item .tree-icon{color:var(--accent)}.tree-row.group{font-weight:600}.tree-actions{display:none;margin-left:auto;gap:2px}.tree-row:hover .tree-actions{display:inline-flex}.tree-actions button{border:none;background:none;padding:1px 4px;font-size:12px;color:var(--muted);border-radius:5px}.tree-actions button:hover{background:var(--active-tint);color:var(--accent);border:none}.sched-dot{margin-left:auto;display:inline-flex;align-items:center;color:var(--ok)}.pl-center{min-width:0}.builder-head{margin-bottom:12px}.builder-title{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.title-input{font-size:22px;font-weight:700;border:1px solid transparent;background:none;padding:4px 8px;margin-left:-8px;border-radius:8px;min-width:160px;flex:1 1 220px;width:auto}.title-input:hover{border-color:var(--line);background:var(--input-bg)}.title-input:focus{border-color:var(--accent);background:var(--input-bg)}.builder-targets{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap;margin-bottom:8px}.target-warn{font-size:12px;color:var(--warn-ink);background:var(--warn-tint);border-radius:999px;padding:3px 10px}.builder-avail{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}.builder-avail input{padding:5px 8px;font-size:13px}.link-btn{border:none;background:none;padding:0;font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-btn:hover{border:none}.trim-modal video{width:100%;max-height:46vh;border-radius:10px;background:#000}.trim-timeline{position:relative;height:26px;margin:16px 10px 6px;background:var(--trim-track);border-radius:6px;cursor:pointer;touch-action:none}.trim-range{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 28%,transparent);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent)}.trim-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink);pointer-events:none}.trim-handle{position:absolute;top:-5px;bottom:-5px;width:12px;margin-left:-6px;background:var(--accent);border-radius:4px;cursor:ew-resize;box-shadow:0 1px 4px #0a1e3259;touch-action:none}.trim-handle:after{content:"";position:absolute;top:7px;right:4.5px;bottom:7px;left:4.5px;background:#ffffffd9;border-radius:2px}.trim-bar{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.trim-field{display:flex;align-items:center;gap:6px;font-size:12px}.trim-field .small{font-variant-numeric:tabular-nums}.trim-play{width:36px;height:36px}.trim-modal video{cursor:pointer}.builder-layout{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}.builder-list{min-width:0}.builder-tail{height:40px}.drop-line{height:3px;background:var(--accent);border-radius:2px;margin:-2px 8px}.media-browser{position:sticky;top:0;max-height:calc(100vh - 200px);display:flex;flex-direction:column;overflow:hidden}.media-browser-head{padding:10px;border-bottom:1px solid var(--line);background:var(--panel-alt)}.media-browser-body{overflow:auto;padding:6px 4px 10px;-webkit-user-select:none;user-select:none}.browser-folder{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.browser-folder:hover{background:var(--hover)}.browser-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;cursor:grab;font-size:13px}.browser-item:hover{background:var(--hover)}.browser-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-add{flex:0 0 auto;opacity:0}.browser-item:hover .browser-add,.browser-folder:hover .browser-add{opacity:1}.playlist-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:14px 16px;margin-bottom:14px}.ghost-edit{border:none;background:none;padding:2px 6px;color:var(--muted);font-size:13px;opacity:0;cursor:pointer}.builder-item:hover .ghost-edit{opacity:1}.ghost-edit:hover{color:var(--accent);border:none}.hold-seconds{display:flex;align-items:center;gap:4px;margin:0;font-size:12px;color:var(--muted);font-weight:600}.hold-seconds input{width:58px;padding:5px 8px;font-size:13px;text-align:right}.builder-item{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--panel)}.builder-seam{position:relative;display:flex;align-items:center;gap:10px;padding:2px 16px;background:var(--panel)}.builder-seam .seam-line{flex:1;border-top:1px dashed var(--line)}.seam-add{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--input-bg);color:var(--muted)}.seam-add:hover{color:var(--accent);border-color:var(--accent);background:var(--input-bg)}.seam-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border:1px solid transparent;border-radius:999px;background:var(--active-tint);color:var(--accent-strong);font-size:12px;font-weight:700}.seam-pill:hover{border-color:var(--accent);background:var(--active-tint)}.seam-menu{left:50%;transform:translate(-50%);min-width:172px;overflow:visible}.seam-opt{display:flex;align-items:center;gap:8px;border:none;background:none;text-align:left;padding:7px 9px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink)}.seam-opt:hover{border:none;background:var(--chip-bg)}.seam-opt.on{background:var(--active-tint);color:var(--accent-strong)}.seam-len{padding:6px 9px 4px}.builder-item .item-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;flex:0 0 auto}.builder-item .grab{color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;align-self:stretch;padding:0 10px;margin:-12px 0 -12px -16px}@media(max-width:768px){.builder-item .grab{padding:0 14px}}body.row-dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}.builder-row-wrap{position:relative}.builder-row-wrap.drag-float{z-index:6}.builder-row-wrap.drag-float .grab{cursor:grabbing}.builder-row-wrap.drag-float .builder-item{box-shadow:var(--shadow-card);border-radius:10px;outline:1px solid var(--line)}.builder-row-wrap.drag-float .builder-seam{visibility:hidden}.tree-actions button,.ghost-edit{display:inline-flex;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--muted)}.icon-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.icon-btn.hold-on{background:var(--warn-tint);border-color:var(--warn-line);color:var(--warn-ink)}.icon-btn.danger{color:var(--danger);border-color:var(--danger-line)}.icon-btn.danger:hover{background:var(--danger-tint)}.media-thumb.folder-icon,.media-thumb.placeholder{color:#7a8aa0}.builder-item .pos{width:26px;height:26px;border-radius:50%;background:var(--chip-bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted)}.builder-item .grow{flex:1;min-width:200px}.builder-item .grow b{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.builder-item .flags{display:flex;gap:6px;flex:0 0 auto}.builder-item>.icon-btn{flex:0 0 auto}@media(max-width:900px){.admin-main{padding:18px 16px 48px}}@media(max-width:640px){.admin{flex-direction:column}.admin-main{order:1}.admin-nav{order:2;width:100%;flex:0 0 auto;flex-direction:row;align-items:stretch;justify-content:space-around;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.14)}.admin-nav .brand,.admin-nav .spacer{display:none}.admin-nav a{flex:1 1 0;margin:0 2px;padding:6px 2px;gap:2px;min-width:0}.admin-nav .who{flex-direction:row;align-items:center;border-top:none;padding:0 4px;margin:0}}@media(max-width:800px){.pl-manager{grid-template-columns:1fr}.pl-tree{max-height:260px}}@media(max-width:860px){.filter-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0 20px;max-height:none;align-items:start}.filter-panel-head,.filter-manage{grid-column:1 / -1}}@media(max-width:560px){.week-grid{grid-template-columns:1fr;gap:8px}.week-col{min-height:0}.week-col-body{max-height:none;padding:6px 8px}.sched-add{padding:2px 4px}.month-grid{gap:3px}.m-chip{font-size:0;height:8px;padding:0;border-radius:3px}.row-between>div{flex-wrap:wrap}}@media(max-width:560px){.modal{max-width:calc(100vw - 20px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.modal-head{padding:14px 16px 10px}.modal-body{padding:0 16px 16px}.modal-actions{flex-wrap:wrap}.detail-status{grid-template-columns:1fr 1fr}.detail-facts{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}}@media(hover:none){.browser-add,.sched-add,.ghost-edit,.tagmgr-row .tree-actions{opacity:1}.tree-actions{display:inline-flex}}.admin-nav{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left)}.admin-main{padding-top:calc(28px + env(safe-area-inset-top));padding-bottom:calc(60px + env(safe-area-inset-bottom))}@media(max-width:900px){.admin-main{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(48px + env(safe-area-inset-bottom))}}.panel.scroll-x{overflow-x:auto}@media(max-width:560px){.builder-item{flex-wrap:wrap;row-gap:8px}.builder-item .grow{min-width:55%}.builder-item>.icon-btn{margin-left:auto}}.upl-row td{opacity:.9}.upl-row.failed b{color:var(--danger)}.upl-track{margin-top:6px;height:4px;max-width:340px;border-radius:2px;background:var(--line);overflow:hidden}.upl-bar{height:100%;width:0;border-radius:2px;background:var(--accent);transition:width .25s ease}.upl-bar.indeterminate{width:40%;animation:upl-slide 1.2s ease-in-out infinite}@keyframes upl-slide{0%{margin-left:-40%}to{margin-left:100%}}.upl-error{color:var(--danger);font-size:12px;margin-top:3px}.badge.upl-failed{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.who-avatar-btn{border:none;background:none;padding:0;cursor:pointer;display:flex;border-radius:50%}.who-avatar-btn:hover .who-avatar{box-shadow:0 0 0 2px #ffffff59}img.who-avatar-img{object-fit:cover;display:block}img.avatar-img{object-fit:cover}.settings-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:18px;border-radius:12px}.settings-avatar-row.drop-hot{outline:2px dashed var(--accent);outline-offset:4px}.settings-avatar.clickable{cursor:pointer}.avatar-crop{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px}.avatar-crop-stage{position:relative;overflow:hidden;border-radius:50%;border:1px solid var(--line);background:#0e1510;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage img{pointer-events:none}.avatar-crop-zoom{display:flex;align-items:center;gap:10px;width:240px;color:var(--muted);font-size:15px;font-weight:700}.avatar-crop-zoom input[type=range]{flex:1;padding:0}.avatar-crop-actions{display:flex;gap:8px}.settings-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto}.settings-avatar-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-size:22px;font-weight:700}.settings-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line)}.settings-inline-err{color:var(--danger);font-size:13px;margin-top:6px}.settings-inline-ok{color:var(--ok);font-size:13px;margin-top:6px}.builder-item .mode-group{display:inline-flex;flex:0 0 auto}.builder-item .mode-group .icon-btn{border-radius:0}.builder-item .mode-group .icon-btn+.icon-btn{margin-left:-1px}.builder-item .mode-group .icon-btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.builder-item .mode-group .icon-btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.builder-item .mode-group .icon-btn.on,.builder-item .mode-group .icon-btn.hold-on{position:relative;z-index:1}.dest-bar{max-width:100%}.dest-summary{border:none;background:none;padding:2px 0;font-size:13px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dest-summary:hover{border:none;background:none}.dest-summary .tag-bar-none{font-weight:500}.dest-menu{width:330px;max-width:calc(100vw - 32px);max-height:340px;padding:10px 12px 12px}.dest-menu .filter-group{margin-top:10px}.dest-menu .filter-group:first-child{margin-top:0}.dest-menu .filter-group-title{display:flex;align-items:center;gap:5px}.dest-menu .filter-row.disabled{opacity:.45;cursor:default}.dest-menu .filter-row.disabled:hover{background:none}.dest-none{font-size:13px;font-style:italic;font-weight:600;color:var(--danger)}.admin-nav .who{position:relative}.who-menu{position:absolute;left:calc(100% + 12px);bottom:0;z-index:40;min-width:170px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-menu)}.who-menu button{display:flex;align-items:center;gap:9px;border:none;background:none;text-align:left;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--ink)}.who-menu button:hover{background:var(--hover);border:none}@media(max-width:640px){.who-menu{left:auto;right:0;bottom:calc(100% + 10px)}}.avail-bar .chip{padding:4px 10px}.avail-window{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.avail-bar input{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:4px 8px;font-size:13px;color:var(--ink)}@media(max-width:560px){.builder-targets .tag-bar,.builder-avail .tag-bar{width:100%}}.builder-title-actions{display:inline-flex;gap:8px;flex:0 0 auto}@media(max-width:560px){.builder-title .title-input{flex-basis:100%}}.builder-panel{overflow:visible}.builder-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:0;border-bottom:1px solid var(--line)}.builder-strip-head{background:var(--panel-alt);border-radius:12px 12px 0 0}.builder-strip .title-input{font-size:18px}.builder-panel .builder-list{border-radius:0 0 12px 12px;overflow:visible}@media(max-width:560px){.builder-strip .tag-bar{width:100%}.builder-strip .tag-bar-label{width:100%;border-right:none;padding-right:0}.builder-strip .avail-window>.muted{display:none}}.detail-hero .detail-stage{width:100%;min-width:0}@media(max-width:640px){.media-toolbar .search-input{margin-left:0!important;flex:1 1 100%;width:auto}}.theme-editor-form input[type=color]{width:40px;height:30px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--input-bg);cursor:pointer}.stale-note{grid-column:1 / -1;font-size:12px;color:var(--warn-ink);background:var(--warn-tint);border:1px solid var(--warn-line);border-radius:7px;padding:5px 9px}.remote{min-height:100vh;background:linear-gradient(170deg,#0b3d5c,#04121c);color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:24px 18px 40px;max-width:520px;margin:0 auto;box-sizing:border-box}.remote header{text-align:center;margin-bottom:26px}.remote .screen-name{font-family:Georgia,serif;font-size:26px;font-weight:700}.remote .now{color:#aecbe0;margin-top:6px;font-size:15px}.remote .transport{display:flex;gap:14px;justify-content:center;margin-bottom:16px}.remote .transport.flash{animation:flash .25s ease}@keyframes flash{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.remote .t-btn{flex:1;font-size:20px;letter-spacing:.12em;padding:20px 0 16px;border-radius:18px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.remote .t-btn span{font-size:13px;letter-spacing:.02em;font-weight:600;opacity:.85}.remote .t-btn .pp{display:flex;align-items:center;gap:2px;opacity:1}.remote .t-btn:active{background:#ffffff38}.remote .t-btn.play{background:#f4a300;color:#04121c;flex:1.3}.remote .dpad-row{display:flex;gap:14px;margin-bottom:30px}.remote .dpad-row button{flex:1;padding:16px 0;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-size:16px;font-weight:600}.remote .section-label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#8fb2ca;margin-bottom:12px}.remote .playlists{display:flex;flex-direction:column;gap:12px}.remote .pl{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:14px;border:2px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;font-size:18px;font-weight:600;text-align:left}.remote .pl:active{background:#ffffff29}.remote .pl.current{border-color:#f4a300}.remote .pl .dot{font-size:12px;color:#f4a300;font-weight:700}.remote-msg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#04121c;color:#cfe0ec;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:30px;text-align:center}.remote-msg.error{color:#ffb4ab}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--text: #ffffff;--bg: #0b110d;--accent: #8bc53f;--muted: rgba(255, 255, 255, .62);--card: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#000;overflow:hidden;font-family:Inter Variable,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.player{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;width:100vw}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:2.2vh 3vw;z-index:5}.topbar .logo{height:4.4vh}.clock{font-variant-numeric:tabular-nums;font-size:2.4vh;color:var(--muted);letter-spacing:.02em}.clock .time{color:var(--text);font-weight:600}.hint{position:absolute;bottom:2.4vh;left:0;right:0;text-align:center;color:var(--muted);font-size:1.8vh;z-index:5}.hint kbd{background:var(--card);border:1px solid var(--card-border);border-radius:6px;padding:.2em .55em;margin:0 .15em;font-family:inherit;font-size:.9em}.home{height:100%;display:flex;align-items:center;justify-content:space-between;gap:4vw;padding:7vh 6vw}.home-left{display:flex;flex-direction:column;gap:5vh}.home-logo{height:7vh;align-self:flex-start;object-fit:contain}.home-clock .t{font-size:15vh;line-height:.9;font-weight:800;letter-spacing:-.02em;color:var(--primary-text);font-variant-numeric:tabular-nums}.home-clock .d{font-size:4vh;font-weight:600;margin-top:1vh;color:var(--primary-text);opacity:.85}.home-right{display:flex;flex-direction:column;gap:1.8vh;width:36vw;flex:0 0 auto}.home-btn{display:flex;align-items:center;justify-content:space-between;gap:1vw;padding:2.6vh 2vw;border-radius:12px;font-size:3vh;font-weight:600;background:var(--secondary-btn);color:var(--secondary-btn-text);transition:transform .12s ease,box-shadow .12s ease}.home-btn .on{font-size:1.5vh;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.home-btn.focused{background:var(--primary-btn);color:var(--primary-btn-text);transform:scale(1.03);box-shadow:0 8px 30px #00000059}.home-empty{color:var(--primary-text);opacity:.6;font-size:2.4vh;text-align:center;padding:3vh 0}.playlist{height:100%;display:flex;flex-direction:column}.playlist-top{display:flex;align-items:flex-start;justify-content:space-between;padding:5vh 5vw 0}.pl-logo{height:6vh;object-fit:contain}.pl-title{text-align:right;color:var(--primary-text)}.pl-title .nm{font-size:4.5vh;font-weight:700}.pl-title .tm{font-size:2.4vh;opacity:.8;font-variant-numeric:tabular-nums}.pl-strip{flex:1;display:flex;align-items:center;gap:2vw;padding:0 5vw;overflow-x:auto;scroll-behavior:smooth}.pl-strip::-webkit-scrollbar{display:none}.pl-card{flex:0 0 auto;width:22vw;border-radius:12px;overflow:hidden;background:#00000040;border:3px solid transparent;transition:transform .12s ease,border-color .12s ease}.pl-card.focused{border-color:var(--primary-btn);transform:translateY(-1.5vh) scale(1.04);box-shadow:0 14px 44px #00000080}.pl-card .frame{position:relative;aspect-ratio:16 / 9;background:#0c130e}.pl-card .frame img{width:100%;height:100%;object-fit:cover;display:block}.pl-card .kind{position:absolute;top:8px;left:8px;font-size:1.3vh;padding:.25em .6em;border-radius:6px;background:#0009;color:#fff;text-transform:uppercase;letter-spacing:.06em}.pl-card .label{padding:1.4vh 1vw;color:var(--primary-text)}.pl-card .label .nm{display:block;font-size:2vh;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card .label .flags{display:block;margin-top:.3em;font-size:1.5vh;color:var(--primary-text);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playback{height:100%;background:#000;display:flex;align-items:center;justify-content:center}.playback img,.playback video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#000}.playback .status{position:absolute;top:3vh;right:3vw;display:flex;gap:.6vw;align-items:center;z-index:6}.pill{background:#0000008c;border:1px solid var(--card-border);border-radius:999px;padding:.5vh 1vw;font-size:1.7vh;color:var(--text)}.pill.hold{background:var(--accent);color:#0b110d;font-weight:700}.playback .poster{text-align:center;color:var(--muted)}.playback .poster .big{font-size:4vh;color:var(--text);margin-bottom:1vh}.player:focus,.player:focus-visible{outline:none}.playback img.ghost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.playback video.ghost-live{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.playback video.live-top,.playback img.live-top{position:relative;z-index:2}.playback video.standby{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none}.video-starting{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4vh;background:#000;color:#fff;opacity:0;animation:beacon-fade-in .2s ease .2s forwards;pointer-events:none}.video-starting .nm{font-size:3.2vh;font-weight:700}.video-starting .spin{width:5vh;height:5vh;border-radius:50%;border:.6vh solid rgba(255,255,255,.2);border-top-color:var(--primary-btn, #8bc53f);animation:beacon-spin .9s linear infinite}@keyframes beacon-fade-in{to{opacity:1}}@keyframes beacon-spin{to{transform:rotate(360deg)}}.cmd-debug{position:fixed;top:8px;left:8px;z-index:40;font:12px/1.4 monospace;color:#0f0;background:#000000b8;padding:5px 9px;border-radius:6px;pointer-events:none}.controls{position:absolute;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;gap:1.6vw;padding:2vh 4vw calc(2vh + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#000000b8,#0000)}.ctl-play{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:6vh;height:6vh;min-width:44px;min-height:44px;padding:1.3vh;border:none;border-radius:50%;background:var(--primary-btn, var(--accent));color:var(--primary-btn-text, #0b110d);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.ctl-play:active{transform:scale(.92)}.ctl-skip{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:5vh;height:5vh;min-width:40px;min-height:40px;padding:1.2vh;border:none;border-radius:50%;background:var(--secondary-btn, rgba(255, 255, 255, .14));color:var(--secondary-btn-text, #fff);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.ctl-skip:active{transform:scale(.92)}.controls .t{font-variant-numeric:tabular-nums;font-size:1.8vh;color:#fff;min-width:6vw;text-align:center}.ctl-range{flex:1;height:.9vh;min-height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary-btn, var(--accent)) var(--pct, 0%),rgba(255,255,255,.28) var(--pct, 0%));border-radius:999px;outline:none;cursor:pointer}.ctl-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.4vh;height:2.4vh;min-width:18px;min-height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080}.ctl-range::-moz-range-thumb{width:2.4vh;height:2.4vh;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080}.loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:2.4vh}.status-overlay{position:fixed;left:2.2vh;bottom:2.2vh;z-index:20;display:flex;align-items:center;gap:1.2vh;max-width:46vw;padding:1vh 1.8vh 1vh 1.4vh;border-radius:999px;color:#fff;background:#00000080;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:Inter Variable,Helvetica Neue,Helvetica,Arial,sans-serif}.status-overlay .dot{flex:0 0 auto;width:1.3vh;height:1.3vh;border-radius:50%;background:#33c56e;box-shadow:0 0 0 .5vh #33c56e33}.status-overlay.syncing .dot{background:#f4a300;box-shadow:0 0 0 .5vh #f4a30033;animation:statuspulse 1.2s infinite}.status-overlay.offline .dot{background:#e5533c;box-shadow:0 0 0 .5vh #e5533c33}@keyframes statuspulse{0%,to{opacity:1}50%{opacity:.35}}.status-overlay .txt{line-height:1.25;min-width:0}.status-overlay .p{font-size:1.8vh;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-overlay .s{font-size:1.5vh;opacity:.7}.status-overlay .pbar{flex:0 0 auto;width:10vh;height:.7vh;border-radius:999px;background:#fff3;overflow:hidden}.status-overlay .pbar span{display:block;height:100%;background:#8bc53f;transition:width .2s ease}.status-overlay .err{flex:0 0 auto;color:#ffb4ab;font-weight:800}.pair{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(120vh 80vh at 50% 30%,#17331c,#0b110d 70%);color:#fff;font-family:Inter Variable,Helvetica Neue,Helvetica,Arial,sans-serif}.pair-lockup{display:flex;align-items:center;justify-content:center;gap:3vh;margin-bottom:.8vh}.pair-lockup svg{width:9.5vh;height:auto;flex:0 0 auto}.pair-title{font-size:7.2vh;font-weight:700;letter-spacing:.07em;line-height:1}.pair-sub{color:#b7c9b9;font-size:2.4vh;margin-top:.5vh}.pair-code{margin:5vh 0 4vh;font-size:14vh;font-weight:700;letter-spacing:1.2vh;padding-left:1.2vh;color:#fff;font-variant-numeric:tabular-nums}.pair-steps{font-size:2.6vh;line-height:1.6;color:#cfe0ec}.pair-steps b{color:#fff}.pair-wait{margin-top:6vh;color:#93a698;font-size:2vh;display:flex;align-items:center;justify-content:center}.pair-wait .dots{display:inline-flex;gap:.5vh;margin-left:.8vh}.pair-wait .dots i{width:.55vh;height:.55vh;border-radius:50%;background:currentColor;animation:pairdot 1.4s ease-in-out infinite}.pair-wait .dots i:nth-child(2){animation-delay:.2s}.pair-wait .dots i:nth-child(3){animation-delay:.4s}@keyframes pairdot{0%,60%,to{opacity:.25}30%{opacity:1}}