@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.line-through{text-decoration-line:line-through}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color-scheme:dark;color:#d6d9df;font-synthesis:none;background:#17191d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}button,a,input,textarea,select{outline-offset:3px}a{color:inherit}button:focus-visible{outline:2px solid #ff756b}.app{max-width:1200px;margin:0 auto;padding:0 24px}.app-header{border-bottom:1px solid #303239;justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.brand{object-fit:contain;background:#fff;border-radius:6px;width:115px;height:38px}.header-actions{align-items:center;gap:10px;display:flex}.save-status{color:#7e848f;margin-right:10px;font-size:.75rem}.icon-button{color:#797f8a;border-radius:5px;justify-content:center;align-items:center;gap:2px;min-width:30px;min-height:32px;padding:7px;display:inline-flex}.icon-button:hover{color:#e4e7ec;background:#2a2d34}.workspace{grid-template-columns:minmax(0,1fr);gap:25px;display:grid}.workspace.with-player{grid-template-columns:minmax(0,1fr) 355px}.main{min-width:0;padding-top:20px}.list-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.view-tabs{align-items:center;gap:3px;display:flex}.view-tabs button{color:#858b96;white-space:nowrap;border-radius:5px;min-height:34px;padding:7px 12px;font-size:.875rem}.view-tabs button.active{color:#e5e7eb;background:#2e3138}.view-tabs button:hover{color:#edeef1}.view-tabs button span{color:#fd8c82;margin-left:6px;font-size:.7rem}.search{color:#6c737f;align-items:center;gap:8px;max-width:200px;display:flex}.search input{color:#d6d9df;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:.875rem}.quick-add{color:#777e8a;border:1px dashed #3a3e47;border-radius:6px;align-items:center;gap:10px;height:42px;margin-bottom:17px;padding:8px 11px;display:flex}.quick-add input{color:#dedfe4;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:.875rem}.quick-add:focus-within{border-color:#bd655f}.quick-add input::placeholder{color:#7d8390}.group-list{flex-direction:column;gap:15px;display:flex}.group-heading{color:#c4c8d0;background:#21242a;border-radius:5px;align-items:center;gap:1px;min-height:34px;padding:0 5px;display:flex}.group-toggle{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:6px;font-size:.875rem;font-weight:600;display:flex}.group-toggle svg{color:#737b89;flex-shrink:0}.group-toggle svg.collapsed{transform:rotate(-90deg)}.group-toggle small{color:#6f7785;margin-left:3px;font-size:.75rem;font-weight:400}.drag-handle{color:#4a5260;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;min-height:34px;padding:3px;display:inline-flex}.drag-handle:hover{color:#a3abb7}.drag-handle:active{cursor:grabbing}.video-row{border-bottom:1px solid #292c33;align-items:center;gap:10px;min-height:54px;padding:5px;display:flex}.video-row:hover{background:#1f2228}.video-row.selected{background:#302420}.video-row input[type=checkbox]{appearance:none;cursor:pointer;border:1px solid #515967;border-radius:4px;flex-shrink:0;width:17px;height:17px;margin:0}.video-row input[type=checkbox]:checked{background:#ff6458;border-color:#ff6458}.video-row input[type=checkbox]:checked:after{content:"✓";color:#17191d;text-align:center;font-size:13px;font-weight:800;line-height:15px;display:block}.thumbnail{background:#333740;border-radius:4px;flex-shrink:0;place-items:center;width:64px;height:36px;padding:0;display:grid;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumbnail>svg{color:#fff;filter:drop-shadow(0 1px 2px #000);opacity:.9;position:relative}.video-title{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:4px 0;font-size:.875rem;font-weight:450;line-height:1.4;display:flex}.video-title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-title small{color:#b47c74;flex-shrink:0;font-size:.7rem}.done .video-title>span{color:#797f8c;text-decoration:line-through}.row-channel{color:#666e7b;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.75rem;overflow:hidden}.favorited{color:#c6a35a}.queued{color:#f8877c}.video-row .icon-button{flex-shrink:0;min-width:28px;padding:5px}.empty-group{color:#555f6e;min-height:38px;padding:9px 40px;font-size:.8rem}.empty-state{color:#7a8390;padding:25px 10px;font-size:.875rem}.list-footer{color:#59616e;justify-content:space-between;padding:20px 6px;font-size:.75rem;display:flex}.group-menu{position:relative}.group-menu summary{cursor:pointer;color:#707a88;padding:6px;list-style:none;display:flex}.group-menu summary::-webkit-details-marker{display:none}.group-menu>div{z-index:8;background:#292d35;border:1px solid #414752;border-radius:6px;width:150px;padding:5px;position:absolute;top:28px;right:0;box-shadow:0 10px 30px #0005}.group-menu button{text-align:left;border-radius:4px;width:100%;padding:9px;font-size:.875rem;display:block}.group-menu button:hover{background:#393f49}.small-action{color:#8d929b;padding:8px;font-size:.75rem}.is-dragging{opacity:.35}[data-drag-over=true]{outline-offset:-1px;background:#342725;outline:1px solid #d9766e}.list-group[data-drag-over=true]>.group-heading{background:#42302e}.player-panel{border-left:1px solid #30343c;align-self:start;min-width:0;max-height:100dvh;padding:20px 0 25px 20px;position:sticky;top:0;overflow:auto}.panel-heading{align-items:center;gap:8px;font-size:.875rem;display:flex}.panel-heading>svg{color:#f8877c}.panel-heading>strong{flex:1;font-weight:550}.panel-heading>span{display:none}.player-container{aspect-ratio:16/9;background:#0d0e11;border-radius:5px;margin:15px 0 12px;overflow:hidden}.player-container iframe{border:0;width:100%;height:100%}.watch-heading{align-items:start;gap:10px;display:flex}.watch-heading h2{flex:1;margin:0;font-size:.875rem;font-weight:550;line-height:1.5}.watch-heading a{color:#7b8594;padding-top:2px}.channel{color:#697381;margin:5px 0 12px;font-size:.75rem}.player-controls{border-bottom:1px solid #30343c;align-items:center;gap:5px;margin-bottom:18px;padding-bottom:16px;display:flex}.player-controls select{color:#d3d6df;background:#272b33;border:0;border-radius:4px;margin-right:auto;padding:5px;font-size:.8rem}.button{background:#30353f;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 13px;font-size:.875rem;font-weight:550;display:inline-flex}.button:hover{background:#3a414d}.primary{color:#1b1717;background:#ff6458}.primary:hover{background:#ff8176}.player-controls .button{gap:4px;min-height:32px;padding:7px;font-size:.75rem}.complete-button{color:#8bc2a1}.notes-label{letter-spacing:.07em;color:#6c7583;margin-bottom:8px;font-size:.7rem;display:block}.notes{resize:vertical;color:#d3d7df;background:#1e2229;border:1px solid #363c46;border-radius:5px;width:100%;min-height:90px;padding:10px;font-size:.875rem;line-height:1.5}.bookmark-form{border:1px solid #363c46;border-radius:5px;align-items:center;margin:9px 0 5px;padding:2px 5px;display:flex}.bookmark-form input{color:#d3d7df;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:7px 3px;font-size:.8rem}.bookmark-row{align-items:center;gap:8px;padding:6px 0;font-size:.8rem;display:flex}.bookmark-row>span{overflow-wrap:anywhere;flex:1}.timestamp{color:#e9958e;font-variant-numeric:tabular-nums;background:#382925;border-radius:3px;padding:3px 5px;font-size:.75rem}.notice{color:#9ba9bb;background:#252c36;border-radius:5px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;padding:10px;font-size:.8rem;line-height:1.6;display:flex}.notice.error{color:#e7a29b;background:#3c2a27}.notice button{text-decoration:underline}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#23272e;border:1px solid #3a404a;border-radius:10px;width:450px;max-width:100%;max-height:90dvh;padding:24px;overflow:auto;box-shadow:0 20px 70px #0005}.modal-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.modal-heading h2{margin:0;font-size:1.1rem;font-weight:600}.modal p{color:#8a95a5;font-size:.875rem;line-height:1.6}.modal label{color:#aab2bf;margin:18px 0;font-size:.875rem;display:block}.modal input:not([hidden]){color:#dde0e6;background:#1c2027;border:1px solid #404854;border-radius:5px;width:100%;margin-top:8px;padding:10px;display:block}.optional{color:#707c8e;margin-top:4px;font-size:.75rem;display:block}.full{width:100%}.settings-modal h3{margin:22px 0 8px;font-size:.9rem;font-weight:600}.settings-actions{gap:8px;display:flex}.toast{color:#eff1f5;z-index:100;background:#343b47;border-radius:6px;align-items:center;gap:15px;max-width:calc(100% - 24px);padding:12px 16px;font-size:.875rem;line-height:1.5;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0004}.toast button{flex-shrink:0}.player-placeholder{display:none}@media(max-width:1000px){.row-channel{display:none}.workspace.with-player{grid-template-columns:minmax(0,1fr) 320px}.list-toolbar{flex-wrap:wrap}.search{max-width:150px}}@media(max-width:700px){.app{padding:0 12px}.app-header{height:58px}.brand{width:94px;height:32px}.save-status{display:none}.header-actions{gap:4px}.workspace,.workspace.with-player{display:block}.main{padding-top:12px}.list-toolbar{gap:10px;margin-bottom:12px}.view-tabs{gap:2px;width:100%}.view-tabs button{flex:1;padding:7px 10px;font-size:.85rem}.search{width:100%;max-width:none;padding:1px 8px 4px}.search input{min-height:27px}.quick-add{height:40px;margin-bottom:13px}.quick-add input{font-size:.85rem}.group-list{gap:12px}.group-heading{min-height:34px}.video-row{gap:7px;min-height:52px;padding:6px 2px}.thumbnail{width:48px;height:28px}.video-row .drag-handle{min-width:20px}.video-title{font-size:.85rem}.video-title>span{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.video-title small{display:none}.video-row .icon-button{min-width:28px;padding:4px}.video-row input[type=checkbox]{width:18px;height:18px}.drag-handle{min-height:38px}.list-footer{font-size:.7rem}.player-panel{border-top:1px solid #343944;border-left:0;max-height:none;margin-top:12px;padding:18px 0 25px;position:relative}.modal{padding:20px}.toast{width:max-content}.empty-group{padding-left:30px}.app-header .icon-button{min-width:36px;min-height:38px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.entry{min-width:0}.inline-player{background:#1d2026;border:1px solid #3c414a;border-top:0;border-radius:0 0 6px 6px;max-width:650px;max-height:none;margin:0 0 8px 32px;padding:14px 18px;position:relative;overflow:visible}.inline-player .player-container{max-width:560px;margin:12px 0}.entry:has(.inline-player)>.video-row{background:#302420;border-color:#d17d70;border-radius:5px 5px 0 0}.note-timecodes{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.account-watch{color:#9cabbf;align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;text-decoration:none;display:inline-flex}.account-watch:hover{color:#f4b1a5}.capture-modal{width:540px}.capture-preview{object-fit:contain;border-radius:4px;max-width:100%;max-height:200px;margin:16px auto;display:block}.capture-modal summary,.transcript-panel summary{cursor:pointer;color:#a3adbc;padding:9px 0;font-size:.875rem}.title-candidates{flex-direction:column;gap:4px;max-height:160px;display:flex;overflow:auto}.title-candidates button{text-align:left;background:#2f3540;border-radius:4px;padding:7px;font-size:.8rem}.extracted-text textarea{color:#c5cddd;background:#1c2027;border:1px solid #414957;width:100%;min-height:120px;padding:8px;font-size:.8rem}.transcript-panel{border-top:1px solid #343a44;margin-top:16px;padding-top:5px}.transcript-tools{align-items:center;gap:8px;display:flex}.transcript-import{cursor:pointer;align-items:center;gap:4px;display:flex}.transcript-help{color:#818d9d;font-size:.8rem;line-height:1.6}.transcript-help a{color:#bdc4d0;align-items:center;gap:4px;display:inline-flex}.transcript-search{color:#d2d9e2;background:#1e2229;border:1px solid #39424e;border-radius:4px;width:100%;margin:8px 0;padding:7px;font-size:.8rem}.transcript-lines{max-height:260px;font-size:.8rem;line-height:1.6;overflow:auto}.transcript-lines>div{border-bottom:1px solid #2c333e;align-items:baseline;gap:9px;padding:6px 0;display:flex}.transcript-lines .timestamp{flex-shrink:0}.transcript-editor{min-height:170px}.capture-modal a.button{font-size:.8rem;text-decoration:none}@media(max-width:700px){.inline-player{max-width:none;margin-left:0;padding:12px}.quick-add{gap:7px}.quick-add input{font-size:.8rem}.quick-add .icon-button{min-width:28px;padding:4px}.capture-modal .settings-actions{flex-wrap:wrap}}.inline-player{max-width:560px}.inline-player .player-container{width:min(100%,360px)}.player-notes>summary{cursor:pointer;color:#9ca8b8;padding:6px 0 12px;font-size:.8rem}.player-notes[open]>.notes-label{margin-top:4px}.inline-player .notes{min-height:64px}.inline-player .player-controls{margin-bottom:10px;padding-bottom:10px}@media(max-width:700px){.inline-player .player-container{width:100%}}.group-heading .group-toggle{flex:none;gap:0;min-width:28px;padding:6px 3px}.group-name-tools{align-items:center;gap:6px;min-width:0;display:inline-flex}.group-name{cursor:default;touch-action:pan-y;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.title-rename{opacity:0;color:#99a5b7;border-radius:4px;justify-content:center;align-items:center;min-width:28px;min-height:28px;display:inline-flex}.group-name-tools:hover .title-rename,.group-name-tools:focus-within .title-rename{opacity:1}.title-rename:hover{color:#e5eaf0;background:#353c47}.group-count{color:#6f7785;flex:1;margin-left:5px;font-size:.75rem}.fixed-group-name{font-size:.875rem;font-weight:600}.group-menu{margin-left:auto}@media(hover:none){.title-rename{display:none}}.inline-group-name{color:#e4e9f1;background:#181d24;border:1px solid #a76d63;border-radius:4px;outline:none;width:230px;min-width:100px;max-width:55%;padding:4px 7px;font-size:.875rem;font-weight:600}.row-mini{color:#8292a6}.row-mini:hover{color:#f1b2a9}.row-context{z-index:80;background:#282e38;border:1px solid #454d5b;border-radius:6px;width:220px;padding:5px;position:fixed;box-shadow:0 8px 30px #0006}.row-context button{text-align:left;border-radius:4px;width:100%;padding:10px;font-size:.875rem;display:block}.row-context button:hover,.row-context button:focus{background:#3a4351}.row-context .danger,.row-delete:hover{color:#f69c90}.row-options{display:none!important}.undo-delete{font-weight:650;text-decoration:underline}@media(max-width:700px){.video-row{gap:5px}.video-row .icon-button{min-width:24px;padding:3px}.row-options{display:inline-flex!important}.video-row .favorited,.video-row>button[aria-label^=Favorite]{display:none}.video-row .thumbnail{width:40px}.video-title{font-size:.8rem}}.playback-clock{font-variant-numeric:tabular-nums;color:#acb5c3;white-space:nowrap;margin-right:auto;font-size:.8rem}.inline-player .expanded-control{display:none}.player-controls select{margin-right:0}.inline-player .panel-heading strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.video-information{border-top:1px solid #343a44;padding:5px 0}.video-information>summary,.short-description>summary{cursor:pointer;color:#9ca8b8;padding:8px 0;font-size:.8rem}.video-information h2{margin:6px 0 14px;font-size:1rem;font-weight:650;line-height:1.5}.creator-info{align-items:center;gap:10px;margin-bottom:12px;font-size:.875rem;display:flex}.creator-info img{object-fit:cover;border-radius:50%;width:36px;height:36px}.creator-info small{color:#8c98aa;margin-top:3px;font-size:.75rem;display:block}.published-date{color:#a8b2c2;font-size:.8rem}.short-description p{color:#b3bdcd;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;line-height:1.6}.player-container:fullscreen{background:#000;border-radius:0;margin:0;width:100%!important;max-width:none!important;height:100%!important}.player-container:fullscreen iframe{width:100%;height:100%}.show-done-toggle{color:#8e99aa;white-space:nowrap;cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:.8rem;display:inline-flex}.show-done-toggle input{accent-color:#ff756b;width:14px;height:14px;margin:0}.done .thumbnail{opacity:.45}.done .video-title{color:#797f8c}@media(max-width:700px){.show-done-toggle{margin-left:0}.list-toolbar .search{flex:1;width:auto;min-width:80px}}.drag-preview{z-index:120;pointer-events:none;color:#e4e9f2;opacity:.95;background:#333b48;border:1px solid #68758b;border-radius:6px;align-items:center;gap:10px;width:270px;padding:8px;display:flex;position:fixed;top:0;left:0;box-shadow:0 10px 30px #0007}.drag-preview img{object-fit:cover;background:#242a32;border-radius:3px;width:52px;height:32px}.drag-preview span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.video-row{position:relative}.video-row[data-drop-edge=before]:before,.video-row[data-drop-edge=after]:after{content:"";pointer-events:none;z-index:3;background:#ff897b;height:3px;position:absolute;left:0;right:0}.video-row[data-drop-edge=before]:before{top:-2px}.video-row[data-drop-edge=after]:after{bottom:-2px}.new-group-inline{color:#8593a7;align-items:center;gap:7px;margin-top:12px;padding:10px 5px;font-size:.875rem;display:flex}.new-group-inline:hover{color:#f2b1a5}.inline-create-group{border:1px solid #424d5e;border-radius:5px;align-items:center;gap:7px;margin-top:14px;padding:8px;display:flex}.inline-create-group input{color:#dbe4ef;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:5px;font-size:.875rem}.group-delete{opacity:0}.group-heading:hover .group-delete,.group-delete:focus-visible{opacity:1}.row-context{overflow:auto}.context-groups summary{cursor:pointer;padding:9px;font-size:.875rem}.context-groups button{padding-left:18px!important}.context-groups{border-top:1px solid #434d5c;margin-top:4px}@media(hover:none){.group-delete{opacity:1}}.ungrouped-list{margin:0;padding:0}.device-hub{background:#1e2229;border:1px solid #394352;border-radius:7px;margin:16px 0 8px;padding:20px}.device-heading{justify-content:space-between;align-items:center;display:flex}.device-heading h2{margin:0 0 12px;font-size:1.15rem;font-weight:600}.device-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.device-columns h3{align-items:center;gap:8px;margin:12px 0;font-size:.95rem;font-weight:600;display:flex}.device-columns p{color:#a0adbf;margin:10px 0;font-size:.875rem;line-height:1.65}.device-columns label{color:#a5b3c5;margin:12px 0;font-size:.8rem;display:block}.device-columns input{color:#dbe4ef;background:#181d25;border:1px solid #465165;border-radius:5px;width:100%;margin-top:6px;padding:9px;font-size:.875rem;display:block}.device-columns .button{margin:4px 5px 6px 0;font-size:.8rem}.device-columns details{border-top:1px solid #343e4d;margin-top:14px;padding-top:10px}.device-columns summary{cursor:pointer;color:#9db0c9;font-size:.8rem}.phone-link{align-items:center;gap:12px;display:flex}.phone-qr{width:112px;height:112px;image-rendering:pixelated;border-radius:5px;flex-shrink:0}.phone-link p{font-size:.8rem}.device-status{color:#e6b49c!important}.setup-link{color:#aabacf;align-items:center;gap:5px;padding:7px 0;font-size:.8rem;display:inline-flex}.device-columns strong{color:#c9d4e4;font-weight:600}.tv-view{color:#dce4ee;background:#14181e;min-height:100vh;padding:34px 44px;font-size:20px}.tv-view header{border-bottom:1px solid #344153;align-items:center;gap:28px;padding-bottom:20px;display:flex}.tv-view header img{object-fit:contain;background:#fff;border-radius:6px;width:145px;height:48px}.tv-tabs{flex:1;gap:8px;display:flex}.tv-tabs button,.tv-view header>button{background:#242e3c;border-radius:6px;align-items:center;gap:8px;padding:12px 18px;font-size:1rem;display:flex}.tv-tabs button.active{color:#ffd3c7;background:#644139}.tv-view button:focus-visible,.tv-view a:focus-visible{outline-offset:3px;background:#3c4c64;outline:3px solid #ff9b8a}.tv-connection{color:#8091a8;margin:16px 0;font-size:.8rem}.tv-layout{grid-template-columns:340px minmax(0,1fr);gap:35px;display:grid}.tv-queue{flex-direction:column;gap:10px;max-height:70vh;padding:5px;display:flex;overflow:auto}.tv-queue>button{text-align:left;background:#222a36;border-radius:6px;align-items:center;gap:10px;width:100%;padding:12px 8px;font-size:1rem;line-height:1.5;display:flex}.tv-queue>button.selected{background:#50352f}.tv-index{color:#7b8fa9;font-size:.75rem}.tv-queue img{object-fit:cover;border-radius:4px;flex-shrink:0;width:70px;height:45px}.tv-queue small{color:#8e9fb5;margin-top:6px;font-size:.75rem;display:block}.tv-queue button.done>span:last-child{color:#72849b;text-decoration:line-through}.tv-player{min-width:0}.tv-player .player-container{margin:5px 0 15px}.tv-player h1{margin:12px 0 8px;font-size:1.35rem;font-weight:600;line-height:1.4}.tv-player p{color:#8f9fb4;font-size:.9rem}.tv-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tv-controls>span{color:#b7c4d7;font-variant-numeric:tabular-nums;font-size:.9rem}.tv-controls button,.tv-controls a{background:#293443;border-radius:6px;align-items:center;gap:6px;padding:12px;font-size:.85rem;text-decoration:none;display:flex}.tv-empty{background:#1c242e;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;height:380px;display:flex}.tv-empty svg{color:#e18c7c}.tv-view footer{color:#6d829d;padding-top:22px;font-size:.75rem}@media(max-width:1050px){.device-columns{grid-template-columns:1fr 1fr}.device-columns>div:last-child{grid-column:1/3}.tv-view{padding:22px}.tv-layout{grid-template-columns:280px minmax(0,1fr);gap:20px}}@media(max-width:700px){.device-hub{padding:15px}.device-columns{display:block}.device-columns>div{border-bottom:1px solid #344052;padding-bottom:16px}.phone-qr{width:105px;height:105px}.tv-layout{flex-direction:column-reverse;display:flex}.tv-view{padding:16px;font-size:16px}.tv-view header{flex-wrap:wrap;gap:10px}.tv-tabs{flex:none}.tv-tabs button,.tv-view header>button{padding:9px;font-size:.875rem}.tv-queue{max-height:none}.tv-empty{height:200px}}.select-mode{color:#8fa0b5;white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:7px;font-size:.8rem;display:inline-flex}.select-mode.active{color:#dce7f6;background:#304155}.batch-toolbar{background:#243142;border:1px solid #47576d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px;font-size:.8rem;display:flex}.batch-toolbar label{align-items:center;gap:5px;display:flex}.batch-toolbar input{accent-color:#94b4e1}.batch-toolbar strong{margin-right:5px;font-weight:550}.batch-toolbar select,.batch-toolbar button{color:#d7e3f3;background:#34465e;border:0;border-radius:4px;padding:6px 8px;font-size:.8rem}.batch-toolbar .danger{color:#f4ab9e}.batch-selected{background:#233246!important}.selection-checkbox{accent-color:#9cbbea!important}.list-toolbar{flex-wrap:wrap}@media(max-width:700px){.select-mode{padding:5px}.batch-toolbar{gap:6px}.video-row .selection-checkbox{width:15px;height:15px}.video-row input.selection-checkbox:checked:after{font-size:11px;line-height:13px}.list-toolbar .show-done-toggle{margin-left:auto}}@media(min-width:1200px){.tv-view{font-size:24px}.tv-layout{grid-template-columns:400px minmax(0,1fr)}.tv-queue>button{padding:16px 10px;font-size:1em}.tv-queue img{width:84px;height:54px}.tv-queue small{font-size:.65em}.tv-tabs button,.tv-view header>button{font-size:.85em}.tv-player h1{font-size:1.35em}.tv-player p,.tv-controls>span,.tv-controls button,.tv-controls a{font-size:.8em}.tv-view footer,.tv-connection{font-size:.7em}.tv-empty p{font-size:.8em}}.library-recovery{background:#202832;border:1px solid #455469;border-radius:6px;margin:15px 0;padding:18px}.library-recovery p{color:#9fb0c5;font-size:.875rem;line-height:1.6}.snapshot-list{max-height:380px;margin-top:14px;overflow:auto}.snapshot-row{border-bottom:1px solid #3a4556;align-items:center;gap:8px;padding:10px 0;font-size:.8rem;display:flex}.snapshot-row>div{flex:1;min-width:0}.snapshot-row strong{font-weight:600}.snapshot-row small{color:#8297b1;margin-top:4px;font-size:.7rem;display:block}.snapshot-row button{white-space:nowrap;background:#35465c;border-radius:4px;padding:6px;font-size:.75rem}.library-count{color:#94a6bc;white-space:nowrap;font-size:.75rem}.youtube-handoff{background:#202832;border:1px solid #455368;border-radius:0 0 6px 6px;max-width:660px;margin:0 0 12px 30px;padding:16px}.youtube-handoff h3{margin:0;font-size:.95rem;font-weight:600}.youtube-handoff p{color:#a5b6cc;font-size:.8rem;line-height:1.6}.youtube-video-qr{border-radius:5px;flex-shrink:0;width:145px;height:145px}.youtube-handoff strong{font-size:.875rem}.youtube-handoff .button{margin:3px 5px 3px 0;font-size:.8rem;text-decoration:none}.youtube-account-links{color:#acbfd9;flex-wrap:wrap;gap:14px;padding:12px 0 3px;font-size:.8rem;display:flex}.handoff-note{color:#7f94ae!important}.youtube-handoff summary{color:#9db1cd;cursor:pointer;font-size:.8rem}.youtube-handoff details{border-top:1px solid #3b4656;margin-top:10px;padding-top:9px}@media(max-width:700px){.library-count{display:none}.snapshot-row{flex-wrap:wrap}.snapshot-row>div{flex-basis:100%}.youtube-handoff{margin-left:0;padding:12px}.youtube-handoff .phone-link{flex-direction:column;align-items:flex-start}.youtube-video-qr{width:140px;height:140px}.video-row .thumbnail{width:36px}.video-row{gap:4px}.video-row .icon-button{min-width:23px}}.text-export{color:#bdcee4;white-space:nowrap;background:#2b3646;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:.8rem;display:inline-flex}.text-export:hover{background:#3c4b61}@media(max-width:700px){.header-actions{gap:2px}.text-export{padding:7px 5px;font-size:.75rem}.app-header{height:auto;min-height:58px;padding:8px 0}.header-actions{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:calc(100% - 106px)}}.app-utilities{border-top:1px solid #394557;margin-top:15px;padding-top:10px}.app-utilities summary{cursor:pointer;color:#9fb4d0;padding:6px 0;font-size:.875rem}.app-utilities p{color:#8fabc7;font-size:.8rem;line-height:1.6}.app-utilities input:not([type=checkbox]){color:#d4e2f5;background:#1d2632;border:1px solid #495f7b;border-radius:5px;width:100%;padding:8px;display:block}.app-utilities label{color:#9eb1ca;padding:8px 0;font-size:.8rem;display:block}.app-utilities button{margin:5px 5px 5px 0}.done-checkbox{border-color:#388f65!important}.video-row input.done-checkbox:checked{background:#5bbb87;border-color:#5bbb87}.video-row input.done-checkbox:checked:after{color:#10291e}.selection-checkbox{border-color:#62728a!important}.settings-actions{flex-wrap:wrap}.update-notice{flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.update-notice a{color:#a2bde1}.native-tv .tv-layout{grid-template-columns:minmax(200px,32%) minmax(0,1fr);gap:16px;display:grid}.native-tv .tv-view{padding:12px}.native-tv .tv-queue{max-height:65vh}.native-tv .tv-empty{height:220px}.native-tv .tv-view header{flex-wrap:nowrap}.native-tv .tv-view header img{width:100px;height:34px}.native-tv .tv-tabs button,.native-tv .tv-view header>button{padding:8px;font-size:.8rem}.orientation-controls{align-items:center;gap:4px;display:flex}.notice table{text-align:left;border-collapse:collapse;width:100%}.notice th,.notice td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #39414b;max-width:320px;padding:8px}.done-checkbox{appearance:none;cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;display:grid;border:2px solid #58bb82!important}.done-checkbox:checked{background:#58bb82!important}.done-checkbox:checked:before{content:"✓";color:#10291b;font-size:15px;font-weight:700}.selection-checkbox{border-radius:3px;accent-color:#6fa8ed!important}.select-mode.active{outline:1px solid #6fa8ed}.video-title,.thumbnail{touch-action:pan-y;-webkit-user-select:none;user-select:none}.video-row input.done-checkbox{border-radius:50%!important;width:21px!important;height:21px!important}.video-row input.done-checkbox:checked:before{content:none!important}.video-row input.done-checkbox:checked:after{content:"✓";color:#10291b}.video-row input.selection-checkbox{border-color:#6fa8ed!important;border-radius:3px!important}.video-row input.selection-checkbox:checked{background:#6fa8ed!important;border-color:#6fa8ed!important}.video-row input.selection-checkbox:checked:after{color:#10283f}.device-qr-pair{flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.device-qr-pair img{width:240px}.pair-approval{z-index:200;background:#22262d;border:1px solid #606b78;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;position:fixed;inset:15% 20%}.youtube-launcher{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex;position:relative}.youtube-message{color:#c9ccd2;background:#22262d;border-radius:6px;align-items:center;gap:6px;max-width:340px;padding:5px 8px;font-size:.8rem;display:inline-flex}.youtube-message button{color:#858b96;display:inline-flex}.youtube-pip{z-index:1000;color:#fff;text-align:center;background:#17191d;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;inset:0}.youtube-pip strong{font-size:2.6rem;line-height:1}.youtube-pip span{color:#c9ccd2;font-size:1rem}.tv-cinema header,.tv-cinema .tv-queue{display:none}.tv-cinema .tv-player{z-index:30;background:#000;padding:0;position:fixed;inset:0}.tv-cinema .tv-player-container{aspect-ratio:auto;width:100vw;height:100vh;max-height:none}.tv-cinema .tv-watch-controls{background:#17191dd9;border-radius:8px;align-items:center;gap:20px;padding:12px;display:flex;position:absolute;bottom:25px;left:25px}.tv-video-info{background:#17191de8;padding:20px}.tv-cinema .tv-video-info{position:absolute;top:0;left:0;right:0}.tv-cinema footer{z-index:40;font-size:12px;position:fixed;bottom:0;left:20px}.tv-view button:focus-visible{outline-offset:3px;outline:4px solid #ff766e}.quick-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:13px;display:flex}.quick-row .quick-add{flex:280px;margin-bottom:0}.quick-row .show-done-toggle{margin-left:0}.quick-row .search{flex:0 200px;width:auto}.tonight-bar{color:#858b96;justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:.8rem;display:flex}.list-toolbar{justify-content:flex-start}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}