:root { --bg:#0f0f0f; --panel:#181818; --panel-2:#272727; --ink:#f1f1f1; --muted:#aaa; --line:#303030; --red:#ff0033; --soft-red:#ff667e; }
* { box-sizing:border-box; } body { margin:0; background:var(--bg); color:var(--ink); font-family:'Space Grotesk',sans-serif; } button,input { font:inherit; } button { cursor:pointer; }
.topbar { height:64px; border-bottom:1px solid var(--line); display:flex; align-items:center; padding:0 24px; gap:28px; position:sticky; top:0; z-index:5; background:rgba(15,15,15,.96); backdrop-filter:blur(16px); }.menu-button { display:block; background:none;border:0;color:var(--ink); }.menu-button span { display:block;width:20px;height:2px;background:var(--ink);margin:4px; }.brand { color:var(--ink); font-size:21px;font-weight:700;letter-spacing:-.06em;text-decoration:none; min-width:185px; display:inline-flex;align-items:center;gap:8px; }.brand-mark { color:#fff;font-size:17px;margin-right:0;background:var(--red);border-radius:5px;padding:4px 6px; }.brand-accent { color:var(--red); }.brand-beta { display:inline-block!important; color:#ffb3c1; font:700 13px/1 'DM Mono',monospace; letter-spacing:.12em; border:1px solid #a33d55; background:#451522; border-radius:4px; padding:5px 7px; white-space:nowrap; }.search { position:absolute; left:50%; transform:translateX(-50%); width:min(600px,42vw); height:40px; background:#121212; border:1px solid #3b3b3b; border-radius:22px; display:flex;align-items:center;padding-left:16px;overflow:hidden; }.search input { background:none;border:0;outline:0;color:var(--ink);flex:1;font-size:14px; }.search button { height:40px;width:58px;border:0;border-left:1px solid #3b3b3b;background:#222;color:#fff;font-size:22px; }.search .voice { width:40px;border:0;background:none;margin-left:10px;font-size:16px; }.top-actions { display:flex;align-items:center;gap:18px;margin-left:auto; }.icon-button { border:0;background:none;color:var(--muted);font-size:22px; }.create { border:0;border-radius:20px;background:#272727;color:#fff;padding:9px 15px;font-size:13px; }.avatar,.creator-avatar { border:0;border-radius:50%;display:grid;place-items:center;font-weight:600; }.avatar { width:32px;height:32px;background:#ff9c2f;color:#1e0c17;font-size:11px; }
.auth-link { color:#111;text-decoration:none;font-size:13px;font-weight:600;background:#fff;border-radius:20px;padding:9px 15px; }.auth-link:hover { background:#eee; }
.sidebar { position:fixed; top:64px; bottom:0; width:240px; padding:18px 12px; display:flex;flex-direction:column; }.sidebar nav { display:grid;gap:3px; }.sidebar a { color:var(--muted);text-decoration:none;padding:11px 14px;border-radius:9px;font-size:14px; }.sidebar a span { width:27px;display:inline-block;color:#ddd;font-size:16px; }.sidebar a.active,.sidebar a:hover { background:var(--panel-2);color:var(--ink); }.side-rule { height:1px;background:var(--line);margin:18px 12px; }.side-label { text-transform:uppercase;letter-spacing:.15em;color:#777;padding:0 14px;margin:0 0 8px;font-size:10px; }.sidebar-bottom { margin-top:auto;margin:0 14px 16px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.5; }.sidebar-bottom a { padding:0;color:var(--soft-red);font-size:12px; }
.sidebar-signin { padding:0 20px 2px;color:#ddd;font-size:13px;line-height:1.45; }.sidebar-signin p { margin:0 0 15px; }.sidebar-signin a { display:inline-block;border:1px solid #555;border-radius:20px;color:#3ea6ff;padding:8px 13px;font-size:13px; }.side-red { color:var(--red)!important; }
.content { margin-left:240px; padding:25px 28px 80px; }.welcome-strip { min-height:174px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:32px 40px;margin-bottom:26px;background:linear-gradient(100deg,#2e1018,#45151f 48%,#252525); }.welcome-strip h1 { font-size:38px;letter-spacing:-.07em;margin:0; }.welcome-strip p:not(.eyebrow) { color:#d1b9bc;font-size:14px;margin:12px 0 0; }.eyebrow { color:var(--soft-red);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px; }.primary { background:#fff;border:0;color:#0f0f0f;border-radius:22px;padding:12px 17px;font-weight:700;font-size:13px; }.primary span { margin-left:18px;font-size:17px; }
.admin-heading { display:flex;align-items:end;justify-content:space-between;gap:24px; }.admin-heading h1 { font-size:64px;letter-spacing:-.08em;line-height:.9;margin:0; }.admin-heading h1 em { color:var(--soft-red);font-style:normal; }.admin-status { color:var(--muted);font-size:13px;margin:22px 0 38px; }.admin-section { margin:0 0 45px; }.admin-list { border:1px solid var(--line);border-radius:10px;overflow:hidden; }.admin-item { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line); }.admin-item:last-child { border-bottom:0; }.admin-item strong { font-size:14px; }.admin-item p,.admin-empty { color:var(--muted);font-size:12px;margin:6px 0 0; }.admin-empty { padding:25px 20px;margin:0; }.admin-item-actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }.admin-item-actions a,.admin-item-actions button { border:1px solid #555;border-radius:16px;background:#272727;color:#fff;padding:8px 12px;font-size:11px;text-decoration:none; }.admin-item-actions button { cursor:pointer; }.admin-item-actions button.danger { border-color:#713342;color:#ff9ab0; }
.search-page { max-width:1280px; }.search-page h1 { font-size:48px;letter-spacing:-.07em;margin:0 0 36px; }.search-page h1 em { color:var(--soft-red);font-style:normal; }.search-section { margin:0 0 42px; }.channel-results { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }.channel-result { display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;background:var(--panel); }.channel-result:hover { border-color:#666; }.channel-result-avatar { width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffb52e,#f04c2b);font-weight:700; }.channel-result strong,.channel-result small { display:block; }.channel-result small { color:var(--muted);font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px; }
.history-page h1 { font-size:64px;letter-spacing:-.08em;line-height:.9;margin:0 0 40px; }.history-page h1 em { color:var(--soft-red);font-style:normal; }.history-grid { max-width:1200px; }
.collection-page h1,.info-page h1 { font-size:64px;letter-spacing:-.08em;line-height:.9;margin:0 0 20px; }.collection-page .legal-lede { margin-bottom:40px; }.info-page .primary { display:inline-block;text-decoration:none;margin-top:10px; }
.kids-page h1 { font-size:64px;letter-spacing:-.08em;line-height:.9;margin:0 0 20px; }.kids-page h1 em { color:var(--soft-red);font-style:normal; }.kids-status { color:var(--muted);font-size:13px;margin:20px 0 30px; }.kids-layout { display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:20px; }.kids-card { background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px; }.profile-list { display:grid;gap:8px;margin-bottom:20px; }.profile-item { display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px; }.profile-item span:nth-child(2) { flex:1; }.profile-item strong,.profile-item small { display:block; }.profile-item small { color:var(--muted);font-size:11px;margin-top:3px; }.profile-item button { border:0;background:none;color:var(--muted);font-size:20px; }.profile-avatar { width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#ff7a45;color:#fff;font-weight:700; }.consent-label { display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.4;margin:18px 0; }.consent-label input { margin-top:2px; }.kids-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.section-head { display:flex;align-items:end;justify-content:space-between;margin:29px 0 16px; }.section-head h2 { margin:0;font-size:24px;letter-spacing:-.05em; }.filter-button { background:none;border:1px solid var(--line);border-radius:5px;color:var(--muted);padding:9px 12px;font-size:12px; }.filter-button span { color:var(--soft-red);margin-left:18px; }.chips { display:flex;gap:9px;margin-bottom:22px;overflow:auto;padding-bottom:3px; }.chip { border:0;border-radius:8px;padding:9px 14px;background:#272727;color:#eee;font-size:12px;white-space:nowrap; }.chip.selected,.chip:hover { background:#fff;color:#111; }
.video-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 16px; }.video-card { min-width:0; }.thumbnail { display:block;width:100%;height:154px;border-radius:9px;position:relative;overflow:hidden;background:#202638; }.thumbnail:before,.thumbnail:after { content:'';position:absolute;border-radius:50%; }.thumb-sunset { background:linear-gradient(135deg,#eb684b,#70284f 50%,#111a36); }.thumb-sunset:before { width:160px;height:160px;background:#ffcf68;top:35px;left:50px;opacity:.8;filter:blur(3px); }.thumb-sunset:after { width:280px;height:80px;background:#151525;bottom:-37px;left:-10px;transform:rotate(-15deg); }.thumb-blue { background:linear-gradient(120deg,#17295d,#41a7bd); }.thumb-blue:before { width:210px;height:210px;border:1px solid #a9f2e7;top:-72px;left:58px; }.thumb-blue:after { width:90px;height:90px;background:#ffe000;top:28px;left:110px;opacity:.7; }.thumb-pink { background:linear-gradient(145deg,#8f2562,#f07b83 52%,#ffa95c); }.thumb-pink:before { width:190px;height:190px;border:2px solid #ffc1cf;top:-85px;left:38px;transform:rotate(25deg); }.thumb-green { background:linear-gradient(135deg,#1a403c,#92b55b); }.thumb-green:before { width:100px;height:100px;border:15px solid #d7e99a;top:22px;left:82px;transform:rotate(45deg); }.duration { position:absolute;bottom:8px;right:8px;padding:3px 5px;background:#080a0dc9;border-radius:3px;font:10px 'DM Mono';z-index:1; }.thumb-sticker { position:absolute;top:12px;left:12px;font:9px 'DM Mono';letter-spacing:.1em;color:#fff;z-index:1; }.video-meta { display:flex;gap:10px;padding:11px 1px;position:relative; }.creator-avatar { width:34px;height:34px;flex:none;font-size:9px;color:#fff; }.orange { background:#e4774e; }.purple { background:#8661d4; }.pink { background:#db4a85; }.green { background:#6b9f56; }.video-meta h3 { font-size:14px;line-height:1.3;margin:0 0 6px;letter-spacing:-.02em; }.video-meta h3 a { color:var(--ink);text-decoration:none; }.video-meta p { color:var(--muted);font-size:11px;margin:0; }.video-meta p a { color:inherit;text-decoration:none; }.video-meta p span { color:#777;margin:0 3px; }.more { background:none;border:0;color:#aaa;letter-spacing:2px;font-size:11px;margin-left:auto;align-self:start; }
.shorts-row { margin-top:38px;border-top:1px solid var(--line);padding-top:22px; }.shorts-heading { display:flex;align-items:center;gap:9px;margin-bottom:14px; }.shorts-heading span { color:var(--red);font-size:20px; }.shorts-heading h2 { font-size:23px;margin:0; }.shorts-heading button { margin-left:auto;border:0;background:none;color:#aaa; }.shorts-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }.short { aspect-ratio:9/13;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:#333; }.short:before { content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#000b); }.short strong,.short small { position:relative;z-index:1; }.short strong { font-size:14px;line-height:1.25; }.short small { color:#ddd;margin-top:7px;font-size:11px; }.thumb-short-one { background:linear-gradient(145deg,#fc4a1a,#f7b733); }.thumb-short-two { background:linear-gradient(145deg,#168dc5,#8639ad); }.thumb-short-three { background:linear-gradient(145deg,#0f766e,#bae637); }.thumb-short-four { background:linear-gradient(145deg,#e91e63,#3f51b5); }
.manifesto { margin-top:55px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:70px 1fr 160px;gap:22px;align-items:center; }.manifesto-mark { color:var(--red);font-size:46px; }.manifesto h2 { font-size:31px;margin:0; }.manifesto h2 em,dialog h2 em { color:var(--soft-red);font-style:normal; }.manifesto p:not(.eyebrow) { color:var(--muted);font-size:12px;line-height:1.6;max-width:620px;margin-bottom:0; }.manifesto a { color:var(--soft-red);font-size:12px;text-decoration:none; }
.channel-banner { height:210px;border-radius:12px;background:linear-gradient(110deg,#ec4b22,#ffb52e 45%,#fff1a2); }.channel-profile { display:flex;gap:24px;align-items:center;padding:26px 10px;border-bottom:1px solid var(--line); }.channel-avatar { width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffb52e,#f04c2b);color:#fff;font-size:36px;font-weight:700; }.channel-profile h1 { font-size:38px;letter-spacing:-.07em;margin:0; }.channel-handle,.channel-description { color:var(--muted);font-size:13px; }.channel-description { max-width:580px; }.channel-tabs { display:flex;gap:28px;border-bottom:1px solid var(--line); }.channel-tabs a { color:var(--muted);padding:17px 5px;text-decoration:none;font-size:13px; }.channel-tabs a.active { color:#fff;border-bottom:2px solid #fff; }.watch-content { max-width:1180px; }.watch-player { height:530px;border-radius:10px;display:grid;place-items:center;align-content:center;gap:14px;color:#fff;background-size:cover; }.watch-player span { width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:24px;padding-left:4px; }.watch-player small { color:#ddd; }.watch-title { font-size:25px;letter-spacing:-.05em;margin:21px 0 14px; }.watch-meta { display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line); }.watch-meta a { color:#fff;text-decoration:none; }.watch-meta p { color:var(--muted);font-size:11px;margin:5px 0 0; }.watch-meta .primary { margin-left:auto; }.watch-description { margin:18px 0 42px;padding:18px;background:var(--panel);border-radius:9px;color:#ddd;font-size:13px;line-height:1.6; }.related { border-top:1px solid var(--line);padding-top:25px; }.legal-content { max-width:1000px; }.legal-content h1 { font-size:64px;letter-spacing:-.08em;line-height:.9;margin:0; }.legal-content h1 em { color:var(--soft-red);font-style:normal; }.legal-lede { max-width:560px;color:var(--muted);font-size:17px;line-height:1.5;margin:25px 0 55px; }.legal-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line); }.legal-grid article { background:var(--bg);padding:27px;min-height:190px; }.legal-grid article span { color:var(--soft-red);font:12px 'DM Mono'; }.legal-grid h2 { font-size:20px;letter-spacing:-.04em; }.legal-grid p { color:var(--muted);font-size:13px;line-height:1.6; }.back-link { display:inline-block;color:var(--soft-red);text-decoration:none;margin-top:32px;font-size:13px; }
.channel-banner { height:210px;border-radius:12px;background:linear-gradient(110deg,#ec4b22,#ffb52e 45%,#fff1a2); }.channel-profile { display:flex;gap:24px;align-items:center;padding:26px 10px;border-bottom:1px solid var(--line); }.channel-avatar { width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffb52e,#f04c2b);color:#fff;font-size:36px;font-weight:700; }.channel-profile h1 { font-size:38px;letter-spacing:-.07em;margin:0; }.channel-handle,.channel-description { color:var(--muted);font-size:13px; }.channel-description { max-width:580px; }.channel-tabs { display:flex;gap:28px;border-bottom:1px solid var(--line); }.channel-tabs a { color:var(--muted);padding:17px 5px;text-decoration:none;font-size:13px; }.channel-tabs a.active { color:#fff;border-bottom:2px solid #fff; }.watch-content { max-width:1180px; }.watch-player { height:530px;border-radius:10px;display:grid;place-items:center;align-content:center;gap:14px;color:#fff;background-size:cover; }.watch-video { width:100%;height:100%;display:block;object-fit:contain;background:#000;border-radius:10px; }.watch-player span { width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:24px;padding-left:4px; }.watch-player small { color:#ddd; }.watch-title { font-size:25px;letter-spacing:-.05em;margin:21px 0 14px; }.watch-meta { display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line); }.watch-meta a { color:#fff;text-decoration:none; }.watch-meta p { color:var(--muted);font-size:11px;margin:5px 0 0; }.watch-meta .primary { margin-left:auto; }.watch-description { margin:18px 0 42px;padding:18px;background:var(--panel);border-radius:9px;color:#ddd;font-size:13px;line-height:1.6; }.related { border-top:1px solid var(--line);padding-top:25px; }.legal-content { max-width:1000px; }.legal-content h1 { font-size:64px;letter-spacing:-.08em;line-height:.9;margin:0; }.legal-content h1 em { color:var(--soft-red);font-style:normal; }.legal-lede { max-width:560px;color:var(--muted);font-size:17px;line-height:1.5;margin:25px 0 55px; }.legal-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line); }.legal-grid article { background:var(--bg);padding:27px;min-height:190px; }.legal-grid article span { color:var(--soft-red);font:12px 'DM Mono'; }.legal-grid h2 { font-size:20px;letter-spacing:-.04em; }.legal-grid p { color:var(--muted);font-size:13px;line-height:1.6; }.back-link { display:inline-block;color:var(--soft-red);text-decoration:none;margin-top:32px;font-size:13px; }
dialog { background:var(--panel);color:var(--ink);border:1px solid #444;border-radius:10px;padding:35px;max-width:440px;box-shadow:0 30px 100px #000b; }.dialog-close { position:absolute;right:18px;top:14px;border:0;background:none;color:var(--muted);font-size:25px; }.dialog-close:hover { color:var(--ink); }dialog h2 { font-size:39px;margin:0 0 17px;letter-spacing:-.07em; }dialog p:not(.eyebrow) { color:var(--muted);font-size:13px;line-height:1.55; }.dropzone { height:145px;border:1px dashed #555;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px 0;color:var(--muted); }.dropzone span { color:var(--red);font-size:25px; }.dropzone strong { color:var(--ink);font-size:13px;margin:6px; }.dropzone small { font-size:10px; }.toast { position:fixed;right:28px;bottom:24px;background:#fff;color:#111;padding:13px 17px;border-radius:5px;font-size:12px;font-weight:600;transform:translateY(90px);transition:.3s;z-index:10; }.toast.show { transform:translateY(0); }
.field-label { display:grid;gap:7px;color:#ddd;font-size:12px;margin-top:14px; }.field-label input,.field-label select { background:#111;color:#fff;border:1px solid #444;border-radius:5px;padding:10px;outline:0; }.field-label input:focus,.field-label select:focus { border-color:var(--soft-red); }.dropzone { cursor:pointer; }.uploaded-thumbnail video { width:100%;height:100%;object-fit:cover;display:block; }.uploaded-avatar { background:var(--red);color:#fff; }
.field-label textarea { min-height:110px;resize:vertical;background:#111;color:#fff;border:1px solid #444;border-radius:5px;padding:10px;outline:0;font:inherit; }.field-label textarea:focus { border-color:var(--soft-red); }.report-link { color:var(--muted)!important;text-decoration:none;font-size:12px;margin-left:12px; }
.thumbnail[style] { background-size:cover;background-position:center; }.thumbnail.uploaded-thumbnail:before,.thumbnail.uploaded-thumbnail:after { display:none; }
.sidebar-legal { margin-top:14px;font-size:10px; }.sidebar-legal a { color:#777;padding:0;font-size:10px; }
.auth-page { min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0,#3b101c 0,#0f0f0f 45%); }.auth-brand { position:absolute;top:30px;left:34px; }.auth-card { width:min(100%,430px);background:#181818;border:1px solid #333;border-radius:12px;padding:36px; }.auth-card h1 { font-size:38px;letter-spacing:-.07em;margin:0; }.auth-copy { color:var(--muted);font-size:13px;line-height:1.5;margin:14px 0 24px; }.auth-submit { width:100%;margin-top:22px; }.auth-switch { width:100%;border:0;background:none;color:var(--soft-red);font-size:12px;margin-top:19px; }.auth-terms { color:#777;font-size:11px;line-height:1.5;text-align:center;margin:23px 0 0; }.auth-terms a { color:#ddd; }.auth-card .form-message { margin:12px 0 0; }
.empty-state { border:1px dashed #3d3d3d;border-radius:10px;padding:55px 30px;text-align:center; }.empty-state .manifesto-mark { margin:0 0 12px; }.empty-state h2 { font-size:25px;margin:0 0 12px; }.empty-state p { color:var(--muted);font-size:13px;line-height:1.6;max-width:510px;margin:0 auto 22px; }.empty-state .primary { display:inline-block;text-decoration:none; }.channel-form { max-width:520px; }.channel-form textarea { min-height:110px;resize:vertical;background:#111;color:#fff;border:1px solid #444;border-radius:5px;padding:10px;outline:0;font:inherit; }.channel-form textarea:focus { border-color:var(--soft-red); }.form-message { color:var(--soft-red);font-size:12px;min-height:18px; }
.content > .signed-out-panel { display:block; width:min(702px,calc(100% - 48px)); margin:40px auto 0; padding:26px 42px 17px; border:1px solid #444; border-radius:12px; background:#212121; text-align:center; color:#aaa; }.signed-out-panel h2 { color:#f1f1f1;font-size:18px;margin:0 0 15px; }.signed-out-panel p { font-size:14px;line-height:1.5;margin:0 0 17px; }.signed-out-panel a { color:#3ea6ff; }.history-button { display:block;background:linear-gradient(#555,#333);border-radius:24px;color:#f1f1f1!important;text-decoration:none;font-size:14px;font-weight:600;padding:11px;margin-top:4px; }.top-more { border:0;background:none;color:#eee;font-size:23px; }
@media (max-width:950px) { .sidebar { width:190px; }.content { margin-left:190px;padding:25px 20px 60px; }.video-grid { grid-template-columns:repeat(2,1fr); }.shorts-grid { grid-template-columns:repeat(4,1fr); }.brand { min-width:140px; } }
@media (max-width:1100px) and (min-width:681px) { .sidebar { width:190px; }.content { margin-left:190px;padding:25px 20px 60px; }.video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.brand { min-width:140px; } }
@media (max-width:680px) { .topbar { padding:0 18px;gap:14px; }.brand { min-width:auto;font-size:18px; }.search { display:none; }.create,.icon-button { display:none; }.sidebar { display:none; }.content { margin-left:0;padding:20px 12px 60px; }.content > .signed-out-panel { width:100%; padding:24px 20px 17px; }.search-page h1,.kids-page h1 { font-size:38px; }.channel-results { grid-template-columns:1fr; }.kids-layout { grid-template-columns:1fr; }.kids-video-grid { grid-template-columns:1fr; }.welcome-strip { padding:24px;display:block; }.welcome-strip h1 { font-size:32px; }.welcome-strip .primary { margin-top:20px; }.video-grid { grid-template-columns:1fr; }.thumbnail { height:190px; }.shorts-grid { grid-template-columns:repeat(2,1fr); }.manifesto { display:block;padding:24px; }.manifesto-mark { margin-bottom:20px; }.manifesto a { display:block;margin-top:20px; } }
@media (max-width:680px) { .channel-banner { height:130px; }.channel-profile { display:block;padding:20px 5px; }.channel-avatar { width:90px;height:90px;font-size:24px;margin-bottom:18px; }.channel-profile h1 { font-size:30px; }.watch-player { height:260px; }.legal-content h1 { font-size:48px; }.legal-grid { grid-template-columns:1fr; } }
.youtube-search { display:flex; gap:10px; max-width:700px; margin:30px 0 50px; }.youtube-search input { flex:1; min-width:0; background:#121212; border:1px solid var(--line); color:var(--ink); border-radius:6px; padding:13px 15px; }.youtube-avatar { object-fit:cover; }.youtube-thumbnail { background-position:center; background-size:cover; background-color:#222; }.youtube-player { padding:0; overflow:hidden; background:#000; }.youtube-player iframe { width:100%; height:100%; border:0; }.youtube-open { margin:20px 0 40px; }.topbar .lucide,.sidebar .lucide { width:18px; height:18px; flex:none; }.search button .lucide { width:17px; height:17px; }.menu-button .lucide { width:22px; height:22px; }.auth-link,.create,.top-more { display:inline-flex; align-items:center; gap:6px; }
.sidebar a { display:flex; align-items:center; gap:13px; }
.youtube-error { color:#ff9fae; background:#35131b; border:1px solid #7f3040; border-radius:7px; padding:12px 14px; max-width:760px; }
.youtube-channel-banner { background:linear-gradient(110deg,#32111b,#b4002e 45%,#ff0033); }.youtube-channel-avatar { object-fit:cover; }.youtube-channel-videos { padding-top:34px; }.youtube-channel-videos h2 { margin:0 0 25px; }.youtube-watch-page { max-width:1120px; padding-top:28px; }.youtube-player { position:relative; display:block; width:100%; aspect-ratio:16 / 9; height:auto; min-height:0; background:#000; border-radius:12px; overflow:hidden; }.youtube-player #youtubePlayer { position:absolute; inset:0; width:100%!important; height:100%!important; }.youtube-player iframe { position:absolute!important; inset:0; display:block; width:100%!important; height:100%!important; border:0; }.youtube-meta-avatar { overflow:hidden; }.youtube-meta-avatar img { width:100%; height:100%; object-fit:cover; }.youtube-watch-meta { min-height:58px; }.youtube-creator-copy { min-width:0; }.youtube-open-button { margin-left:auto; text-decoration:none!important; color:#111!important; white-space:nowrap; }.youtube-description { white-space:pre-line; max-height:220px; overflow:auto; }.youtube-source-note { display:flex; gap:14px; align-items:flex-start; padding:17px 20px; margin:20px 0 50px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }.youtube-source-note > span { color:#ff0033; font-size:22px; }.youtube-source-note strong { font-size:14px; }.youtube-source-note p { color:var(--muted); font-size:12px; margin:5px 0 0; }
.youtube-feed { margin:45px 0; }.youtube-player { position:relative; min-height:0; }.youtube-player #youtubePlayer { width:100%; height:100%; }.youtube-player-brand { position:absolute; left:18px; top:15px; z-index:2; color:#fff; font:600 13px 'DM Mono',monospace; background:#111b; padding:7px 10px; border-radius:5px; }.youtube-player-brand span { color:#ff0033; }.youtube-play { position:absolute; left:22px; bottom:20px; z-index:3; border:0; border-radius:50%; width:45px; height:45px; background:#ff0033; color:#fff; cursor:pointer; }.youtube-player-status { position:absolute; right:18px; bottom:22px; z-index:3; color:#ddd; font-size:11px; background:#111b; padding:7px 10px; border-radius:5px; }
.youtube-watch-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:24px; align-items:start; }.youtube-watch-main { min-width:0; }.youtube-related { border-left:1px solid var(--line); padding-left:20px; }.youtube-related h2 { margin:0 0 18px; font-size:20px; }.youtube-related-item { display:grid; grid-template-columns:128px 1fr; gap:10px; color:var(--ink); text-decoration:none; margin-bottom:16px; }.youtube-related-thumb { display:block; aspect-ratio:16 / 9; border-radius:6px; background-size:cover; background-position:center; background-color:#222; }.youtube-related-item strong,.youtube-related-item small { display:block; }.youtube-related-item strong { font-size:12px; line-height:1.3; }.youtube-related-item small { color:var(--muted); font-size:10px; margin-top:6px; }.youtube-related-item:hover strong { color:var(--soft-red); }
.youtube-comments { border-top:1px solid var(--line); margin-top:28px; padding-top:24px; }.youtube-comments-heading { display:flex; align-items:baseline; gap:14px; }.youtube-comments-heading h2 { margin:0 0 22px; font-size:20px; }.youtube-comment { display:flex; gap:12px; margin:0 0 22px; }.youtube-comment img { width:34px; height:34px; border-radius:50%; object-fit:cover; background:#333; flex:none; }.youtube-comment strong,.youtube-comment small { display:block; }.youtube-comment strong { font-size:13px; }.youtube-comment small { color:var(--muted); font-size:10px; margin-top:3px; }.youtube-comment p { color:#ddd; font-size:13px; line-height:1.5; margin:7px 0 0; white-space:pre-line; }
.watch-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:24px; align-items:start; }.watch-main { min-width:0; }.watch-related { border-left:1px solid var(--line); padding-left:20px; }.watch-related h2 { margin:0 0 18px; font-size:20px; }.watch-related-item { display:grid; grid-template-columns:145px 1fr; gap:10px; color:var(--ink); text-decoration:none; margin-bottom:16px; }.watch-related-thumb { display:block; aspect-ratio:16 / 9; border-radius:6px; background-size:cover; background-position:center; background-color:#222; position:relative; }.watch-related-item strong,.watch-related-item small { display:block; }.watch-related-item strong { font-size:12px; line-height:1.3; }.watch-related-item small { color:var(--muted); font-size:10px; margin-top:5px; }.watch-related-item:hover strong { color:var(--soft-red); }.watch-action { display:inline-flex; align-items:center; gap:5px; margin-left:4px; font-size:12px; }.watch-action .lucide { width:15px; height:15px; }.watch-description strong { display:block; margin-bottom:9px; }.watch-description p { margin:0; }
.watch-layout .watch-player { height:auto; aspect-ratio:16 / 9; }.watch-layout .watch-video { object-fit:contain; }.watch-layout .watch-description { margin-bottom:25px; }
.watch-like { display:inline-flex; align-items:center; gap:6px; margin-left:auto; border:1px solid var(--line); background:var(--panel); color:var(--ink); border-radius:20px; padding:9px 14px; cursor:pointer; }.watch-like:hover,.watch-like.liked { border-color:var(--soft-red); color:var(--soft-red); }.watch-like .lucide { width:16px; height:16px; }.watch-like-count { font-size:12px; }
.field-label textarea { width:100%; box-sizing:border-box; resize:vertical; min-height:110px; padding:12px 14px; border:1px solid #444; border-radius:7px; background:#121212; color:var(--ink); font:inherit; }
@media (max-width:1050px) { .watch-layout { grid-template-columns:1fr; }.watch-related { border-left:0; border-top:1px solid var(--line); padding:25px 0 0; }.watch-related-item { grid-template-columns:180px 1fr; max-width:560px; } }
.youtube-short { background-size:cover; background-position:center; }.youtube-short:after { content:'YOUTUBE'; position:absolute; top:10px; right:10px; z-index:1; font:10px 'DM Mono',monospace; color:#fff; background:#ff0033; padding:4px 5px; border-radius:3px; }.combined-shorts { margin-top:30px; }
@media (max-width:1050px) { .youtube-watch-layout { grid-template-columns:1fr; }.youtube-related { border-left:0; border-top:1px solid var(--line); padding:25px 0 0; }.youtube-related-item { grid-template-columns:180px 1fr; max-width:560px; } }