:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f0f0f;color:#f1f1f1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(255,0,0,.18),transparent 30rem),linear-gradient(180deg,#151515,#0f0f0f 38%)}button,input{font:inherit}button{cursor:pointer}input{width:100%;border:1px solid #2f2f2f;border-radius:14px;padding:.85rem 1rem;background:#121212;color:#fff;outline:none}input:focus{border-color:#ff3434;box-shadow:0 0 0 4px #ff00001f}.auth-shell,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(460px,100%);padding:2rem;border:1px solid #292929;border-radius:28px;background:#141414e0;box-shadow:0 30px 90px #00000080}.brand-mark,.logo-button span{width:48px;height:34px;display:inline-grid;place-items:center;border-radius:12px;background:red;color:#fff;font-size:.95rem}.eyebrow{margin:1rem 0 .25rem;color:#ff5a5a;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.25rem);line-height:.95;letter-spacing:-.06em}h2{font-size:1.05rem}.muted{color:#a9a9a9}.form-stack{display:grid;gap:1rem;margin-top:1.5rem}.form-stack label{display:grid;gap:.45rem;color:#d8d8d8}.primary-button,.danger-button,.text-button,.logo-button,.topbar nav button,.channel{border:0;color:inherit}.primary-button{border-radius:999px;padding:.9rem 1.35rem;background:red;color:#fff;font-weight:800;box-shadow:0 16px 40px #ff000047}.primary-button:disabled{cursor:wait;opacity:.65}.compact{padding:.7rem 1rem}.link-button{text-decoration:none}.text-button{padding:0;background:transparent;color:#8db7ff}.danger-button{border-radius:999px;padding:.55rem .8rem;background:#ff00001f;color:#f77}.error-box,.notice-bar{border-radius:16px;padding:.85rem 1rem}.error-box{background:#ff00001f;color:#ff9b9b}.notice-bar{margin:1rem 1.25rem 0;border:1px solid #313131;background:#181818;color:#e9e9e9}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid #242424;background:#0f0f0fdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.logo-button{display:inline-flex;align-items:center;gap:.7rem;background:transparent;font-size:1.1rem;font-weight:900}.topbar nav{display:flex;justify-content:center;gap:.4rem}.topbar nav button{border-radius:999px;padding:.65rem 1rem;background:transparent;color:#bdbdbd}.topbar nav .nav-active{background:#f1f1f1;color:#0f0f0f}.user-menu{display:flex;align-items:center;gap:.8rem;color:#bdbdbd}.main-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.25rem;padding:1.25rem}.sidebar{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;border:1px solid #242424;border-radius:24px;padding:.75rem;background:#121212c2}.channel{width:100%;display:flex;align-items:center;gap:.75rem;border-radius:16px;padding:.6rem;background:transparent;color:#e8e8e8;text-align:left}.channel:hover,.channel.active{background:#272727}.channel img,.avatar,.channel-title img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto}.avatar.ghost{display:inline-grid;place-items:center;background:#303030;color:#cfcfcf;font-weight:800}.content-panel{min-width:0}.full-width{grid-column:1 / -1}.feed-toolbar,.filter-row,.inline-form{display:flex;align-items:center;gap:1rem}.feed-toolbar{justify-content:space-between;margin-bottom:1rem}.feed-toolbar h1{margin-bottom:0}.stats-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid article,.settings-card,.empty-state,.channel-table article{border:1px solid #262626;border-radius:22px;background:#151515db}.stats-grid article{padding:1.1rem}.stats-grid strong{display:block;font-size:1.9rem;letter-spacing:-.06em}.stats-grid span{color:#a9a9a9}.filter-row{margin-bottom:1rem;flex-wrap:wrap}.filter-row input{max-width:520px}.toggle-pill{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;color:#d7d7d7}.toggle-pill input{width:auto}.view-switch,.date-tabs{display:flex;align-items:center;gap:.35rem}.view-switch{margin-left:auto;border:1px solid #2b2b2b;border-radius:999px;padding:.2rem;background:#151515}.view-switch button,.date-tabs button{border:0;border-radius:999px;background:transparent;color:#cfcfcf}.view-switch button{padding:.45rem .75rem}.view-switch button.active,.date-tabs button.active{background:#f1f1f1;color:#0f0f0f;font-weight:800}.date-tabs{overflow-x:auto;margin:0 0 1rem;padding-bottom:.15rem;scrollbar-width:thin}.date-tabs button{flex:0 0 auto;padding:.65rem .95rem;background:#242424}.video-list{display:grid;gap:.9rem}.video-list.grid-view{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.video-list.grid-view .empty-state{grid-column:1 / -1}.video-card{border-radius:24px;background:#131313b8}.video-list.list-view .video-card{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:1rem;padding:.7rem}.video-list.grid-view .video-card{display:flex;flex-direction:column;overflow:hidden}.video-card.seen{opacity:.62}.thumbnail{position:relative;display:block;width:100%;border:0;padding:0;overflow:hidden;border-radius:18px;aspect-ratio:16 / 9;background:#242424;color:#fff}.thumbnail:hover img{transform:scale(1.03)}.video-list.grid-view .thumbnail{border-radius:24px 24px 0 0}.thumbnail img,.thumbnail-placeholder{width:100%;height:100%;display:block;object-fit:cover;transition:transform .16s ease}.thumbnail span,.play-badge{position:absolute;color:#fff;font-weight:800}.thumbnail span{right:.55rem;bottom:.55rem;border-radius:6px;padding:.2rem .4rem;background:#000000d1;font-size:.8rem}.play-badge{left:50%;top:50%;display:grid;width:54px;height:38px;place-items:center;border-radius:13px;background:#ff0000eb;box-shadow:0 14px 40px #0000008c;transform:translate(-50%,-50%)}.player-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.25rem;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-modal{width:min(1180px,100%);max-height:calc(100vh - 2.5rem);overflow:auto;border:1px solid #303030;border-radius:28px;background:#111;box-shadow:0 35px 110px #000000b3}.player-header,.player-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.player-header h2{margin-bottom:.25rem;font-size:1.1rem}.player-header p,.player-actions p{margin-bottom:0;color:#aaa}.close-button{width:42px;height:42px;border:0;border-radius:50%;background:#242424;color:#fff;font-size:1.6rem;line-height:1}.player-frame{aspect-ratio:16 / 9;background:#000}.player-frame iframe{width:100%;height:100%;display:block;border:0}.video-body{padding:.3rem .4rem .3rem 0}.video-list.grid-view .video-body{padding:.8rem}.video-body h2{margin-bottom:.45rem;font-size:1.15rem;line-height:1.24}.video-list.grid-view .video-body h2{display:-webkit-box;min-height:2.5em;overflow:hidden;font-size:.98rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-body p{margin-bottom:.4rem}.empty-state{padding:2rem;text-align:center;color:#aaa}.settings-card{padding:1.2rem}.sync-settings-card{grid-column:span 3}.sync-options{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.sync-options button{border:0;border-radius:999px;padding:.6rem .85rem;background:#242424;color:#d7d7d7}.sync-options button.active{background:#f1f1f1;color:#0f0f0f;font-weight:800}.channel-table{display:grid;gap:.65rem}.channel-table article{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem}.channel-title,.table-actions{display:flex;align-items:center;gap:.8rem}.channel-title span{display:block;color:#9d9d9d;font-size:.88rem}.channel-title .sync-error{margin-top:.25rem;color:#ff8b8b}.channel-title .shorts-allowance{margin-top:.25rem;color:#72dfa5}@media (min-width: 1600px){.video-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 1180px){.video-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 920px){.topbar,.main-grid,.video-list.list-view .video-card,.stats-grid,.settings-grid{grid-template-columns:1fr}.topbar nav,.user-menu{justify-content:flex-start}.sidebar{position:static;max-height:260px}.feed-toolbar,.filter-row,.inline-form,.sync-settings-card,.channel-table article{align-items:stretch;flex-direction:column}.sync-settings-card{grid-column:auto}.filter-row input{max-width:none}.view-switch{margin-left:0;width:max-content}}@media (max-width: 620px){.video-list.grid-view{grid-template-columns:1fr}.player-backdrop{padding:.5rem}.player-modal{border-radius:18px}.player-header,.player-actions{align-items:stretch;flex-direction:column}.close-button{align-self:flex-end}}