/* GEN Z VID — promo-inspired skin. Layout contracts and all application handlers stay intact. */
body:not(.light){--bg:#0d0e20;--panel:#15172e;--line:#343555;--text:#f4f3ff;--muted:#aaaac7;--gold:#b09aff;--magic-edge:#aba0ff25;--magic-gold:#bfaaff;background:radial-gradient(ellipse at 0 12%,#6237bc25,transparent 38%),radial-gradient(ellipse at 100% 38%,#00b4cd12,transparent 34%),radial-gradient(ellipse at 70% 95%,#cb398d12,transparent 40%),#0d0e20;background-attachment:fixed;color:var(--text)}
body:not(.light)>header{background:#111328ef!important;border-bottom:1px solid #9d91e72e!important;box-shadow:0 5px 26px #02030c33}body:not(.light)>aside{background:#101225e8;border-color:#6e65a32b}body:not(.light)>aside button.active{background:linear-gradient(110deg,#6c4ce735,#6c4ce70d);color:#c3acff;border-radius:14px}
body>header .brand{letter-spacing:-1.1px!important}.brand .rise-wordmark{filter:drop-shadow(0 0 12px #875dff22)}body:not(.light) button:not(.gold):hover{border-color:#9c80f06b}button:active{transition:transform .12s;transform:translateY(1px)}button:disabled{cursor:default}svg{vertical-align:middle}.promo-icon-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.promo-icon-button>svg{width:20px;height:20px;flex:0 0 20px;opacity:.95;pointer-events:none}.promo-icon-button>span{min-width:0}
body:not(.light) .magic-home,body:not(.light) .magic-search{background:none}.magic-welcome{border-radius:24px!important;padding:25px!important}.magic-welcome h1{letter-spacing:-.6px}.magic-welcome button{background:linear-gradient(120deg,#8455ff,#5548e7)!important;color:#fff!important;box-shadow:0 5px 24px #754ae533}.magic-filters button,.watch-feed-filters button{border-radius:13px;min-height:42px}.magic-filters button.selected,.magic-categories button.selected{background:linear-gradient(125deg,#b88bff,#7a4fe4)!important;color:#fff!important;box-shadow:0 3px 20px #8754f52b}.magic-categories{gap:8px}.magic-categories button{display:inline-flex;align-items:center;gap:7px;font-weight:550}
body:not(.light) .magic-content-wrap{background:linear-gradient(145deg,#1d1b355e,#10132499);border-color:#9d8bd62b;border-radius:20px;box-shadow:0 9px 28px #03041122}.magic-content-wrap>.card:not(.refresh-post){padding:9px}.magic-content-wrap .thumb{border-radius:15px}.card h3{font-weight:650;letter-spacing:-.2px;line-height:1.4}.card .thumb img{transition:transform .35s ease}.card .thumb:hover img{transform:scale(1.025)}body:not(.light) .magic-channel{background:linear-gradient(140deg,#21203b,#121a30);border-color:#a89aff2c;border-radius:21px}.magic-channel-actions .magic-sub{background:linear-gradient(120deg,#8555ff,#694bd7)!important;color:#fff!important}.magic-channel-actions .is-followed{background:#8970cc21!important;color:#d8caff!important}.magic-avatar,.channel-avatar{box-shadow:0 0 0 2px #8974e94d,0 4px 18px #6845ce22}
body:not(.light) .panel,body:not(.light) .studio-panel,body:not(.light) .verify-card{background:linear-gradient(140deg,#1b1b35,#13152a);border-color:#8d80ba2e;border-radius:19px}body:not(.light) input,body:not(.light) select,body:not(.light) textarea{background:#11142a;border-color:#49436966}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9e7dff;outline-offset:2px}body:not(.light) #dialog{background:linear-gradient(145deg,#20203cf5,#121529f8);border-color:#a58cfa40;border-radius:24px;box-shadow:0 20px 80px #02030c99}
.channel-banner,.banner,.channel-banner-fallback{border-radius:22px;overflow:hidden}.channel-identity h1,.channel-identity h2{font-weight:750;letter-spacing:-.6px}.channel-controls button,.channel-controls select,.you-controls button{border-radius:15px;min-height:44px}.channel-tabs,.studio-single-toolbar .adv-studio-nav{gap:9px}.channel-tabs button{font-weight:600}.channel-tabs button.selected{color:#c2a6ff!important;border-bottom-color:#9b6aff!important}
body:not(.light) #zen-phone-nav{background:#111329ed!important;border-top:1px solid #9b89dc2d!important;box-shadow:0 -8px 32px #03040d35;backdrop-filter:blur(22px)}#zen-phone-nav button:not([data-phone-nav="create"]){position:relative;isolation:isolate}#zen-phone-nav button.selected:not([data-phone-nav="create"]){color:#bb96ff!important}#zen-phone-nav button.selected:not([data-phone-nav="create"]):after{content:'';position:absolute;bottom:0;width:20px;height:3px;border-radius:3px;background:#a67bff;box-shadow:0 0 9px #9d68ff77;pointer-events:none}#zen-phone-nav button svg{stroke-width:1.8}#zen-phone-nav button small{font-size:10px!important;font-weight:500}
/***** Chat + Library: raised conversation surfaces and subtle wallpaper *****/
body:not(.light) #inbox-contacts.cosmic-inbox-list{background:#101327!important}.cosmic-conversations{gap:7px;padding:8px}.cosmic-chat-row{border-radius:17px;border:1px solid #a38bdd19;background:linear-gradient(130deg,#25203b99,#191c3499)}.cosmic-chat-open{padding:14px 12px!important}.cosmic-chat-copy>b{font-weight:650}.cosmic-chat-copy small{line-height:1.4}.cosmic-unread{background:linear-gradient(135deg,#c08bff,#7843e7)!important;box-shadow:0 0 14px #9955ff35}.cosmic-chat-open .inbox-avatar{box-shadow:0 0 0 1px #c6a7ff44}.chat-bubble{border-radius:17px!important}body:not(.light) .chat-bubble.mine{background:linear-gradient(135deg,#6840df,#4336b3)!important;color:#fff}body:not(.light) #chat-send{background:#17192ded;border-color:#8f78c530}.library-hub .you-library>button{border:1px solid #aaa0dd1d;border-radius:19px;padding:13px;background:linear-gradient(130deg,#24203e66,#14192c66)}.library-cover{background:linear-gradient(135deg,#312549,#182743);color:#b58cff;border:1px solid #b099f32c}.library-studio-icon{background:radial-gradient(circle,#8656ed33,#5d3ca410);border-color:#a673ee66;border-radius:50%;width:48px;height:48px;padding:11px}.library-hub .you-toolbar h1{font-size:23px;margin:0}
.studio-stats article{border-radius:18px!important;box-shadow:inset 0 1px 0 #d9bdff0b,0 6px 24px #04061022}.studio-stats article b{font-weight:750;letter-spacing:-.7px}.studio-stats article span{color:#beb8d6}.studio-single-toolbar .adv-studio-nav>button{border-radius:14px;background:#17192c;border-color:#8276ad35}.studio-single-toolbar .adv-studio-nav>button.selected{background:linear-gradient(125deg,#b78afc,#7850de);color:#fff}.studio-chart{border:1px solid #9585c32b;border-radius:16px;padding:12px;background:#12152a44}
.watch-page .watch-heading h1{letter-spacing:-.4px}.watch-page .watch-actions button,.watch-rating{border-radius:24px!important}.watch-feed-filters button[aria-pressed="true"]{background:linear-gradient(120deg,#b68bff,#8350e9);color:white;border-color:transparent}.whole-player-mini{border-color:#a58cff66!important;box-shadow:0 10px 45px #02041499,0 0 22px #7042c724!important;border-radius:19px!important}.watch-player{box-shadow:0 12px 36px #59329517}
@media(min-width:1101px){main{max-width:1700px;margin-right:auto}.grid{gap:26px 22px}.studio-page .studio-top{padding:12px 0 15px}.studio-columns{gap:18px}.library-hub{max-width:1200px}.magic-welcome{padding:32px!important}}
@media(max-width:1100px){.magic-welcome{padding:20px!important;border-radius:21px!important}.magic-welcome h1{font-size:25px!important;line-height:1.35}.magic-welcome p{font-size:12px}.magic-content-wrap{border-radius:17px}.magic-content-wrap>.card:not(.refresh-post){padding:7px}.channel-controls{gap:8px}.channel-controls .promo-icon-button{gap:6px}.channel-controls .promo-icon-button svg{width:18px;height:18px;flex-basis:18px}.studio-stats article{padding:16px}.studio-stats article b{font-size:26px}.cosmic-chat-open{min-height:79px}.cosmic-chat-copy>b{font-size:14px}.library-hub .you-library b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.card .thumb img,button:active{transition:none}.card .thumb:hover img,button:active{transform:none}}
body:not(.light)>header .brand .rise-gen,body:not(.light)>header .brand .rise-vid{color:#f5f1ff!important}body:not(.light)>header .brand .rise-z{color:#ad81ff!important;text-shadow:0 0 15px #9153ed33}
/* Reference layouts: the app content inside the supplied ten phone mockups. */
body:not(.light){--bg:#090b1c;--panel:#16162d;background:radial-gradient(ellipse at 85% 0,#25175e1c,transparent 48%),#090b1c}body:not(.light)>header{background:#0c0e21f5!important}.magic-home .magic-welcome{display:flex;align-items:center;gap:12px;padding:10px 14px!important;margin:0 0 12px;border-radius:14px!important;min-height:0}.magic-home .magic-welcome>div{flex:1}.magic-home .magic-welcome small,.magic-home .magic-welcome p{display:none}.magic-home .magic-welcome h1{font-size:17px!important;line-height:1.4;margin:0}.magic-home .magic-welcome button{padding:8px 12px;min-height:36px;font-size:12px}.magic-status-strip{padding:6px 0 13px!important;gap:16px!important}.magic-status-strip>a{flex:0 0 66px;text-align:center}.magic-status-ring{width:64px!important;height:64px!important;border:2px solid transparent!important;background:linear-gradient(#0b0c20,#0b0c20) padding-box,linear-gradient(140deg,#25d6e6,#9a4af8,#ed52bc) border-box!important;padding:3px!important}.magic-status-ring img{border-radius:50%;width:100%;height:100%;object-fit:cover}.magic-status-strip small{display:block;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin-top:6px}.magic-filters{gap:9px!important;scrollbar-width:none}.magic-filters button{background:#1b1b35;border:1px solid #45416133;min-height:38px;padding:9px 17px;font-size:13px;color:#eeebff}.magic-categories button svg{width:17px;height:17px}.magic-home .magic-feed{gap:20px!important}.magic-content-wrap:has(>.reference-video){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;position:relative;min-width:0}.magic-content-wrap>.reference-video,.reference-video{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;min-width:0}.reference-thumbnail{display:block}.reference-video .thumb{position:relative;aspect-ratio:16/9;height:auto!important;border-radius:12px!important;overflow:hidden;background:#16182d}.reference-video .thumb img{display:block;width:100%;height:100%;object-fit:cover}.reference-duration{position:absolute;bottom:7px;right:7px;background:#070912d9;color:#fff;font-size:12px;font-weight:600;padding:2px 5px;border-radius:4px}.reference-video-info{display:flex;align-items:flex-start;gap:11px;padding:11px 1px 2px;position:relative}.reference-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6135a9,#243b6b);color:#eee0ff;font-weight:700;font-size:19px;box-shadow:0 0 0 1px #b87fff55}.reference-avatar img{width:100%;height:100%;object-fit:cover}.reference-video-copy{flex:1;min-width:0}.reference-video h3{margin:0 0 4px!important;font-size:15px!important;line-height:1.4;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reference-video-copy .reference-byline{font-size:12px;color:var(--muted);display:inline}.reference-video-copy p{font-size:11px;line-height:1.5;margin:3px 0!important;color:var(--muted)}.reference-video-menu{flex:0 0 24px;position:relative;z-index:3}.reference-video-menu summary{list-style:none;text-align:center;font-size:24px;line-height:30px;cursor:pointer;border-radius:8px}.reference-video-menu summary::-webkit-details-marker{display:none}.reference-video-menu[open]>div{position:absolute;right:0;top:32px;width:170px;background:#1b1c35;border:1px solid #8273bc55;border-radius:12px;box-shadow:0 8px 24px #0008;padding:6px}.reference-video-menu a{display:block;padding:10px;font-size:13px}.reference-channel-actions{margin:1px 0 0 52px;font-size:11px;color:#aaa7c2}.reference-channel-actions>summary{cursor:pointer;padding:3px 0;list-style:none}.reference-channel-actions>summary:after{content:' ⌄'}.reference-channel-actions>.magic-channel{margin-top:6px}.reference-channel-actions[open]{position:relative;z-index:2}.reference-post-header{display:flex;gap:12px;align-items:center;margin-bottom:13px}.reference-post-header small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.refresh-post{border-radius:16px!important;background:#141529!important;border:1px solid #65548935!important;padding:14px!important}.refresh-post .refresh-post-author{font-size:14px;font-weight:650}.refresh-post-text{font-size:15px;line-height:1.65}.refresh-post-media{border-radius:12px!important;max-height:420px;object-fit:cover}.refresh-post-footer{display:flex;align-items:center;gap:15px;border-top:0!important}.refresh-post-footer button,.refresh-post-footer a{background:none!important;border:0!important;padding:7px 0!important;font-size:12px;display:inline-flex;align-items:center;gap:6px}.refresh-post-footer svg{width:21px;height:21px}
/* Search uses landscape result rows and a dedicated chapter surface. */
.magic-search .zen-search-bar{border-radius:18px;background:#191b35;border:1px solid #8275c344;padding:5px 8px}.magic-search #zen-search-form{width:100%}.magic-search #zen-search-input{background:transparent;border:0;min-width:0;font-size:16px}.magic-search #magic-suggestions{padding:6px 0 12px}.magic-search #magic-suggestions button{display:flex;align-items:center;gap:14px;text-align:left;background:none;border:0;border-radius:10px;width:100%;padding:13px 8px;font-size:14px}.magic-search #magic-suggestions button:after{content:'↖';margin-left:auto;font-size:20px;color:#b4acd5}.magic-search #magic-results h2{font-size:16px;margin:14px 0 10px}.magic-search #magic-results .magic-feed{display:flex;flex-direction:column;gap:17px!important}.magic-search .reference-video{display:grid;grid-template-columns:minmax(120px,43%) minmax(0,1fr);gap:12px;align-items:start}.magic-search .reference-video-info{padding-top:1px;gap:0}.magic-search .reference-video-info>.reference-avatar{display:none}.magic-search .reference-video h3{font-size:14px!important;-webkit-line-clamp:3}.magic-search .reference-video .thumb{border-radius:10px!important}.magic-search .reference-channel-actions{margin-left:calc(43% + 12px);margin-top:3px}.chapter-search-hit{background:#191a34!important;border:1px solid #60538255!important;border-radius:15px;padding:10px;gap:12px}.chapter-hit-image{border-radius:9px;overflow:hidden}.chapter-hit-image b{background:#8447ec;color:#fff;border-radius:4px}.chapter-search-hit h3{font-size:15px}.chapter-search-hit p,.chapter-search-hit small{font-size:12px}
/* Library has one compact owner row, horizontal history and playlist shelves. */
.library-hub .you-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.library-hub .you-toolbar h1{font-size:27px;font-weight:750;order:-1}.library-hub #library-accounts{padding:7px 12px;font-size:12px;min-height:32px}.library-hub .reference-library-profile{display:flex;align-items:center;gap:14px;padding:0;margin-bottom:12px}.reference-library-profile>.channel-avatar{width:76px!important;height:76px!important;flex:0 0 76px!important;font-size:32px!important}.reference-library-profile>div:nth-child(2){flex:1;min-width:0}.reference-library-profile h2{font-size:18px!important;margin:0 0 4px}.reference-library-profile p{font-size:12px;margin:0 0 8px;color:var(--muted)}#library-channel{min-height:32px;border:1px solid #9465db80;border-radius:20px;padding:5px 13px;font-size:12px;background:#6b38b71a}.reference-library-profile .library-studio-icon{position:relative;width:48px;height:48px;flex:0 0 48px;padding:11px;margin:0 6px 18px}.reference-library-profile .library-studio-icon span{position:absolute;top:53px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;font-weight:400}.reference-library-tools{justify-content:flex-end;margin:0!important}.reference-library-tools button{font-size:11px;min-height:28px;padding:4px 10px}.library-hub .channel-section{border:0!important;padding:10px 0;margin-top:0}.library-hub .you-section-title h2,.library-hub .channel-section>h2{font-size:18px;margin:10px 0 14px}.library-hub .you-section-title button{border:0;background:transparent;font-size:12px;color:var(--muted);padding:5px}.library-hub .you-history{gap:11px;padding:1px 1px 10px;scrollbar-width:none}.library-hub .you-history .card{flex:0 0 145px!important;min-width:145px!important;max-width:145px!important}.library-hub .you-history .reference-video-info{padding-top:7px;gap:0}.library-hub .you-history .reference-avatar,.library-hub .you-history .reference-video-menu{display:none}.library-hub .you-history .card h3{font-size:12px!important}.library-hub .you-history .reference-video-copy p{display:none}.library-hub .you-history .reference-byline{font-size:10px}.library-hub .you-library{gap:11px!important}.library-hub .you-library>button{padding:13px 15px;gap:16px;border-radius:15px;min-height:77px}.library-hub .you-library>button>.library-cover{width:38px;height:38px;aspect-ratio:1;background:none;border:0;font-size:29px;flex-basis:38px;box-shadow:none}.library-hub .you-library>button:after{content:'›';font-size:26px;color:#c2b5dc;margin-left:auto}.library-hub .you-library b{font-size:16px!important}.library-hub .you-library small{font-size:11px;margin-top:4px}.library-hub #library-collections{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px}.library-hub .library-collection{flex:0 0 127px;width:127px;display:block;padding:0}.library-hub .library-collection>.library-cover{width:127px;height:90px;aspect-ratio:auto;border-radius:10px}.library-hub .library-collection h3{font-size:12px;line-height:1.4;margin:8px 0 4px}.library-hub .library-collection small{font-size:10px;color:var(--muted)}
/* Owner channel profile and video actions follow the mockups without moving player DOM. */
.channel-page .channel-banner,.channel-page .channel-banner-fallback{border-radius:13px 13px 0 0;aspect-ratio:3.2;height:auto!important;min-height:110px}.channel-page .channel-banner img{width:100%;height:100%;object-fit:cover}.channel-page .channel-identity{position:relative;align-items:center;gap:18px;margin-top:-22px;padding:0 12px}.channel-page .channel-identity>.channel-avatar{width:94px;height:94px;flex:0 0 94px;border:3px solid #8c63ed;box-shadow:0 0 0 3px #0c0e20}.channel-page .channel-identity h1{font-size:25px;margin:15px 0 5px}.channel-page .channel-handle{font-size:14px}.channel-controls{display:flex;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding:9px 0}.channel-controls>*{flex:0 0 auto;white-space:nowrap}.channel-controls #channel-edit{background:linear-gradient(120deg,#8d50ff,#6551eb);color:white}.channel-tabs{display:flex;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto;gap:10px}.channel-tabs button{border:0!important;border-radius:0!important;background:none!important;padding:13px 12px;position:relative;font-size:14px}.channel-tabs button.selected:after{content:'';position:absolute;bottom:0;left:7px;right:7px;height:3px;border-radius:3px;background:#a266ff}.watch-page .watch-channel{padding-top:8px;padding-bottom:8px}.watch-page .watch-heading h1{font-size:18px!important;line-height:1.4}.watch-page #watch-subscribe{background:linear-gradient(120deg,#9766ff,#6b55f2);border:0}.watch-page .watch-actions>button{border:0!important;background:none!important;border-radius:0!important}.watch-page .watch-actions>button svg{width:25px;height:25px;padding:13px;box-sizing:content-box;background:#1f1e37;border-radius:18px}.watch-page .watch-actions>button span{font-size:11px}.watch-page .watch-rating{background:#1f1e37!important;border:0!important}.watch-feed-filters{border-top:1px solid #61517930;padding-top:13px!important}.watch-feed-filters button{border-radius:13px;background:#1b1c33;font-size:13px}
body:not(.polish-shorts-mode):not(.zen-reels-open) main.watch-page .watch-actions>button{flex-direction:column!important;gap:7px!important;padding:3px 7px!important;font-size:11px!important;min-width:70px!important}body:not(.polish-shorts-mode):not(.zen-reels-open) main.watch-page .watch-actions{align-items:center;padding-top:6px!important;padding-bottom:13px!important;gap:5px!important}.watch-page .watch-rating{align-self:center;min-height:52px!important}
.cosmic-conversations{gap:7px;padding:6px}.cosmic-chat-row{border-radius:16px;background:#19172e;border-color:#7a58b31a}.cosmic-chat-open{min-height:87px!important}.cosmic-chat-copy>b{font-size:15px!important}.cosmic-chat-copy small{font-size:13px;color:#b8b2d2}.cosmic-chat-open .inbox-avatar{width:51px;height:51px}.reel-side-actions button{background:none!important;border:0!important;box-shadow:none!important}.reel-side-actions button svg{filter:drop-shadow(0 1px 3px #0009)}.reel-channel-info{background:linear-gradient(transparent,#0006);text-shadow:0 1px 4px #000b}.reel-channel-row [data-reel-subscribe]{background:#8b4df2;border:0;color:white;border-radius:22px}
@media(max-width:1100px){.magic-home{padding-top:10px!important}.magic-home .magic-feed{grid-template-columns:1fr!important}.magic-home .reference-video .thumb{border-radius:11px!important}.magic-home .magic-welcome{margin-bottom:5px}.channel-page .channel-controls button{font-size:12px;min-height:41px;padding:9px 12px}.channel-page .channel-controls{gap:7px}.channel-page .channel-identity h1{font-size:23px}.channel-page .channel-banner{margin-left:0;margin-right:0}.magic-search .magic-feed{grid-template-columns:1fr!important}#exp-miniplayer.whole-player-mini{width:min(285px,calc(100vw - 24px));right:12px;left:auto}.whole-player-mini .exp-mini-media{min-height:0}.whole-player-mini .exp-mini-info{padding:7px 10px}.whole-player-mini .exp-mini-info b{font-size:13px}.whole-player-mini .exp-mini-info small{font-size:11px}.whole-player-mini .exp-mini-controls{padding:5px 8px}.library-hub{padding:16px 13px!important}.library-hub .channel-identity{margin-top:0}.reference-library-profile .channel-avatar{border:2px solid #8e62d8}.magic-search .zen-search-bar{margin-bottom:11px}.magic-search .reference-video .thumb{min-height:85px}}
@media(min-width:1101px){.magic-search #magic-results{max-width:1050px}.magic-search .reference-video{grid-template-columns:280px minmax(0,1fr)}.magic-search .reference-channel-actions{margin-left:292px}.library-hub .you-history .card{flex-basis:210px!important;max-width:210px!important}.library-hub .you-library{max-width:760px}.channel-page .channel-identity>.channel-avatar{width:125px;height:125px;flex-basis:125px}.channel-page .channel-banner{aspect-ratio:5}}