*{box-sizing:border-box}html,body,#root{height:100%}:root{--link-color:#3ea6ff}:where(a:any-link,a:visited,a:hover,a:active){color:var(--link-color)}body{color:#f1f1f1;background:#0f0f0f;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.account-bar{background:#181818;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:.9em;display:flex}.account-bar-right{align-items:center;gap:12px;display:flex}.account-bar .hint{margin:0}.brand-link{color:#f1f1f1;letter-spacing:.2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:1em;font-weight:600}.logo-mark{align-items:center;gap:9px;display:inline-flex}.logo-mark svg{flex-shrink:0}.logo-word{letter-spacing:.2px;font-weight:700}.logo-zero{color:var(--link-color)}.app{flex:1;min-height:0;display:flex}.list-switcher{background:#181818;border-right:1px solid #2a2a2a;flex-direction:column;flex-shrink:0;width:220px;min-height:0;display:flex}.list-switcher-scroll{flex:1;min-height:0;padding:16px;overflow-y:auto}.list-switcher-footer{border-top:1px solid #2a2a2a;flex-shrink:0;padding:16px}.list-switcher ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.list-switcher button{text-align:left;color:#f1f1f1;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px}.list-switcher button.active{background:#303030}.list-switcher button:hover{background:#272727}.new-list-btn{color:#aaa;cursor:pointer;background:0 0;border:1px dashed #444;border-radius:6px;width:100%;margin-top:12px;padding:8px}.new-list-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.new-list-form input{color:#f1f1f1;background:#0f0f0f;border:1px solid #333;border-radius:4px;padding:6px 8px}.new-list-form label{color:#aaa;flex-direction:column;gap:4px;font-size:13px;display:flex}.form-actions{gap:8px;display:flex}.main{flex:1;min-height:0;padding:24px 32px;overflow:auto}.view-toggle,.timeline-view,.recently-watched-view,.empty-state{max-width:900px}.view-toggle{gap:8px;margin-bottom:20px;display:flex}.view-toggle button{color:#f1f1f1;cursor:pointer;background:0 0;border:1px solid #333;border-radius:20px;padding:6px 14px}.view-toggle button.active{color:#0f0f0f;background:#f1f1f1}.tab-toggle{gap:8px;margin-bottom:16px;display:flex}.tab-toggle button{color:#f1f1f1;cursor:pointer;background:0 0;border:1px solid #333;border-radius:20px;padding:6px 14px;font-size:13px}.tab-toggle button.active{color:#0f0f0f;background:#f1f1f1}.new-videos-banner{color:#cfe3ff;cursor:pointer;background:#1c2a3a;border:1px solid #2f4b6b;border-radius:6px;width:100%;margin:0 0 12px;padding:8px 12px;font-size:13px;display:block}.new-videos-banner:hover{background:#22344a}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.timeline-header-actions{align-items:center;gap:10px;display:flex}.sort-select{color:#888;align-items:center;gap:6px;font-size:12px;font-weight:400;display:flex}.sort-select select{color:#f1f1f1;background:#0f0f0f;border:1px solid #333;border-radius:4px;padding:4px 6px;font-size:12px}.list-col-sort{margin-bottom:8px}.timeline-errors{color:#e0a030;margin-bottom:12px;font-size:13px}.rss-warning{color:#9fc4e0;background:#1a2530;border:1px solid #2c4257;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.5}.timeline-errors ul{margin:4px 0 0;padding-left:18px}.video-list{flex-direction:column;gap:4px;display:flex}.video-card{border-radius:8px;align-items:center;gap:12px;padding:8px;transition:opacity .3s,transform .3s;display:flex}.video-card:hover{background:#181818}.video-card{transition:opacity .3s,transform .3s,background-color .15s}.video-card.watching{opacity:0;transform:translate(20px)}.video-card.watching-watched,.video-card.watching-watched:hover{background:#2ea04373}.video-card.watching-ignored,.video-card.watching-ignored:hover{background:#e0464673}.video-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.video-action{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:16px;font-weight:700;line-height:1;display:flex}.video-action-watched{color:#3fb950}.video-action-watched:hover:not(:disabled){background:#3fb95033;border-color:#3fb950}.video-action-ignored{color:#f85149}.video-action-ignored:hover:not(:disabled){background:#f8514933;border-color:#f85149}.watched-checkbox input{cursor:pointer;width:18px;height:18px}.video-thumb{cursor:pointer;background:#000;border-radius:6px;flex-shrink:0;width:160px;height:90px;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%}.video-duration{color:#fff;background:#000c;border-radius:3px;padding:0 4px;font-size:12px;font-weight:500;line-height:1.4;position:absolute;bottom:4px;right:4px}.video-info{cursor:pointer;min-width:0}.video-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.video-meta{color:#aaa;align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.video-channel{align-items:center;gap:6px;min-width:0;display:inline-flex}.empty-state{color:#888;text-align:center;padding:40px 0}.reached-end-title{color:#ddd;justify-content:center;align-items:center;gap:6px;font-size:16px;display:flex}.reached-end-title .logo-mark{vertical-align:middle}.reached-end-sub{margin-top:6px;font-size:13px}.video-short-badge{color:#888;text-transform:uppercase;border:1px solid #333;border-radius:10px;padding:1px 8px;font-size:11px}.undo-toast-stack{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.undo-toast{background:#272727;border:1px solid #3a3a3a;border-radius:8px;align-items:center;gap:16px;max-width:360px;padding:10px 14px;display:flex;box-shadow:0 4px 16px #0006}.undo-toast-text{gap:8px;min-width:0;font-size:13px;display:flex}.undo-toast-label{flex-shrink:0}.undo-toast-title{text-overflow:ellipsis;white-space:nowrap;color:#ccc;overflow:hidden}.undo-toast-btn{color:var(--link-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px;font-weight:600}.video-player-modal{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-player-content{aspect-ratio:16/9;background:#000;width:min(90vw,960px);position:relative}.player-frame{width:100%;height:100%}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:-36px;right:0}.not-embeddable{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.not-embeddable img{border-radius:8px;max-width:320px}.channels-settings section{margin-bottom:28px}.channels-settings h3{margin-bottom:4px}.channels-table-wrap{border:1px solid #2a2a2a;border-radius:6px;width:fit-content;margin-bottom:24px}.channels-table{border-collapse:collapse}.channels-table th,.channels-table td{text-align:left;vertical-align:top;border-bottom:1px solid #2a2a2a;padding:8px 12px}.channels-table thead th{vertical-align:bottom;background:#181818}.channel-col-header{z-index:2;background:#181818;position:sticky;left:0;box-shadow:1px 0 #2a2a2a}.channel-name-cell{z-index:1;background:#0f0f0f;position:sticky;left:0;box-shadow:1px 0 #2a2a2a}.channel-name-inner{align-items:center;gap:8px;width:max-content;max-width:220px;display:flex}.channel-name-text{flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;display:flex}.channel-title{overflow-wrap:anywhere;min-width:0}.channel-source{flex:none}.list-col-header{min-width:120px}.list-col-name{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.rename-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:400}.rename-btn:hover{color:#f1f1f1;border-color:#777}.list-rename-form{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.list-rename-form input{color:#f1f1f1;background:#0f0f0f;border:1px solid #333;border-radius:4px;width:100%;padding:4px 6px}.list-rename-form button{font-size:12px}.list-col-dates{color:#aaa;flex-direction:column;gap:6px;max-width:120px;margin-bottom:8px;font-size:12px;font-weight:400;display:flex}.date-field{flex-direction:column;gap:2px;display:flex}.date-field-label{color:#888;font-size:11px}.date-input-wrap{cursor:pointer;background:#0f0f0f;border:1px solid #333;border-radius:4px;position:relative;overflow:hidden}.date-input-wrap input{color:#f1f1f1;cursor:pointer;background:0 0;border:none;width:calc(100% + 30px);min-width:0;padding:4px 6px;font-size:11px}.date-input-wrap input::-webkit-calendar-picker-indicator{display:none}.date-placeholder{color:#888;white-space:nowrap;pointer-events:none;background:#0f0f0f;border-radius:3px;align-items:center;padding-left:6px;font-size:11px;display:flex;position:absolute;inset:0;overflow:hidden}.date-clear-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:2px;font-size:13px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.date-clear-btn:hover{color:#e05c5c}.select-all-toggle{color:#aaa;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.select-all-toggle input{cursor:pointer;width:15px;height:15px}.delete-list-btn-small{margin-top:8px;padding:3px 10px;font-size:12px}.checkbox-cell{text-align:center}.checkbox-cell input{cursor:pointer;width:16px;height:16px}.remove-row-btn{color:#888;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:16px;line-height:1}.remove-row-btn:hover{color:#e05c5c}.hint{color:#888;margin:4px 0 10px;font-size:13px}.add-channel-form{gap:8px;display:flex}.add-channel-form input{color:#f1f1f1;background:#0f0f0f;border:1px solid #333;border-radius:4px;flex:0 220px;width:220px;max-width:100%;padding:6px 8px}.channel-source{color:#888;text-transform:uppercase;border:1px solid #333;border-radius:10px;padding:1px 8px;font-size:11px}.error{color:#e05c5c;font-size:13px}.connect-google-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.connect-google-btn{color:#0f0f0f;background:#f1f1f1;border-radius:4px;padding:6px 14px;font-size:13px;text-decoration:none;display:inline-block}.disconnect-google-btn{color:#e05c5c;cursor:pointer;background:0 0;border:1px solid #a33;border-radius:4px;padding:6px 14px;font-size:13px}.danger-zone{border:1px solid #a33;border-radius:6px;padding:14px 16px}.danger-zone h3{color:#e05c5c;margin-top:0}.google-connected{color:#6bcf6b;font-size:13px}.modal-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.connect-youtube-modal{background:#181818;border:1px solid #2a2a2a;border-radius:8px;width:100%;max-width:420px;padding:20px}.connect-youtube-modal h3{margin-top:0}.connect-youtube-modal .modal-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.connect-youtube-modal .modal-actions button{color:#f1f1f1;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;padding:6px 14px;font-size:13px}.delete-list-btn{color:#e05c5c;cursor:pointer;background:0 0;border:1px solid #a33;border-radius:4px;padding:6px 14px}button{font-family:inherit}.home{max-width:860px;margin:0 auto;padding:24px 24px 64px}.home-header{justify-content:space-between;align-items:center;padding:8px 0 40px;display:flex}.home-brand{letter-spacing:.2px;font-size:1.1em;font-weight:600}.home-hero{text-align:center;padding:20px 0 48px}.home-eyebrow{color:#aaa;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px;font-size:.8em;font-weight:600}.home-hero h1{margin:0 0 16px;font-size:2.1em;line-height:1.25}.home-subtitle{color:#ccc;max-width:560px;margin:0 auto;font-size:1.05em}.home-cta-row{justify-content:center;align-items:center;gap:12px;margin:28px 0 12px;display:flex}.home-cta-primary{color:#0f0f0f;cursor:pointer;background:#f1f1f1;border:none;border-radius:20px;padding:10px 22px;font-size:.95em;font-weight:600}.home-cta-secondary{color:#f1f1f1;background:0 0;border:1px solid #444;border-radius:20px;padding:10px 22px;font-size:.95em;font-weight:600;text-decoration:none}.home-hero .hint{margin:0}.home-steps{border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;grid-template-columns:repeat(3,1fr);gap:20px;padding:32px 0;display:grid}.home-step h3{margin:10px 0 6px}.home-step p{color:#aaa;margin:0;font-size:.9em}.home-step-num{color:#f1f1f1;background:#272727;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85em;font-weight:600;display:inline-flex}.home-modes{grid-template-columns:repeat(2,1fr);gap:20px;padding:32px 0;display:grid}.home-mode-card{background:#181818;border:1px solid #2a2a2a;border-radius:10px;padding:18px 20px}.home-mode-card h3{margin:0 0 8px}.home-mode-card p{color:#aaa;margin:0;font-size:.9em}.home-premium{text-align:center;background:#181818;border:1px dashed #444;border-radius:10px;padding:20px 24px}.home-premium h3{margin:0 0 6px}.home-premium p{color:#aaa;margin:0;font-size:.9em}@media (width<=640px){.home-steps,.home-modes{grid-template-columns:1fr}}.channels-mobile{display:none}.mobile-list-picker{color:#888;flex-direction:column;gap:4px;margin-bottom:14px;font-size:12px;display:flex}.mobile-list-picker select{color:#f1f1f1;background:#0f0f0f;border:1px solid #333;border-radius:6px;padding:8px;font-size:15px}.mobile-list-settings{background:#181818;border:1px solid #2a2a2a;border-radius:8px;margin-bottom:16px;padding:12px}.mobile-channels-head{color:#aaa;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.mobile-channel-list{margin:0 0 16px;padding:0;list-style:none}.mobile-channel-list li{border-bottom:1px solid #2a2a2a;align-items:center;gap:8px;display:flex}.mobile-channel-row{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 4px;display:flex}.mobile-channel-row input{flex-shrink:0;width:20px;height:20px}.mobile-channel-name{overflow-wrap:anywhere}.nav-toggle,.nav-backdrop{display:none}.nav-toggle{color:#f1f1f1;cursor:pointer;background:0 0;border:none;margin:-6px 0 -6px -8px;padding:6px 8px;font-size:22px;line-height:1}@media (width<=768px){.nav-toggle{display:block}.account-bar{gap:8px;padding:8px 12px}.account-bar>.brand-link{margin-right:auto}.account-bar-right{gap:10px}.account-bar-right .legal-link,.account-bar-right .hint{display:none}.account-bar-right .ph-no-capture{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.app{position:relative}.list-switcher{z-index:20;visibility:hidden;width:min(280px,82vw);transition:transform .2s,visibility .2s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.app.nav-open .list-switcher{visibility:visible;transform:none}.nav-backdrop{z-index:10;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;display:block;position:absolute;inset:0}.app.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.main{padding:16px 12px}.view-toggle{margin-bottom:14px}.timeline-header{flex-wrap:wrap;gap:8px}.video-card{gap:8px;padding:6px 4px}.video-thumb{aspect-ratio:16/9;width:120px;height:auto}.video-meta{flex-wrap:wrap}.video-player-content{width:100vw}.channels-table-wrap{display:none}.channels-mobile{margin-bottom:24px;display:block}.add-channel-form{flex-wrap:wrap}.undo-toast-stack{left:12px;right:12px}.undo-toast{max-width:none}}@media (width<=400px){.video-card{flex-wrap:wrap}.video-info{flex-basis:100%}}.mobile-list-settings .list-col-dates{max-width:none}.main.main-flush-left{padding-left:0}.channels-settings{padding-left:32px}@media (width<=768px){.channels-settings{padding-left:12px}}.settings-title{margin:0 0 16px}.channel-avatar{object-fit:cover;background:#474747;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.channel-avatar-fallback{color:#bbb;font-weight:600;line-height:1}.list-switcher .list-name{overflow-wrap:anywhere;display:block}.list-preview{align-items:center;gap:3px;margin-top:4px;display:flex}.list-preview-more,.list-preview-empty{color:#888;margin-left:2px;font-size:11px}.list-preview-empty{margin-left:0}.drawer-links{gap:14px;margin-top:12px;padding:0 12px;font-size:13px;display:none}.setting-toggle{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.setting-toggle input{flex-shrink:0;width:18px;height:18px;margin-top:2px}.setting-toggle-hint{margin-top:2px;display:block}.google-expired{color:#e0a84f;font-size:13px}.capped-notice{color:#e8d3a0;background:#2a2416;border:1px solid #5a4a22;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.5}.capped-notice ul{margin:4px 0 0;padding-left:18px}.install-hint{color:#cfe3f3;background:#1a2530;border-bottom:1px solid #2c4257;align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:1.4;display:flex}.install-hint-text{flex:1;min-width:0}.install-hint-btn{background:var(--link-color);color:#0f0f0f;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-weight:600}.install-hint-close{color:#9fb4c6;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:20px;line-height:1}.home-premium-btn{border:1px solid var(--link-color);color:var(--link-color);cursor:pointer;background:0 0;border-radius:6px;margin-top:14px;padding:8px 16px;font-weight:600}.home-premium-btn:hover{background:#3ea6ff1a}.home-premium .home-premium-thanks{color:#ddd;margin-top:14px}.home-footer{border-top:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:20px;display:flex}.home-footer-links{gap:16px;font-size:.9em;display:flex}.home-footer-badge img{width:171px;height:58px;display:block}@media (width<=768px){.drawer-links{display:flex}}.logo-beta{text-transform:uppercase;letter-spacing:.6px;color:#0f0f0f;background:#e0a84f;border-radius:4px;padding:2px 5px;font-size:.65em;font-weight:700}