:root{--bg:#f6efe6;--bg-strong:#fff8f0;--panel:#fffaf4db;--border:#364c581f;--border-strong:#364c5833;--ink:#14232d;--ink-soft:#5f6f78;--accent:#278493;--input-bg:#ffffffc2;--panel-shadow:0 18px 40px #20343d14, 0 2px 8px #20343d0f;--body-font:"Segoe UI Variable", "Aptos", "Trebuchet MS", sans-serif;--heading-font:"Gill Sans", "Trebuchet MS", sans-serif;--mono-font:"Cascadia Code", "Fira Code", Consolas, monospace;color:var(--ink);background:radial-gradient(circle at top left, #2784931f, transparent 28%), radial-gradient(circle at top right, #f4773624, transparent 24%), linear-gradient(180deg, var(--bg-strong) 0%, var(--bg) 100%);font:16px/1.5 var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{background:0 0;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--heading-font);letter-spacing:-.04em;color:var(--ink);margin:0}h1{font-size:clamp(2.4rem,4vw,4.4rem);line-height:.94}h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1}h3{font-size:1rem;line-height:1.2}p{margin:0}button,input,select{font:inherit}a{color:inherit}.loading-screen,.login-shell,.privacy-shell,.app-shell{width:min(1320px,100% - 32px);margin:0 auto}.loading-screen{min-height:100vh;color:var(--ink-soft);place-items:center;display:grid}.app-shell{flex-direction:column;gap:24px;padding:28px 0 48px;display:flex}.masthead,.hero-card,.panel,.policy-strip{background:var(--panel);border:1px solid var(--border);box-shadow:var(--panel-shadow);border-radius:28px}.masthead,.hero-card,.privacy-panel{position:relative;overflow:hidden}.masthead:before,.hero-card:before,.privacy-panel:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f4773638 0%,#f4773600 68%);width:320px;position:absolute;inset:-20% auto auto 55%}.masthead,.hero-card,.privacy-panel,.policy-strip,.panel{padding:28px}.masthead{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.masthead-copy,.panel-heading>div{gap:10px;display:grid}.masthead-actions,.hero-actions,.saved-view-actions,.video-actions{flex-wrap:wrap;gap:10px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0;font-size:.72rem;font-weight:700}.hero-copy,.panel-note,.policy-strip p,.video-meta,.channel-card p,.saved-view-card p{color:var(--ink-soft)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-heading h2,.saved-view-card h3,.channel-card h3,.video-card h3{margin:0}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--border);box-shadow:var(--panel-shadow);background:#ffffffb8;border-radius:22px;gap:8px;padding:20px 22px;display:grid}.stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-size:.82rem}.stat-card strong{color:var(--ink);font-size:1.35rem}.banner{border:1px solid #0000;border-radius:18px;margin:0;padding:14px 18px}.banner.success{color:#195640;background:#1c805b1f;border-color:#1c805b47}.banner.error,.inline-error{color:#7a2317;background:#a231231f;border:1px solid #a2312347;border-radius:18px;padding:14px 18px}.filters-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.full-width{grid-column:1/-1}label{color:var(--ink-soft);gap:8px;font-size:.92rem;display:grid}input,select{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--input-bg);width:100%;color:var(--ink);font:inherit;border-radius:16px;padding:12px 14px}input:focus,select:focus{border-color:var(--accent);outline:2px solid #2784933d}.topics-wrap,.tag-row{flex-wrap:wrap;gap:10px;display:flex}.topics-wrap{margin-top:18px}.topic-chip,.pill{border:1px solid var(--border-strong);color:var(--ink);background:#ffffffc7;border-radius:999px;padding:8px 12px;font-size:.84rem}.topic-chip{cursor:pointer}.topic-chip.active,.pill.accent{background:#27849324;border-color:#27849357}.pill.muted{color:var(--ink-soft)}.primary-button,.ghost-button,.danger-button{font:inherit;cursor:pointer;border-radius:999px;padding:12px 18px;transition:transform .16s,background-color .16s,border-color .16s}.primary-button{color:#fff;background:linear-gradient(135deg,#278493 0%,#154f66 100%);border:1px solid #0000;text-decoration:none}.primary-button.compact{padding-inline:16px}.ghost-button{color:var(--ink);border:1px solid var(--border-strong);background:0 0}.ghost-button.danger,.danger-button{color:#8f281a;border-color:#a2312347}.danger-button{background:#a2312314}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.secondary-link:hover,.topic-chip:hover,.video-preview:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.6;cursor:progress}.secondary-link{color:var(--ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,.9fr);gap:18px;display:grid}.feed-column,.sidebar{align-content:start;gap:18px;display:grid}.player-frame{aspect-ratio:16/9;background:#10161d;border-radius:24px;overflow:hidden}.player-frame iframe{border:0;width:100%;height:100%}.player-meta{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.video-list,.channel-list,.saved-view-list{gap:14px;display:grid}.video-card,.channel-card,.saved-view-card{border:1px solid var(--border);background:#ffffffc2;border-radius:22px;padding:16px}.video-card.active{border-color:#27849357;box-shadow:inset 0 0 0 1px #27849329}.video-card{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.video-preview{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.video-preview img,.thumbnail-fallback{aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%;display:block}.thumbnail-fallback{background:linear-gradient(135deg,#c5dce2 0%,#f0c8b3 100%)}.duration-chip{color:#fff;background:#0d1218d1;border-radius:999px;padding:5px 10px;font-size:.78rem;position:absolute;bottom:10px;right:10px}.video-card-body,.video-card-copy,.channel-card-header,.channel-ident,.privacy-grid{gap:10px;display:grid}.video-card-copy,.saved-view-card>div:first-child{gap:6px}.video-channel{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-size:.82rem}.channel-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.channel-ident{grid-template-columns:auto minmax(0,1fr);align-items:center}.avatar{object-fit:cover;border-radius:50%;width:52px;height:52px}.avatar-fallback{background:linear-gradient(135deg,#a8cdd4 0%,#efb08e 100%)}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.checkbox-row{align-items:center;gap:12px;display:flex}.checkbox-row input{width:auto}.saved-view-create{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.saved-view-card,.saved-view-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-view-card h3{font-size:1rem}.empty-state{min-height:180px;color:var(--ink-soft);place-items:center;display:grid}.privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}.danger-zone{border-top:1px solid var(--border);gap:12px;margin-top:28px;padding-top:22px;display:grid}@media (width<=1120px){.stats-strip,.filters-grid,.privacy-grid,.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=840px){.app-shell,.login-shell,.privacy-shell{width:min(100%,100% - 20px)}.masthead,.panel-heading,.player-meta,.saved-view-card{grid-template-columns:1fr;display:grid}.stats-strip,.filters-grid,.privacy-grid,.channel-grid,.video-card{grid-template-columns:1fr}.video-preview{width:100%}}