:root{--bg-main: #090d16;--bg-card: #121826;--bg-card-hover: #172033;--bg-surface: #1b253b;--bg-surface-glass: rgba(23, 32, 51, .75);--bg-input: #0b0f19;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: #1e293b;--border-focus: #00e676;--accent-g2: #00e676;--accent-g2-glow: rgba(0, 230, 118, .25);--accent-pebble: #f59e0b;--accent-wearos: #38bdf8;--provider-plex: #e5a00d;--provider-jellyfin: #aa5cc3;--color-primary: var(--accent-g2);--color-primary-text: #05140b;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #10b981;--color-warning: #f59e0b;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);accent-color:var(--accent-g2);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,.media-item,.breadcrumb-item{transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}html{height:100%}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);min-height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;padding:0;margin:0;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hidden{display:none!important;opacity:0;pointer-events:none}.app-header{position:sticky;top:0;z-index:40;width:100%;background:#090d16eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:640px;margin:0 auto;padding:10px 16px}.header-server{flex:0 0 auto;max-width:160px}#header-server-select{width:100%;padding:6px 10px;font-size:.8rem;font-weight:600;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}#header-server-select:focus{border-color:var(--border-focus)}.header-breadcrumbs{flex:1 1 auto;display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;font-size:.82rem;color:var(--text-secondary);scrollbar-width:none}.header-breadcrumbs::-webkit-scrollbar{display:none}.breadcrumb-item{color:var(--text-secondary);cursor:pointer;text-decoration:none}.breadcrumb-item:hover{color:var(--text-primary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:600;cursor:default}.breadcrumb-sep{color:var(--text-muted);user-select:none}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.section{background:var(--bg-card);border:1px solid var(--border-subtle);padding:24px;border-radius:var(--radius-md);width:calc(100% - 32px);max-width:640px;margin:18px auto 24px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-g2),transparent)}h2,h3{font-family:var(--font-sans);font-weight:700;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.02em}h2{font-size:1.35rem;display:flex;align-items:center;gap:10px}h2:before{content:"";display:inline-block;width:4px;height:18px;background:var(--accent-g2);border-radius:2px}h3{font-size:1.08rem;color:var(--text-secondary);margin-top:28px;margin-bottom:14px}.input-group{margin-bottom:24px}label{display:block;margin-bottom:8px;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}input[type=text],input[type=url],input[type=password],select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.95rem;border-radius:var(--radius-sm);outline:none}input:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-g2-glow)}:root{--control-height: 42px;--range-width: 220px}.form-row{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.form-row>button,.form-row>select,.form-row>input,.form-row>label,.control-row>button,.control-row>select{margin-top:0;margin-bottom:0}.form-row>button,.form-row>select,.form-row>input{align-self:stretch}button,select,input[type=text],input[type=url],input[type=password]{min-height:var(--control-height)}.header-server select{min-height:0}.control-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;margin-bottom:6px}.control-row label{margin-bottom:0;text-transform:none;font-size:.9rem;color:var(--text-primary);letter-spacing:normal}.control-row input[type=range]{flex:1;max-width:var(--range-width)}.range-field{display:flex;flex-direction:column;gap:5px;flex:1 1 auto;min-width:0;max-width:var(--range-width)}.range-field input[type=range]{width:100%;max-width:none;margin:0;flex:0 0 auto}.range-ends{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.range-ends .text-muted{margin:0;font-size:.74rem;line-height:1.2;white-space:nowrap}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-g2)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--border-subtle);border-radius:3px;outline:none;padding:0;margin:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-g2);box-shadow:0 0 10px var(--accent-g2-glow);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-g2);box-shadow:0 0 10px var(--accent-g2-glow);cursor:pointer;border:none}button{width:100%;padding:13px 18px;border:none;font-family:var(--font-sans);font-weight:600;font-size:.92rem;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;text-align:center}button:disabled{background:var(--border-subtle);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);font-weight:700;box-shadow:0 3px 12px var(--accent-g2-glow)}.btn-primary:hover:not(:disabled){background:#1aff8c;box-shadow:0 4px 18px var(--accent-g2-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-focus)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-link,.btn-ghost{display:block;width:100%;padding:8px 0;border:0;background:none;color:var(--text-muted);font-size:.88rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.btn-link:hover,.btn-ghost:hover{color:var(--text-primary)}.icon-btn{width:auto;flex:0 0 auto;min-width:40px;min-height:40px;margin:0;border:0;background:none;color:var(--text-secondary);font-size:1.15rem;line-height:1;padding:6px;border-radius:var(--radius-sm);cursor:pointer}.icon-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.segmented{display:flex;gap:6px}.segmented .btn-secondary{width:auto;margin-bottom:0;padding:6px 14px;font-size:.82rem}.segmented .btn-secondary.active{background:#00e67626;border-color:var(--accent-g2);color:var(--accent-g2);font-weight:700}#results-list,#source-list,#recent-list,#root-list,#server-list{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:24px;overflow-y:auto}#results-list{max-height:52vh;min-height:140px}.media-item{padding:14px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;overflow:hidden}.media-item:hover{background:var(--bg-card-hover);padding-left:18px}.media-item:last-child{border-bottom:none}.media-info{flex:1 1 auto;min-width:0;overflow:hidden}.media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-primary);font-size:.92rem}.media-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--text-muted);margin-top:2px}.tags{display:flex;gap:6px;flex-shrink:0}.status-row{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:.9rem;color:var(--text-secondary)}.status-indicator{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--text-muted)}.status-indicator.active{background:var(--accent-g2);box-shadow:0 0 0 3px var(--accent-g2-glow)}.status-indicator.error{background:var(--color-danger);box-shadow:0 0 0 3px #ef444440}.player-error{margin:0 0 16px;padding:12px 14px;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);font-size:.9rem}.tag-badge{background:#00e6761a;color:var(--accent-g2);padding:2px 7px;border-radius:4px;font-size:.7rem;font-weight:700;border:1px solid rgba(0,230,118,.25);text-transform:uppercase}.tag-plex{background:#e5a00d1f;color:var(--provider-plex);border-color:#e5a00d4d}.tag-jellyfin{background:#aa5cc31f;color:var(--provider-jellyfin);border-color:#aa5cc34d}.tag-wait{background:#f59e0b1f;color:var(--color-warning);border-color:#f59e0b59}.tag-bad{background:#ef44441a;color:var(--color-danger);border-color:#ef444459}.tag-off{background:transparent;color:var(--text-muted);border-color:#64748b59}.tag-struck{text-decoration:line-through;text-decoration-thickness:1.5px}.media-item.unplayable .media-title{color:var(--text-muted)}.media-item.unplayable{cursor:default}.media-item.unplayable .tag-badge:not(.tag-bad):not(.tag-off){background:transparent;color:var(--text-muted);border-color:#64748b59}.media-subtitle.note-bad{color:var(--color-danger)}.load-progress-container{margin-top:20px;margin-bottom:24px}.load-progress-label{font-size:.85rem;color:var(--text-muted);margin-bottom:10px;text-align:center}.load-progress-track{position:relative;width:100%;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.load-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--accent-g2);border-radius:4px;transition:width .2s ease}.load-progress-container.indeterminate .load-progress-fill{width:35%;transition:none;animation:load-progress-indeterminate 1.1s ease-in-out infinite}@keyframes load-progress-indeterminate{0%{left:-35%}to{left:100%}}#player-container{position:relative;width:100%;background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;margin-top:16px;margin-bottom:24px}#seek-image{width:100%;height:auto;display:block;aspect-ratio:16/9;background:#000;object-fit:contain}#subtitle-overlay{position:absolute;bottom:20px;left:16px;right:16px;text-align:center;font-size:clamp(1rem,3.5vw,1.25rem);font-weight:600;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.95);pointer-events:none;min-height:1.6em;line-height:1.35}#controls{margin-top:8px;margin-bottom:20px;width:100%;display:flex;flex-direction:column;gap:18px}#controls #play-btn{margin-bottom:0}.timeline-row{display:flex;align-items:center;gap:16px;width:100%}.timeline-row input[type=range]{flex:1}#time-display{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);white-space:nowrap;min-width:80px;text-align:right}.now-playing{margin-bottom:18px}.np-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.np-text{flex:1;min-width:0}.np-still{flex:none;width:33%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-sm);background:#000}.np-show{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-bottom:4px}.now-playing .np-title{margin:0 0 6px}.np-meta{color:var(--text-muted);font-size:.82rem}.np-summary{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.transport{display:flex;gap:12px}.transport button{flex:1;margin:0}.btn-icon{gap:8px}.btn-icon svg{width:18px;height:18px;flex:none}.preview-section{margin-top:4px;border-top:1px solid var(--border-subtle);padding-top:12px}.preview-section>summary{cursor:pointer;color:var(--text-secondary);font-size:.85rem;font-weight:600;list-style:none}.preview-section>summary::-webkit-details-marker{display:none}.preview-section>summary:before{content:"▸";display:inline-block;margin-right:6px;transition:transform .15s}.preview-section[open]>summary:before{transform:rotate(90deg)}.pin-container{background:var(--bg-input);border:1px dashed var(--accent-g2);border-radius:var(--radius-md);padding:24px;margin:24px 0;text-align:center}.pin-display{font-size:2.5rem;letter-spacing:8px;font-weight:800;text-align:center;color:var(--accent-g2);margin:12px 0;font-family:var(--font-mono);text-shadow:0 0 12px var(--accent-g2-glow);width:100%}.single-preview-figure{width:100%;max-width:320px;margin:16px auto 24px;display:flex;flex-direction:column;align-items:center}.single-preview-figure img{width:256px;height:144px;display:block;background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);image-rendering:pixelated;object-fit:contain}.single-preview-figure figcaption{margin-top:10px;font-size:.84rem;line-height:1.4;color:var(--text-muted);text-align:center;min-height:2.5em}#preview-area{margin:20px 0 28px}#preview-note{margin:12px 0 16px}.settings-preview-area{margin:12px 0 16px;padding:12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}#preview-strip{display:flex;gap:10px;overflow-x:auto;margin:12px 0}.preview-scene{margin:0;flex:0 0 auto;width:256px}.preview-scene img{width:256px;height:144px;display:block;background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);image-rendering:pixelated}.preview-scene figcaption{margin-top:6px;font-size:.75rem;line-height:1.35;color:var(--text-muted);min-height:2.5em}dialog.settings-dialog{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);padding:0;max-width:620px;width:calc(100% - 32px);margin:auto;box-shadow:var(--shadow-card);overflow:hidden;max-height:90vh}dialog.settings-dialog::backdrop{background:#04070dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-card{padding:24px;overflow-y:auto;max-height:90vh}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.dialog-head h2{margin-bottom:0}.dialog-card h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-top:36px;margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.dialog-card h3:first-of-type{margin-top:8px}.dialog-card .control-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;margin-bottom:0;min-height:32px}.dialog-card .control-row:has(.range-field){align-items:flex-start}.dialog-card .control-row:has(.range-field)>label{line-height:32px}.dialog-card .control-row .range-field{padding-top:10px}.dialog-card .control-row:has(input[type=range])>label{flex:0 0 96px}.dialog-card input[type=checkbox]{width:22px;height:22px;margin:0;flex:0 0 auto;accent-color:var(--accent-g2)}.dialog-card .control-row input[type=range]{flex:1;max-width:var(--range-width)}.dialog-card .range-field input[type=range]{max-width:none;flex:0 0 auto}.dialog-card p.text-muted{margin-top:8px;margin-bottom:0;line-height:1.5;font-size:.84rem}.dialog-card p.text-muted:empty{display:none}.dialog-card .segmented{gap:8px}.dialog-card .segmented .btn-secondary{padding:8px 16px;font-size:.85rem}.dialog-card .control-stack{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:0}.dialog-card .control-stack label{margin-bottom:0;text-transform:none;font-size:.9rem;color:var(--text-primary);letter-spacing:normal}.segmented-full{width:100%}.dialog-card .segmented-full .btn-secondary{flex:1 1 0;min-width:0;padding:8px 4px}.dialog-card #picture-reset{margin-top:28px;margin-bottom:0}#settings-preview-wrap{margin:20px 0 0}.dialog-card p#settings-preview-empty{margin:20px 0 0;padding:14px;background:var(--bg-input);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);text-align:center}.text-muted{color:var(--text-muted);font-size:.82rem;margin:6px 0}.tlm-out{margin-top:16px;padding:12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.72rem;line-height:1.45;color:var(--text-primary);white-space:pre;overflow-x:auto;user-select:text;-webkit-user-select:text}#tlm-panel .tlm-row,#tlm-panel .tlm-stats,#tlm-panel .tlm-checks,#tlm-panel .tlm-out{margin-top:12px;margin-bottom:0}.tlm-even>.btn-inline{flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px;white-space:nowrap}.tlm-checks{display:flex;flex-direction:column;gap:8px}.tlm-checks .tlm-check{flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:12px 14px;text-align:left}.tlm-check-label{font-size:.9rem}#tlm-panel .tlm-check .tlm-check-detail{margin:0;font-size:.8rem;font-weight:400;line-height:1.4}.btn-inline{width:auto;flex:0 0 auto;padding:9px 14px;font-size:.85rem}.tlm-end{margin-left:auto}.tlm-divider{border:0;border-top:1px solid var(--border-subtle);margin:36px 0 0}.tlm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.tlm-stat{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.tlm-stat-label{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.tlm-stat-value{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);margin-top:auto}.tlm-ok{color:var(--color-success)}.tlm-warn{color:var(--color-warning)}.tlm-bad{color:var(--color-danger)}#tlm-panel .tlm-relaunch{margin-top:12px;font-size:.8rem}.tlm-status:empty{display:none}#tlm-panel .text-muted{margin-top:12px;margin-bottom:0}#tlm-panel .dialog-head+.text-muted{margin-top:0}.tlm-console{max-height:260px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere}#tlm-panel .dialog-card h3:first-of-type{margin-top:36px}.header-actions .icon-btn{margin-top:-4px;margin-bottom:-4px}.np-note{color:var(--text-secondary);font-size:.88rem;margin:14px 0 0}.np-note.note-bad{color:var(--color-danger)}.np-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.np-actions button{flex:1 1 140px;margin:0}.row-action{width:auto;margin:0 0 0 8px;padding:6px 10px;font-size:.75rem;flex:none}#subs-results{display:flex;flex-direction:column;gap:8px;margin:12px 0 16px}.subs-candidate{width:100%;margin:0;font-weight:400;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-input, transparent);cursor:pointer;text-align:left}.subs-candidate:hover{border-color:#00e67666}.subs-candidate .sc-text{min-width:0}.subs-candidate .sc-title{font-size:.88rem;color:var(--text-primary);overflow-wrap:anywhere}.subs-candidate .sc-meta.sc-warn{color:var(--color-warning)}.subs-candidate .sc-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.subs-candidate.busy{opacity:.6;pointer-events:none}.np-embedded{border:1px solid rgba(245,158,11,.35);background:#f59e0b0f;border-radius:var(--radius-sm);padding:14px;margin:0 0 14px}.np-embedded-lead{color:var(--text-primary);font-size:.9rem;margin:0 0 12px}.np-choices{display:flex;gap:12px}.np-choice{flex:1;min-width:0}.np-choice button{margin:0 0 6px}.np-choice p{color:var(--text-muted);font-size:.78rem;line-height:1.4;margin:0}.load-cancel{margin:12px 0 0}