.header-peek{display:flex;flex:1;min-width:0;align-items:center;gap:10px;height:32px;margin:0;padding:0;border:0;background:transparent;color:var(--app-muted-text);font-size:13px;font-weight:600;text-align:left;cursor:pointer}.header-peek-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--app-text)}.header-peek-hint{margin-left:auto;flex-shrink:0;font-weight:500}.shell.is-videos{position:relative}.shell.is-videos>.header-anchor{height:32px;flex-shrink:0}.shell.is-videos>.header-dock{position:absolute;z-index:40;top:0;left:0;right:0;display:grid;grid-template-rows:32px 0fr;transition:grid-template-rows .2s ease,box-shadow .2s ease;background:var(--app-panel-bg);color:var(--app-panel-text);border-bottom:1px solid var(--app-border);box-shadow:0 0 #0000}.shell.is-videos.headers-open>.header-dock{grid-template-rows:32px 1fr;box-shadow:0 12px 28px #00000038}.header-dock-bar{height:32px;min-width:0;display:flex;align-items:center;gap:10px;padding:0 12px}.header-dock-extra{min-height:0;overflow:hidden}.shell.is-videos.headers-open .header-dock-extra-inner{max-height:min(70vh,520px);overflow:auto}.header-dock-chrome{border-bottom:0;box-shadow:none}.header-dock .ph-head{position:static;display:block;margin:0;padding:0 14px 12px;background:transparent;box-shadow:none;max-height:none;overflow:visible}@media (prefers-reduced-motion: reduce){.shell.is-videos>.header-dock{transition:none}}.ph-people{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;flex-shrink:0}.ph-people-watch{margin-bottom:8px}.ph-chip-wrap{display:inline-flex;align-items:stretch;border:1px solid var(--app-border);border-radius:999px;overflow:hidden;background:var(--app-panel-bg)}.ph-chip{height:32px;padding:0 12px;border:none;border-radius:0;background:transparent;color:var(--app-panel-text);font-size:13px;font-weight:600;cursor:pointer}.ph-chip-hide{height:32px;padding:0 10px;border:none;border-left:1px solid var(--app-border);background:transparent;color:var(--app-muted-text);font-size:12px;font-weight:600;cursor:pointer}.ph-chip-hide:hover{color:#dc2626}body.theme-dark .ph-chip-hide:hover{color:#fca5a5}.ph-chip:hover{transform:translateY(-1px)}.ph-chip.is-on{background:linear-gradient(135deg,#2c5282,#1e3a5f);color:#fff;border-color:transparent}body.theme-dark .ph-chip.is-on{background:#3b82f6}.ph-user{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:8px 12px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-panel-bg);flex-shrink:0}.ph-user-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c5282,#1e3a5f);color:#fff;font-size:16px;font-weight:700;flex-shrink:0}body.theme-dark .ph-user-avatar{background:#3b82f6}.ph-user-meta{flex:1;min-width:0}.ph-user-name{margin:0;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-dark .ph-user-name{color:#fff}.ph-user-count{margin:2px 0 0;color:var(--app-muted-text);font-size:12px}@media (max-width: 720px){.ph-user{flex-wrap:wrap}}.ph-toolbar{position:sticky;top:0;margin-top:-16px;padding-top:16px;z-index:3;flex-shrink:0;background:var(--app-bg);padding-bottom:4px}.ph-explorer.is-watch .ph-toolbar{margin-top:-10px;padding-top:10px}.ph-search{display:flex;gap:8px;margin-bottom:12px;flex-shrink:0}.ph-nav-row{display:flex;align-items:flex-start;gap:10px}.ph-mobile-nav-toggle{display:none}.ph-cats{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--app-border);margin-bottom:16px;overflow:visible}.ph-refresh{flex-shrink:0;gap:6px}.ph-refresh>span{font-size:20px;line-height:1}.tab-button{background:none;border:none;padding:12px 24px;font-size:1em;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tab-button:hover{color:#2c5282;background:#f0f4f8}.tab-button.active{color:#2c5282;border-bottom-color:#2c5282;font-weight:600}body.theme-dark .tabs-header{border-bottom-color:var(--app-border)!important}body.theme-dark .tab-button{color:var(--app-muted-text)!important;background:transparent!important;border-bottom-color:transparent!important}body.theme-dark .tab-button:hover{color:var(--app-panel-text)!important;background:#3b82f61f!important}body.theme-dark .tab-button.active{color:#fff!important;border-bottom-color:#3b82f6!important;background-color:transparent!important;font-weight:700!important}@media (max-width: 720px){.ph-search{flex-wrap:wrap}.ph-mobile-nav-toggle{width:100%;min-width:0;height:38px;display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-panel-bg);color:var(--app-panel-text);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.ph-nav-row{display:block}.ph-mobile-nav-toggle:hover{border-color:var(--accent-blue)}.ph-mobile-nav-icon{color:var(--brand-blue);font-size:18px;line-height:1}body.theme-dark .ph-mobile-nav-icon{color:#93c5fd}.ph-mobile-nav-chevron{margin-left:auto;color:var(--app-muted-text);font-size:16px}.ph-cats{width:100%;display:none;margin-bottom:12px;border:1px solid var(--app-border);border-radius:6px}.ph-cats.is-open{display:flex}.ph-cats .tab-button{flex:1 1 50%;min-width:0;padding:10px 12px;text-align:left}.ph-refresh{width:100%;margin-bottom:12px}}.ph-player iframe,.ph-embed-frame iframe{width:100%;height:100%;border:0}.ph-player-frame,.ph-quad-player{position:relative}.ph-embed-frame{position:relative;width:100%;height:100%;background:#000}.ph-embed-shield{position:absolute;z-index:2;top:0;right:0;bottom:80px;left:0;background:transparent;cursor:default;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ph-eye-icon{display:block;width:20px;height:20px}.ph-quad-list{display:flex;flex-direction:column;gap:16px;flex:0 0 auto;min-width:0}.ph-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(50vh - 32px);gap:10px;min-width:0}.ph-quad-tile{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--app-border);border-radius:6px;background:var(--app-panel-bg);overflow:hidden}.ph-quad-player{position:relative;flex:1 1 0;height:0;min-width:0;min-height:0;overflow:hidden;background:#000;container-type:size;display:grid;place-items:center}.ph-quad-player .ph-embed-frame{position:relative;overflow:hidden;width:100%;height:auto;max-height:100%;aspect-ratio:16 / 9}@supports (width: 1cqw){.ph-quad-player .ph-embed-frame{width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);max-height:none;aspect-ratio:auto}}.ph-quad-player img,.ph-quad-player iframe{width:100%;height:100%;border:0;display:block}.ph-quad-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;flex-shrink:0}.ph-quad-title{flex:1;min-width:0;height:32px;padding:0;border:none;background:transparent;color:var(--app-panel-text);font-size:13px;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}body.theme-dark .ph-quad-title{color:#fff}.ph-quad-save,.ph-quad-close{width:34px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:transparent;color:var(--app-muted-text);font-size:18px;cursor:pointer}.ph-quad-close:hover{background:#3b82f61f;color:var(--brand-blue)}body.theme-dark .ph-quad-close:hover{color:#93c5fd}.ph-quad-save.is-on,body.theme-dark .ph-quad-save.is-on{color:#fcd34d}@media (max-width: 720px){.ph-quad{grid-template-columns:1fr;grid-auto-rows:calc(50vh - 24px)}.ph-quad-bar{padding:4px 6px}}.ph-preselect{display:flex;flex-direction:column;gap:12px;flex:0 0 auto;min-width:0}.ph-preselect-quick{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}.ph-preselect-quick-label{color:var(--app-muted-text);font-size:13px;font-weight:600}.ph-preselect-chip{height:30px;padding:0 14px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-panel-bg);color:var(--app-panel-text);font-size:13px;font-weight:600;cursor:pointer}.ph-preselect-chip:hover{border-color:var(--brand-blue);color:var(--brand-blue)}.ph-preselect-add{display:flex;gap:8px;flex-shrink:0}.ph-preselect-add .chrome-input{flex:1;min-width:0}.ph-preselect-error{margin:0;color:#c53030;font-size:13px}body.theme-dark .ph-preselect-error{color:#f87171}@media (max-width: 720px){.ph-preselect-add{flex-wrap:wrap}}.ph-hidden-list{display:flex;flex-direction:column;gap:10px}.ph-hidden-heading{margin-top:8px;color:var(--app-panel-text);font-size:15px;font-weight:700}.ph-hidden-video-row{min-width:0}.ph-hidden-video-thumb{width:88px;aspect-ratio:16 / 9;flex-shrink:0;border-radius:4px;object-fit:cover;background:#111}.ph-hidden-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-panel-bg)}.ph-hidden-avatar{width:38px;height:38px;font-size:16px}.ph-hidden-name{flex:1;min-width:0;font-weight:600}body.theme-dark .ph-hidden-name{color:#fff}.ph-hide-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px}.ph-hide-action{height:32px;max-width:100%;padding:0 10px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-panel-bg);color:var(--app-panel-text);font-size:12px;font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-hide-action.btn{height:32px;padding:0 10px;font-size:12px}.ph-hide-channel:hover,.ph-hide-action.btn:hover:not(:disabled){color:#dc2626;border-color:color-mix(in srgb,#dc2626 45%,var(--app-border))}body.theme-dark .ph-hide-channel:hover,body.theme-dark .ph-hide-action.btn:hover:not(:disabled){color:#fca5a5}.ph-hide-action:disabled{opacity:.6;cursor:not-allowed}.ph-card-people{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px}.ph-card-person{height:28px;padding:0 10px;border:none;border-radius:999px;background:transparent;color:var(--brand-blue);font-size:12px;font-weight:600;cursor:pointer}body.theme-dark .ph-card-person{color:#93c5fd}.ph-card-person:hover{text-decoration:underline}.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.ph-card-wrap{position:relative}.ph-fav{position:absolute;top:8px;right:8px;width:38px;height:38px;border:none;border-radius:6px;background:#0f172ab8;color:#fff;font-size:18px;cursor:pointer}.ph-fav.is-on,body.theme-dark .ph-fav.is-on{color:#fcd34d}.ph-card{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;border:1px solid var(--app-border);border-radius:6px;background:var(--app-panel-bg);color:var(--app-panel-text);padding:0 0 10px;cursor:pointer}.ph-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.ph-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:#111;overflow:hidden;border-radius:6px 6px 0 0}.ph-thumb img{width:100%;height:100%;object-fit:cover}.ph-duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:4px;background:#000000bf;color:#fff;font-size:12px;font-weight:600}.ph-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 10px;font-size:14px;font-weight:600}body.theme-dark .ph-card-title{color:#fff}.ph-card-meta{padding:0 10px;font-size:12px;color:var(--app-muted-text)}.ph-more{display:flex;justify-content:center;margin-top:20px}.ph-scroll-sentinel{height:1px}.ph-status-more{padding:16px}.ph-watch{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.ph-watch-bar{display:flex;align-items:center;gap:10px;flex-shrink:0}.ph-watch-heading{flex:1;min-width:0}.ph-watch-details-toggle{display:none}.ph-watch-details{display:block}.ph-watch-title{margin:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-dark .ph-watch-title{color:#fff}.ph-watch-users{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ph-watch-users-empty{margin:6px 0 0;color:var(--app-muted-text);font-size:13px}.ph-watch-user{display:inline-flex;align-items:stretch;border:1px solid var(--app-border);border-radius:999px;background:var(--app-panel-bg);overflow:hidden}.ph-watch-user-open{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 6px;border:none;background:transparent;color:var(--app-panel-text);font-size:13px;font-weight:600;cursor:pointer}.ph-watch-user-hide{height:38px;padding:0 12px;border:none;border-left:1px solid var(--app-border);background:transparent;color:var(--app-muted-text);font-size:12px;font-weight:600;cursor:pointer}.ph-watch-user-hide:hover{color:#dc2626}body.theme-dark .ph-watch-user-hide:hover{color:#fca5a5}.ph-watch-user-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c5282,#1e3a5f);color:#fff;font-size:12px;font-weight:700}body.theme-dark .ph-watch-user-avatar{background:#3b82f6}.ph-watch-user-name{color:var(--brand-blue)}body.theme-dark .ph-watch-user-name{color:#93c5fd}.ph-watch-nav{display:flex;gap:8px}.ph-watch-favorite{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:var(--app-panel-bg);color:var(--app-muted-text);font-size:24px;line-height:1;cursor:pointer}.ph-watch-favorite:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.ph-watch-favorite.is-on,body.theme-dark .ph-watch-favorite.is-on{color:#fcd34d}.ph-watch-nav .btn.ph-icon-action,.ph-watch-nav .btn.ph-hide-video{width:38px;flex:0 0 38px;padding:0;font-size:20px}.ph-player{flex:1;min-height:0;display:grid;place-items:center;container-type:size;background:#000;border-radius:6px;overflow:hidden}.ph-player-frame{width:100%;max-height:100%;aspect-ratio:16 / 9;background:#000}@supports (width: 1cqw){.ph-player-frame{width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);aspect-ratio:auto}}@media (max-width: 720px){.ph-watch-bar{flex-wrap:wrap}.ph-watch-heading{order:3;flex:1 1 100%;width:100%}.ph-watch-details-toggle{width:100%;min-width:0;height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-panel-bg);color:var(--app-panel-text);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.ph-watch-details-toggle:hover{border-color:var(--accent-blue)}.ph-watch-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-watch-details-toggle>span:last-child{margin-left:auto;color:var(--app-muted-text)}.ph-watch-details{display:none}.ph-watch-details.is-open{display:block}.ph-watch-nav{order:2;flex:1 1 auto;min-width:0}.ph-watch-nav .btn{min-width:0;flex:1 1 auto;padding:0 10px}.ph-watch-nav .ph-watch-favorite{flex:0 0 38px;padding:0}.ph-watch-title{white-space:normal}}.ph-explorer{height:100%;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:16px 18px 28px}.ph-explorer.is-watch{overflow:hidden;padding:10px 12px 12px}.ph-banner{position:static;margin-bottom:12px}.ph-status{color:var(--app-muted-text);text-align:center;padding:48px 16px}.ph-explorer.is-quad{overflow:auto;padding:8px 12px 12px}.shell.is-videos .ph-explorer{position:relative;padding-top:8px}.shell.is-videos .ph-explorer>.ph-head{display:none}.ph-explorer.is-quad .ph-quad-list{height:auto;min-height:0;min-width:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--app-bg: #f5f7fa;--app-text: #111827;--app-panel-bg: #ffffff;--app-panel-text: #111827;--app-muted-text: #6b7280;--app-border: #e5e7eb;--brand-blue: #2c5282;--brand-blue-dark: #1e3a5f;--accent-blue: #3b82f6;--warning-amber: #f59e0b;--danger-red: #dc2626}body.theme-dark{--app-bg: #0b1220;--app-text: #e5e7eb;--app-panel-bg: #0f172a;--app-panel-text: #e5e7eb;--app-muted-text: #9ca3af;--app-border: #1f2a44;--warning-amber: #fcd34d}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);color:var(--app-text);overflow:hidden}.shell{display:flex;flex-direction:column;height:100%}.chrome{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:10px 14px;background:var(--app-panel-bg);color:var(--app-panel-text);border-bottom:1px solid var(--app-border)}.chrome-brand{flex-shrink:0;font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--brand-blue);text-decoration:none}body.theme-dark .chrome-brand{color:#fff}.chrome-form{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.chrome-input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-bg);color:var(--app-text);font-size:14px;font-weight:400}.chrome-input:focus{outline:2px solid var(--accent-blue);outline-offset:1px}.btn{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#2c5282,#1e3a5f);color:#fff;flex-shrink:0}body.theme-dark .btn{background:#3b82f6}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn:disabled{background:#ccc;opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#e5e7eb;color:#111827}body.theme-dark .btn-secondary{background:#1f2a44;color:#e5e7eb}.mode-chip{flex-shrink:0;height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--app-border);color:var(--app-muted-text)}.mode-chip.is-direct{color:var(--brand-blue);border-color:color-mix(in srgb,var(--brand-blue) 35%,var(--app-border))}body.theme-dark .mode-chip.is-direct{color:#93c5fd}.mode-chip.is-proxy{color:#b45309;border-color:color-mix(in srgb,var(--warning-amber) 45%,var(--app-border))}body.theme-dark .mode-chip.is-proxy{color:#fcd34d}.mode-chip.is-embed{color:var(--brand-blue);border-color:color-mix(in srgb,var(--brand-blue) 35%,var(--app-border))}body.theme-dark .mode-chip.is-embed{color:#93c5fd}.chrome-email{width:min(180px,100%);min-width:0;justify-content:flex-start;text-align:left;overflow:hidden;white-space:nowrap}.chrome-email-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-gate{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.email-gate-card{width:min(440px,100%);padding:28px 24px;background:var(--app-panel-bg);color:var(--app-panel-text);border:1px solid var(--app-border);border-radius:6px;display:flex;flex-direction:column;gap:12px}.email-gate-card h1{font-size:24px;font-weight:700}body.theme-dark .email-gate-card h1{color:#fff}.email-gate-card p,.email-gate-card label{color:var(--app-muted-text);font-size:14px}.email-gate-error{color:#dc2626;font-weight:600}body.theme-dark .email-gate-error{color:#fca5a5}.stage{position:relative;flex:1;min-height:0;background:var(--app-bg)}.frame{width:100%;height:100%;border:0;background:var(--app-panel-bg)}.placeholder,.banner{position:absolute;left:16px;right:16px}.placeholder{top:50%;transform:translateY(-50%);text-align:center;color:var(--app-muted-text);font-size:15px;line-height:1.5;pointer-events:none}.placeholder strong{display:block;margin-bottom:6px;color:var(--app-text);font-weight:600}body.theme-dark .placeholder strong{color:#fff}.banner{top:10px;padding:8px 12px;border-radius:6px;border:1px solid var(--app-border);background:var(--app-panel-bg);color:var(--app-panel-text);font-size:13px;z-index:1}.banner.is-error{color:#dc2626;border-color:color-mix(in srgb,#dc2626 35%,var(--app-border))}body.theme-dark .banner.is-error{color:#fca5a5}.banner.is-proxy{color:#b45309;border-color:color-mix(in srgb,var(--warning-amber) 45%,var(--app-border))}body.theme-dark .banner.is-proxy{color:#fcd34d}@media (max-width: 720px){.chrome{flex-wrap:wrap}.chrome-email{flex:1 1 0;width:auto;max-width:none;height:auto;min-height:38px;justify-content:flex-start;padding:8px 12px;font-size:clamp(11px,3.5vw,14px);line-height:1.2;overflow:visible}.chrome-email-text{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.chrome-form{order:3;flex-basis:100%}}
