:root{color-scheme:dark;--black:#070609;--white:#f3f0f4;--muted:#99939f;--violet:#b871fa;--hair:rgba(255,255,255,.1);--glass:rgba(34,28,41,.23);--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-feature-settings:'ss01' on;line-height:1.4;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d4a2ff;outline-offset:4px}::selection{background:#6b2797;color:#fff}
body::before{content:"";pointer-events:none;z-index:-1;position:absolute;top:-20rem;left:5%;right:5%;height:46rem;background:radial-gradient(ellipse at 25% 10%,rgba(100,41,127,.055),transparent 50%)}
#glassFilter{height:0;width:0;position:absolute;overflow:hidden}
.wrapper{width:min(100% - 104px,1480px);margin-inline:auto}
.glass{isolation:isolate;position:relative;background:linear-gradient(165deg,rgba(255,255,255,.092),rgba(255,255,255,.015) 26%,rgba(12,7,16,.08) 63%,rgba(255,255,255,.065)),rgba(22,17,27,.3);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.05),0 5px 22px rgba(0,0,0,.14),0 0 0 .5px rgba(255,255,255,.035)}
.glass::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.19) 0,rgba(255,255,255,.03) 11%,transparent 36%,transparent 70%,rgba(205,159,255,.13) 100%);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:.7}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 50% 80% at 25% -45%,rgba(255,255,255,.32),transparent 78%);mix-blend-mode:screen;opacity:.7}
.glass.interactive{transition:border-color .2s var(--ease),background .2s var(--ease),transform .23s var(--ease)}.glass.interactive:hover{border-color:rgba(235,207,255,.36);background-color:rgba(53,40,62,.36)}
.site-header{position:relative;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:115px}.brand{display:flex;align-items:center;width:425px;flex:0 0 auto;height:92px;min-width:0}.brand svg{width:100%;height:auto;overflow:visible;display:block}.brand:focus-visible{outline-offset:0;border-radius:8px}
/* The paths are drawn as neon tubing, rather than simply applying glow to a font. */
.tube-shield{stroke:#25132d;stroke-width:11;stroke-linejoin:round;stroke-linecap:round;fill:none}.tube-halo{stroke:#ae4bff;stroke-width:7;stroke-linejoin:round;stroke-linecap:round;fill:none;opacity:.68;filter:blur(5px)}.tube-main{stroke:#d59bff;stroke-width:4.6;stroke-linejoin:round;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 3px #dfadff) drop-shadow(0 0 7px #a84bff) drop-shadow(0 0 18px #7b20c1)}.tube-hot{stroke:#fff0ff;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;fill:none;opacity:.88}
.neon-word{animation:ignite 1.25s steps(1,end) both}.neon-word:nth-of-type(2){animation-delay:.08s}.neon-word:nth-of-type(3){animation-delay:.18s}@keyframes ignite{0%,7%{opacity:.015}8%,12%{opacity:.69}13%,20%{opacity:.12}21%,22%{opacity:.92}23%,33%{opacity:.13}34%,41%{opacity:1}42%,45%{opacity:.47}46%,100%{opacity:1}}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;flex:1}.search-pill{border-radius:999px;height:48px;width:min(380px,37vw);display:flex;align-items:center;gap:11px;padding:0 18px;flex:0 1 auto}.search-pill svg{width:16px;height:16px;opacity:.68;flex:0 0 auto}.search-pill input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:13px;letter-spacing:.01em;color:var(--white)}.search-pill input::placeholder{color:rgba(240,227,247,.57)}.header-link{color:#c8c3ca;font-size:13px;font-weight:500;white-space:nowrap;transition:color .2s}.header-link:hover,.header-link.active{color:white}.sign-in{padding:11px 16px;border-radius:999px;color:white;font-size:13px;font-weight:600;white-space:nowrap}
.eyebrow{color:#a09aa5;font-size:10px;font-weight:650;letter-spacing:.25em;text-transform:uppercase}.eyebrow span{color:#6e6574}.feature-head{display:flex;justify-content:space-between;align-items:center;margin-top:38px;margin-bottom:17px}.label-right{font-size:11px;color:#69626e;letter-spacing:.08em}
.feature{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr);gap:clamp(38px,5vw,88px);align-items:center}.featured-media{position:relative;aspect-ratio:1.99;min-width:0;overflow:hidden;background:#17121c;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.featured-media img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.07) saturate(.65)}.featured-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.36),transparent 45%);pointer-events:none}.feature-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-play:hover{transform:translate(-50%,-50%) scale(1.04)!important}.feature-play .refract{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:url("assets/still-00.jpg") center center / var(--glass-bg-w,800px) var(--glass-bg-h,450px) no-repeat;filter:url(#lensDisplace);opacity:.8;-webkit-mask-image:radial-gradient(circle,transparent 33%,rgba(0,0,0,.4) 70%,#000 100%);mask-image:radial-gradient(circle,transparent 33%,rgba(0,0,0,.4) 70%,#000 100%)}.feature-play svg{position:relative;z-index:2;width:19px;height:19px;margin-left:4px;color:#f8f1ff}.image-index{z-index:3;position:absolute;bottom:23px;left:24px;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.72)}
.feature-copy{align-self:center;padding-bottom:7px}.feature-copy .rule{width:36px;height:1px;background:#b078d4;margin:22px 0}.feature-copy h1{font-size:clamp(37px,4.6vw,68px);font-weight:400;line-height:1.04;letter-spacing:-.052em;max-width:390px;margin:0 0 19px}.feature-meta{color:#98919e;font-size:13px;margin:0 0 30px;line-height:1.7}.text-action{background:none;border:0;padding:7px 0;color:#e4d0f2;font-size:13px;font-weight:600;letter-spacing:.015em}.text-action span{display:inline-block;margin-left:8px;transition:transform .2s}.text-action:hover span{transform:translateX(3px)}
.discover{margin-top:105px}.discover-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:29px}.discover-title{font-weight:450;letter-spacing:-.042em;font-size:35px;line-height:1;margin:12px 0 0}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter{border-radius:99px;background:none;border:1px solid transparent;color:#9d96a2;font-size:12px;padding:10px 16px;line-height:1}.filter:hover{color:white}.filter.active{color:#fff;border-color:rgba(255,255,255,.22)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:44px}.video-card{display:block;width:100%;min-width:0;cursor:pointer;background:none;border:0;text-align:left;color:inherit;padding:0}.thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#16131a;border:1px solid rgba(255,255,255,.052)}.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65);transition:transform .5s var(--ease),filter .5s var(--ease)}.video-card:hover .thumb img,.video-card:focus-visible .thumb img{transform:scale(1.028);filter:saturate(.92)}.duration{position:absolute;right:11px;bottom:11px;border-radius:8px;padding:6px 9px;font-variant-numeric:tabular-nums;background:rgba(13,12,17,.43);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:650;letter-spacing:.01em}.video-title{display:block;font-size:14px;font-weight:530;letter-spacing:-.008em;margin-top:14px;margin-bottom:5px}.video-meta{display:block;color:#8d8692;font-size:12px;letter-spacing:.01em}.no-results{grid-column:1/-1;padding:50px 0 85px;color:#a8a0ab;font-size:14px}
footer{margin-top:105px;margin-bottom:38px;padding-top:24px;border-top:1px solid var(--hair);display:flex;gap:18px;justify-content:space-between;color:#6f6974;font-size:11px}footer nav{display:flex;flex-wrap:wrap;gap:20px}footer a:hover{color:#fff}.demo-disclaimer{max-width:500px;line-height:1.6}
.modal-overlay{position:fixed;z-index:50;inset:0;background:rgba(1,1,3,.84);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;padding:24px;animation:appear .24s var(--ease)}.modal-overlay[hidden]{display:none}@keyframes appear{from{opacity:0}to{opacity:1}}.modal-panel{position:relative;width:min(100%,930px)}.modal-panel video{display:block;width:100%;max-height:77vh;aspect-ratio:16/9;background:black;border-radius:12px;border:1px solid #31253b;object-fit:contain}.modal-caption{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#aaa0ad;font-size:13px;gap:15px}.close-modal{position:absolute;top:-50px;right:0;width:35px;height:35px;color:#fff;border-radius:50%;display:grid;place-items:center;background:rgba(40,32,46,.72);border:1px solid rgba(255,255,255,.2)}.prototype-note{font-size:11px;color:#877e8c}.signin-content{margin:0 auto;width:min(100%,420px);padding:38px 34px;border-radius:22px}.signin-content h2{font-size:28px;letter-spacing:-.045em;font-weight:450;margin:0 0 14px}.signin-content p{color:#ada3b1;font-size:13px;line-height:1.7;margin:0}.signin-content .small{font-size:11px;margin-top:30px}.modal-panel.login-box{max-width:420px}
@media(max-width:1140px){.wrapper{width:min(100% - 60px,1480px)}.brand{width:330px}.site-header{gap:15px}.header-right{gap:13px}.search-pill{width:min(320px,30vw)}.feature{grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);gap:40px}.feature-copy h1{font-size:48px}}
@media(max-width:850px){.wrapper{width:min(100% - 48px,1480px)}.site-header{flex-wrap:wrap;justify-content:center;gap:5px;padding-top:18px}.brand{width:min(440px,90vw);height:77px;justify-content:center}.header-right{flex:1 0 100%;justify-content:center;gap:12px}.search-pill{width:100%;max-width:none}.header-link{display:none}.sign-in{padding-inline:17px}.feature-head{margin-top:62px}.feature{grid-template-columns:1fr;gap:27px}.featured-media{aspect-ratio:1.93}.feature-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:15px}.feature-copy .eyebrow{grid-column:1/-1}.feature-copy .rule{display:none}.feature-copy h1{font-size:43px;margin:11px 0 8px}.feature-meta{grid-column:1;grid-row:3;margin:0}.feature-copy .text-action{grid-column:2;grid-row:2/4}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discover{margin-top:78px}}
@media(max-width:520px){.wrapper{width:min(100% - 32px,1480px)}.site-header{padding-top:10px}.brand{width:min(390px,100%);height:75px}.header-right{gap:10px}.search-pill{height:45px;padding-inline:15px}.sign-in{font-size:12px;padding:11px 14px}.feature-head{margin-top:50px;margin-bottom:13px}.label-right{display:none}.feature{gap:22px}.featured-media{aspect-ratio:1.7;border-radius:9px}.feature-play{width:60px;height:60px}.image-index{bottom:14px;left:14px}.feature-copy{display:block}.feature-copy h1{font-size:40px;max-width:none;margin-top:8px}.feature-meta{margin:0 0 15px;font-size:12px}.discover{margin-top:70px}.discover-heading{display:block;margin-bottom:25px}.discover-title{font-size:32px}.filter-bar{margin-top:20px}.video-grid{grid-template-columns:1fr;gap:29px}.video-title{margin-top:10px}.thumb{border-radius:7px}footer{display:block;margin-top:80px}footer nav{margin-top:18px;gap:13px}.modal-overlay{padding:14px}.modal-caption{align-items:start;display:block}.prototype-note{display:block;margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.neon-word{opacity:1!important}}

/* V2.1: the media and player take precedence over design-study labels. */
.feature{margin-top:58px}.feature-copy .eyebrow,.feature-copy .rule,.image-index{display:none}.feature-copy h1 a:hover{color:#ead0ff}.feature-play{pointer-events:none}.featured-media{display:block}.featured-media:focus-visible{outline:2px solid #d4a2ff;outline-offset:3px}.discover-title{margin-top:0}
.feature:hover .feature-play{transform:translate(-50%,-50%) scale(1.035)}
/* Dedicated watch page — no card chrome around the content. */
.watch-back{display:inline-flex;align-items:center;gap:9px;color:#a6a0ad;font-size:12px;margin-top:35px;margin-bottom:21px;transition:color .2s}.watch-back:hover{color:#fff}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,332px);gap:36px;align-items:start}.watch-main{min-width:0}.watch-video-frame{background:#030204;border-radius:12px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 18px 55px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.085)}.watch-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#050406}
.watch-title{font-weight:450;font-size:clamp(26px,3vw,37px);letter-spacing:-.045em;line-height:1.15;margin:26px 0 11px}.watch-meta{color:#958d9b;font-size:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.watch-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px;padding-bottom:25px;border-bottom:1px solid var(--hair)}.watch-action{display:inline-flex;align-items:center;gap:9px;min-height:41px;padding:0 16px;border-radius:999px;font-size:12px;color:#eee7f1;white-space:nowrap}.watch-action svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.watch-action[aria-pressed=true]{color:#e2a9ff;border-color:rgba(199,126,247,.5)}.watch-action[aria-pressed=true] svg{fill:rgba(199,126,247,.28)}.watch-feedback{min-height:18px;color:#a68fbe;font-size:11px;margin:10px 0 0}
.video-description{padding:19px 0 30px;border-bottom:1px solid var(--hair)}.description-channel{font-size:13px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.video-description p{max-width:680px;margin:0;color:#ada5b1;font-size:13px;line-height:1.75}.prototype-label{display:inline-block;margin-top:16px;color:#756e7b;font-size:11px}
.comments{padding-top:29px}.comments h2,.suggestions h2{font-weight:500;font-size:19px;letter-spacing:-.03em;margin:0 0 20px}.comments-note{font-size:11px;color:#817885;line-height:1.65;margin:-7px 0 22px}.comment-form{display:grid;gap:12px;margin-bottom:27px}.comment-form textarea{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;width:100%;resize:vertical;padding:15px 17px;line-height:1.5;min-height:82px;font-size:13px;outline:none}.comment-form textarea:focus{border-color:rgba(188,115,250,.6)}.comment-controls{display:flex;justify-content:flex-end;align-items:center;gap:16px}.comment-controls span{color:#746c79;font-size:11px}.comment-submit{padding:11px 18px;border-radius:999px;color:white;font-size:12px}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comment-list{display:grid;gap:23px}.comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.comment-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(161,106,201,.13);border:1px solid rgba(202,169,226,.16);color:#c5abd6;font-size:12px}.comment-author{font-size:12px;font-weight:600}.comment-age{font-size:11px;color:#77707c;font-weight:400;margin-left:7px}.comment-body{font-size:13px;color:#bfb7c3;margin:5px 0 0;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.suggestions{min-width:0}.suggestions h2{font-size:16px;margin:4px 0 18px}.suggestion-list{display:grid;gap:18px}.suggestion{display:grid;grid-template-columns:43% minmax(0,1fr);gap:12px;align-items:start}.suggestion-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#17131a}.suggestion-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:filter .2s,transform .3s}.suggestion:hover .suggestion-thumb img{filter:saturate(.95);transform:scale(1.035)}.suggestion-thumb .duration{right:6px;bottom:6px;padding:4px 6px;border-radius:5px;font-size:9px}.suggestion-title{display:block;font-size:12px;font-weight:560;line-height:1.35;margin:1px 0 7px}.suggestion-channel{display:block;font-size:11px;line-height:1.5;color:#89828c}.suggestion:hover .suggestion-title{color:#e7cfff}
.watch-empty{font-size:14px;color:#aaa;margin:90px 0}
@media(max-width:1140px){.watch-layout{grid-template-columns:minmax(0,1fr) minmax(240px,280px);gap:24px}}
@media(max-width:850px){.feature{margin-top:42px}.watch-layout{grid-template-columns:1fr;gap:50px}.suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.watch-back{margin-top:33px}.watch-title{margin-top:21px}}
@media(max-width:520px){.feature{margin-top:32px}.watch-back{margin-top:27px;margin-bottom:16px}.watch-video-frame{border-radius:8px}.watch-title{font-size:28px}.watch-actions{gap:8px}.watch-action{padding-inline:13px}.suggestion-list{grid-template-columns:1fr}.suggestion{grid-template-columns:42% 1fr}.comments{padding-top:22px}.watch-layout{gap:40px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* V2.2: floating suggestion lens, never an always-visible content panel. */
.search-shell{position:relative;display:flex;flex:0 1 auto;width:min(380px,37vw);min-width:0;z-index:15}
.search-shell .search-pill{width:100%;min-width:0;flex:1 1 auto}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 10px);padding:12px 7px 8px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(51,35,64,.76),rgba(15,11,20,.88));-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);box-shadow:0 16px 54px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.17);z-index:40}
.search-suggestions[hidden]{display:none}
.search-suggestions-heading{padding:7px 13px 9px;font-size:11px;letter-spacing:.045em;color:#a89ab0}
.search-suggestions-options{display:grid;gap:1px}
.search-suggestion{width:100%;text-align:left;color:#eee7f4;background:transparent;border:none;border-radius:11px;padding:11px 13px;font-size:13px;cursor:pointer}
.search-suggestion:hover,.search-suggestion.selected{background:rgba(190,129,245,.17);color:#fff}
.search-suggestion:focus-visible{outline:2px solid #d4a2ff;outline-offset:-2px}
.results-main{padding-top:clamp(50px,7vw,100px);min-height:52vh}
.results-heading h1{font-size:clamp(33px,4.5vw,57px);line-height:1.12;letter-spacing:-.055em;font-weight:450;margin:0 0 8px}
.results-heading p{color:#9e95a4;font-size:14px;margin:0}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:48px 0 24px}
.results-toolbar>p{font-size:12px;color:#958b9c;margin:0}
.watch-feedback{transition:opacity .25s ease}
.watch-feedback.feedback-leaving{opacity:0}
@media(max-width:850px){.search-shell{width:auto;flex:1 1 auto;min-width:0}.results-main{padding-top:52px}}
@media(max-width:520px){.search-suggestions{min-width:0}.results-toolbar{display:block;margin-top:35px}.results-toolbar .filter-bar{margin-top:18px}.results-heading p{overflow-wrap:anywhere}}

/* ==================================================
   V2.3 — playback-first, unframed media and glass tools
   ================================================== */
.ggg-player{position:relative;isolation:isolate;overflow:hidden;user-select:none;-webkit-user-select:none;background:#000;aspect-ratio:16/9;max-height:80vh;box-shadow:0 10px 35px rgba(0,0,0,.26);border-radius:10px}
.ggg-player:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border:0;border-radius:0}
.ggg-video-surface{position:absolute;inset:0;background:#030204;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:default}
.ggg-video-transform{position:absolute;inset:0;transform-origin:center;will-change:transform}
.ggg-video-transform video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;background:#000;-webkit-user-select:none;user-select:none}
.ggg-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff;z-index:2;transition:opacity .2s,transform .2s;background-color:rgba(23,15,30,.45);cursor:pointer}
.ggg-center-play svg{width:25px;height:25px;margin-left:3px}
.ggg-center-play:hover{transform:translate(-50%,-50%) scale(1.04)}
.ggg-center-play[hidden],.ggg-spinner[hidden],.ggg-resume-message[hidden]{display:none!important}
.ggg-spinner{position:absolute;top:50%;left:50%;width:35px;height:35px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#dec0ff;animation:ggg-spin .85s linear infinite;pointer-events:none;z-index:5}
@keyframes ggg-spin{to{transform:rotate(360deg)}}
.ggg-player-controls{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:40px 17px 13px;background:linear-gradient(0deg,rgba(2,1,4,.92),rgba(2,1,4,.67) 48%,transparent);transition:opacity .26s ease,transform .26s ease}
.ggg-player.controls-hidden .ggg-player-controls{opacity:0;transform:translateY(8px);pointer-events:none}
.ggg-player.controls-hidden .ggg-zoom-tools{opacity:0;pointer-events:none}
.ggg-seek-wrap{height:23px;display:flex;align-items:center;position:relative;cursor:pointer}
.ggg-buffered-track{position:absolute;left:0;right:0;height:4px;border-radius:6px;background:rgba(255,255,255,.23);overflow:hidden;pointer-events:none}
.ggg-buffered-fill{height:100%;width:0;background:rgba(255,255,255,.35);border-radius:6px}
.ggg-seek{position:relative;width:100%;height:23px;display:block;margin:0;appearance:none;-webkit-appearance:none;cursor:pointer;border:0;background:linear-gradient(90deg,#bd8cf8 0 var(--played,0%),transparent var(--played,0%) 100%) center/100% 4px no-repeat;outline:none}
.ggg-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#f5edff;border:2px solid #ac74e9;box-shadow:0 0 0 2px rgba(0,0,0,.28)}
.ggg-seek::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#f5edff;border:2px solid #ac74e9}
.ggg-controls-row{display:flex;align-items:center;gap:11px;min-height:40px}
.ggg-control{border:0;color:#f7f2fa;background:none;display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:9px;padding:0;transition:background .18s;color-scheme:dark}
.ggg-control:hover,.ggg-control:focus-visible{background:rgba(255,255,255,.16)}
.ggg-control svg{width:19px;height:19px}
.ggg-controls-spacer{flex:1}
.ggg-playback-time{font-size:11px;white-space:nowrap;color:#efe9f1;font-variant-numeric:tabular-nums;letter-spacing:.015em}
.ggg-volume{height:20px;width:66px;margin:0;accent-color:#cba0fc;cursor:pointer}
.ggg-speed-wrap{display:flex;align-items:center}
.ggg-speed{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(49,35,61,.38);color:#f1e5fa;padding:7px 9px;min-width:50px;text-align:center;font-size:12px;cursor:pointer}
.ggg-speed option{color:#fff;background:#201728}
.ggg-zoom-tools{position:absolute;top:14px;right:14px;z-index:7;display:flex;align-items:center;gap:2px;border-radius:999px;min-height:36px;padding:3px 5px;transition:opacity .25s;background-color:rgba(18,12,25,.55)}
.ggg-zoom-tools button{width:29px;height:28px;display:grid;place-items:center;background:transparent;color:#e7d9f1;border:0;border-radius:50%;padding:0;cursor:pointer}
.ggg-zoom-tools button:hover{background:rgba(234,204,255,.16)}
.ggg-zoom-tools button:disabled{opacity:.35;cursor:default}
.ggg-zoom-tools .ggg-zoom-level{width:38px;font-size:11px;font-variant-numeric:tabular-nums;color:#f5eafc;letter-spacing:-.02em}
.ggg-resume-message{position:absolute;left:18px;top:18px;z-index:8;padding:9px 14px;border-radius:999px;color:#eaddf5;font-size:12px;pointer-events:none}
body.ggg-theater-mode .wrapper{max-width:1780px}
body.ggg-theater-mode .watch-layout{grid-template-columns:1fr;gap:45px}
body.ggg-theater-mode .watch-main{width:100%}
body.ggg-theater-mode .watch-video-frame{width:100%;max-height:min(80vh,1000px);margin-inline:auto}
body.ggg-theater-mode .suggestions{max-width:1150px}
body.ggg-theater-mode .suggestion-list{grid-template-columns:repeat(4,minmax(0,1fr))}
body.ggg-theater-mode .suggestion{grid-template-columns:1fr;gap:8px}
body.ggg-theater-mode .suggestion-title{font-size:13px}
.suggestion-list .suggestion{transition:opacity .2s}
.suggestion .ggg-upnext-reason{font-size:10px;color:#a78abf;display:block;margin-top:4px;line-height:1.35}
.ggg-watch-tips{margin:5px 0 10px;font-size:11px;color:#82748a;line-height:1.7}
.ggg-watch-tips strong{color:#afa1b5;font-weight:500}
@media(max-width:850px){
  body.ggg-theater-mode .suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ggg-video-surface{touch-action:none}
}
@media(max-width:520px){
  .ggg-player{border-radius:8px}
  .ggg-player-controls{padding:35px 10px 8px}
  .ggg-controls-row{gap:5px}
  .ggg-control{width:31px;height:32px}
  .ggg-control svg{width:17px;height:17px}
  .ggg-playback-time{font-size:10px}
  .ggg-speed{padding:6px 5px;font-size:11px;min-width:39px}
  .ggg-volume{display:none}
  .ggg-zoom-tools{right:8px;top:8px;padding:2px 3px;min-height:30px}
  .ggg-zoom-tools button{height:27px;width:27px}
  body.ggg-theater-mode .suggestion-list{grid-template-columns:1fr}
  body.ggg-theater-mode .suggestion{grid-template-columns:42% minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .ggg-spinner{animation:none;border-color:#d2a9ee}
  .ggg-player-controls,.ggg-zoom-tools,.ggg-center-play{transition:none}
}

/* V2.3 — conditional continue-watching shelf */
.ggg-continue{margin-top:84px}
.ggg-continue .discover-title{margin:0 0 27px}
.ggg-continue-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ggg-continue-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.28)}
.ggg-continue-fill{display:block;height:100%;background:#ba79f0}
@media(max-width:850px){.ggg-continue-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ggg-continue{margin-top:62px}.ggg-continue-rail{gap:12px}.ggg-continue-rail .video-title{font-size:12px}}

/* V2.3.1 — inline video behaves like normal scrollable page content. */
.ggg-video-surface{touch-action:pan-y pinch-zoom;overscroll-behavior:auto}
.ggg-zoom-tools{display:none}
.ggg-player.is-fullscreen .ggg-video-surface{touch-action:none;overscroll-behavior:contain}
.ggg-player.is-fullscreen .ggg-zoom-tools{display:flex}
.ggg-player.is-fullscreen.controls-hidden .ggg-center-play{opacity:0;pointer-events:none}
.ggg-player.is-fullscreen.controls-hidden .ggg-zoom-tools{opacity:0;pointer-events:none}
.ggg-player.is-fullscreen .ggg-player-controls{padding-bottom:max(14px, env(safe-area-inset-bottom))}
.ggg-player.ggg-faux-fullscreen{
  position:fixed!important;z-index:2147483640;
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:100vw!important;height:100dvh!important;max-height:none!important;
  max-width:none!important;aspect-ratio:auto!important;
  margin:0!important;transform:none;border:0!important;border-radius:0!important;
  background:#000
}
body.ggg-fullscreen-open{overflow:hidden!important;overscroll-behavior:none}
@media(orientation:portrait){
  /* iOS Safari often does not expose element fullscreen or orientation locking.
     This rotates the player surface, not the device's operating system. */
  .ggg-player.ggg-faux-fullscreen{
    top:0!important;left:100vw!important;right:auto!important;bottom:auto!important;
    width:100dvh!important;height:100vw!important;
    transform-origin:top left!important;transform:rotate(90deg)!important
  }
}
@media (max-width:850px){
  .site-header>.brand{width:100%!important;max-width:none;flex:1 0 100%;margin-left:auto;margin-right:auto;justify-content:center;align-self:center}
  .site-header>.brand svg{width:min(440px,100%);margin-left:auto;margin-right:auto}
}
@media (max-width:520px){
  .site-header>.brand svg{width:min(390px,100%)}
}
@media (pointer:coarse) and (max-width:1100px){
  /* Mobile watch pages have inline or fullscreen, never desktop theater mode. */
  .ggg-player .ggg-theater{display:none!important}
}

/* Keep signature wordmark centered on phones even when rotated horizontally. */
@media (pointer:coarse) and (max-width:1100px){
  .site-header{flex-wrap:wrap;justify-content:center}
  .site-header>.brand{width:100%!important;flex:1 0 100%;margin:0 auto;justify-content:center}
  .site-header>.brand svg{width:min(440px,96%);margin-inline:auto}
  .site-header>.header-right{flex:1 0 100%;justify-content:center}
}

/* ==================================================
   V2.4 — watch page and non-link thumbnail previews
   ================================================== */
.video-card.preview-card{display:block;width:100%;min-width:0}
.preview-card .preview-trigger{display:block;position:relative;width:100%;padding:0;appearance:none;-webkit-appearance:none;cursor:pointer;color:inherit;text-align:left;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.preview-trigger img{pointer-events:none;-webkit-user-drag:none}
.preview-trigger .preview-clip{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .18s ease;pointer-events:none;background:#0b0810}
.preview-trigger.is-previewing .preview-clip{opacity:1}
.preview-trigger.preview-loading::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(185,123,244,.13),transparent);background-size:200% 100%;animation:preview-wait 1.2s linear infinite}
@keyframes preview-wait{to{background-position:200% 0}}
.preview-trigger .preview-indicator{display:none;position:absolute;top:12px;left:12px;z-index:5;color:#f9f2ff;background:rgba(17,9,25,.68);border:1px solid rgba(224,193,250,.25);border-radius:6px;padding:5px 8px;font-size:10px;letter-spacing:.025em;backdrop-filter:blur(8px)}
.preview-trigger.is-previewing .preview-indicator{display:block}
.preview-trigger.is-previewing .duration{display:none}
.preview-card>.video-title:hover,.suggestion-details:hover .suggestion-title{color:#e5c5ff}
.preview-trigger:focus-visible{outline:2px solid #d4a2ff;outline-offset:3px}
.preview-card.suggestion{display:grid;grid-template-columns:43% minmax(0,1fr);gap:12px}
.suggestion .preview-trigger{aspect-ratio:16/9;min-width:0}
.suggestion-details{display:block;min-width:0}
.suggestion-details>span{display:block}
.suggestion .suggestion-thumb.preview-trigger{border:0}
.suggestion .preview-trigger .preview-indicator{top:6px;left:6px;font-size:9px;padding:3px 5px}
.watch-back{font-family:inherit;font-size:32px;line-height:1;font-weight:300;min-width:35px;min-height:35px;display:inline-grid;place-items:center;margin-top:33px;margin-bottom:17px;color:#c9b5d7;border-radius:50%}
.watch-back:hover{background:rgba(255,255,255,.07)}
.watch-title{margin:23px 0 20px}
.watch-social-row{display:flex;align-items:center;justify-content:space-between;gap:18px 26px;flex-wrap:wrap}
.watch-creator{display:flex;align-items:center;gap:11px;min-width:0}
.creator-avatar{width:43px;height:43px;flex:0 0 43px;display:block;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.19);background:#241a2d}
.creator-info{min-width:0}
.creator-name{font-weight:600;font-size:13px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-followers{margin-top:4px;color:#9a8d9f;font-size:11px;white-space:nowrap}
.creator-follow{min-width:83px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#f0ebf2;color:#17111c;font-size:12px;font-weight:680;padding:10px 16px;margin-left:7px}
.creator-follow:hover{background:#fff}
.creator-follow.following{color:#e3d4ec;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.09)}
.watch-social-row .watch-actions{display:flex;gap:8px;align-items:center;margin:0;padding:0;border:0;justify-content:flex-end}
.watch-social-row .watch-action{min-height:39px;padding:0 14px;font-size:12px}
.watch-social-row .watch-action span{font-variant-numeric:tabular-nums}
.watch-feedback{min-height:18px;margin:8px 0 11px}
.description-card{background:linear-gradient(140deg,rgba(255,255,255,.083),rgba(255,255,255,.048));border:1px solid rgba(255,255,255,.065);border-radius:15px;padding:18px 20px;margin-top:14px;overflow:hidden}
.description-stats{color:#f2eaf5;font-size:13px;font-weight:600;letter-spacing:-.006em}
.description-copy{font-size:13px;line-height:1.65;color:#bfb4c3;margin:10px 0 5px;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.description-card.expanded .description-copy{display:block;-webkit-line-clamp:unset;overflow:visible}
.description-expand{display:block;color:#e1d4e8;font-size:12px;font-weight:600;border:0;background:none;padding:7px 0 0}
.description-expand:hover{text-decoration:underline}
.comments{padding-top:34px}
.comments-heading{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.comments-heading h2{margin:0}
.comment-sort{position:relative}
.sort-button{padding:9px 15px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.05);color:#efe7f2;font-size:12px}
.sort-button:hover{background:rgba(255,255,255,.09)}
.sort-menu{position:absolute;z-index:25;top:calc(100% + 7px);right:0;width:173px;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#1c1522;box-shadow:0 15px 45px rgba(0,0,0,.5)}
.sort-menu[hidden]{display:none}
.sort-option{display:block;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:10px 12px;color:#e8ddec;font-size:12px}
.sort-option:hover{background:rgba(193,129,243,.17)}
.comment-form{margin-top:0}
.comment-controls{justify-content:flex-end}
.comment-list{gap:27px}
.comment{grid-template-columns:34px minmax(0,1fr);align-items:start}
.comment-main{min-width:0}
.comment-age{font-size:10px}
.comment-body{font-size:13px;color:#c7bdca}
.comment-actions{display:flex;gap:7px;align-items:center;margin-top:11px;flex-wrap:wrap}
.comment-vote,.comment-reply{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#918694;padding:6px 8px;font-size:11px;border-radius:7px;min-height:30px}
.comment-vote:hover,.comment-reply:hover{background:rgba(255,255,255,.07);color:#eee0f3}
.comment-vote[aria-pressed=true]{color:#c88ff4}
.comment-vote svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.comment-vote span{font-variant-numeric:tabular-nums}
.comment-timestamp{border:0;background:transparent;color:#cc92fa;font:inherit;padding:0 1px;cursor:pointer}
.comment-timestamp:hover{text-decoration:underline;color:#ead4ff}
.comment-thread{margin-top:18px;margin-left:1px;padding-left:17px;border-left:1px solid rgba(197,133,247,.2);display:grid;gap:17px}
.comment-thread .comment{grid-template-columns:28px minmax(0,1fr);gap:9px}
.comment-thread .comment-avatar{width:28px;height:28px;font-size:10px}
.reply-form{margin-top:12px;display:grid;gap:10px}
.reply-form textarea{width:100%;min-height:67px;resize:vertical;border-radius:10px;padding:12px 13px;color:#f5edf9;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);font-size:12px}
.reply-controls{display:flex;justify-content:flex-end;gap:8px}
.reply-controls button{border-radius:999px;font-size:11px;padding:8px 15px}
.reply-cancel{border:1px solid rgba(255,255,255,.12);background:transparent;color:#ddd0e5}
.reply-submit{border:1px solid rgba(204,158,243,.25);background:#b581e8;color:#110d14;font-weight:600}
@media(max-width:1100px){.watch-social-row{align-items:flex-start}.watch-social-row .watch-actions{flex:1 0 auto}}
@media(max-width:580px){
  .watch-social-row{display:block}
  .watch-creator{width:100%}
  .watch-social-row .watch-actions{margin-top:19px;justify-content:flex-end}
  .creator-avatar{width:40px;height:40px;flex-basis:40px}
  .watch-social-row .watch-action{padding-inline:13px}
  .description-card{padding:15px 16px;border-radius:13px}
  .watch-back{margin-top:21px;margin-bottom:8px}
  .watch-title{margin-top:18px}
  .comments-heading{align-items:flex-start}
  .comments h2{font-size:19px}
  .comment-thread{padding-left:11px}
  .preview-trigger .preview-indicator{top:8px;left:8px}
  .preview-card.suggestion{grid-template-columns:42% minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.preview-trigger .preview-clip{transition:none}.preview-trigger.preview-loading::after{animation:none}}

/* Featured tile uses the same touch-safe delayed preview interaction. */
.featured-media.preview-trigger{display:block;width:100%;padding:0;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left}
.featured-media.is-previewing .feature-play{opacity:0;pointer-events:none}
.featured-media.preview-trigger .preview-clip{object-fit:cover}

/* ================================================================
   V2.4.1: context notices, mobile compact watch, desktop theater
   ================================================================ */
.watch-action{position:relative;overflow:visible}
.watch-action .action-feedback{
  position:absolute;z-index:20;left:50%;top:calc(100% + 8px);
  transform:translateX(-50%) translateY(-3px);
  display:block;white-space:nowrap;pointer-events:none;
  font-size:11px;font-weight:500;line-height:1.25;color:#ead7f9;
  padding:7px 10px;background:rgba(34,22,44,.96);
  border:1px solid rgba(221,166,254,.27);border-radius:9px;
  box-shadow:0 8px 22px rgba(0,0,0,.32);
  opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;
}
.watch-action .action-feedback.is-visible{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)
}
.watch-actions .watch-action:last-child .action-feedback{right:0;left:auto;transform:translateY(-3px)}
.watch-actions .watch-action:last-child .action-feedback.is-visible{transform:translateY(0)}
.comment-controls{position:relative}
.comment-controls>.action-feedback{position:absolute;top:calc(100% + 7px);right:0;z-index:10;color:#bc97d9;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.comment-controls>.action-feedback.is-visible{opacity:1}
#watch-feedback[hidden]{display:none}
.watch-social-row{position:relative;z-index:4}
.watch-detail-grid{display:flex;flex-direction:column;min-width:0}
.watch-left-detail{display:contents}
.watch-detail-grid .watch-social-row{order:1}
.watch-detail-grid .watch-feedback{order:2}
.watch-detail-grid>.description-card{order:3}
.watch-detail-grid .comments{order:4}
.comments-full{display:contents}
.comments-teaser,.comments-close{display:none}
.comments-sheet-backdrop[hidden]{display:none}
.comments-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.76);z-index:390;backdrop-filter:blur(8px)}
.comments-teaser{
  width:100%;min-height:122px;border-radius:17px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  padding:17px 19px;text-align:left;color:#f2edf3;cursor:pointer;
  flex-direction:column;gap:18px;
  transition:background .2s,border-color .2s;
}
.comments-teaser:hover{border-color:rgba(220,178,255,.22);background:rgba(255,255,255,.093)}
.comments-teaser-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.comments-teaser-count{font-weight:600;font-size:15px;letter-spacing:-.025em}
.comments-teaser-dots{display:flex;align-items:center;gap:6px}
.comments-teaser-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}
.comments-teaser-dot.active{width:20px;border-radius:99px;background:#ece3f1}
.comments-teaser-body{display:flex;align-items:center;gap:12px;min-width:0}
.comments-teaser-avatar{width:32px;height:32px;border-radius:50%;flex:0 0 32px;display:grid;place-items:center;background:#33213e;border:1px solid rgba(233,195,255,.13);color:#cdb0df;font-size:12px}
.comments-teaser-text{font-size:13px;color:#c4b8cb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.comments-close{font-size:24px;line-height:1;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#f0e5f6;align-items:center;justify-content:center}
.comments-close:hover{background:rgba(255,255,255,.18)}
/* Theater mode: no change at all to the standard desktop watch layout. */
@media(min-width:851px){
 body.ggg-theater-mode .watch-detail-grid{
   display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);
   gap:clamp(18px,3vw,45px);align-items:start;
 }
 body.ggg-theater-mode .watch-left-detail{display:flex;flex-direction:column;min-width:0}
 body.ggg-theater-mode .watch-social-row{order:1;justify-content:flex-start;flex-wrap:wrap;gap:8px 17px}
 body.ggg-theater-mode .watch-social-row .watch-actions{
   flex:0 1 auto;margin:0;gap:5px;justify-content:flex-start;
 }
 body.ggg-theater-mode .watch-social-row .watch-action{min-height:36px;padding:0 10px}
 body.ggg-theater-mode .watch-left-detail .comments{order:4;margin-top:14px;padding-top:0}
 body.ggg-theater-mode .watch-detail-grid>.description-card{order:2;margin-top:0}
 body.ggg-theater-mode .comments-teaser{display:flex}
 body.ggg-theater-mode .comments:not(.is-expanded)>.comments-full{display:none}
 body.ggg-theater-mode .comments.is-expanded>.comments-full{display:block;margin-top:20px}
 body.ggg-theater-mode .comments.is-expanded>.comments-teaser{display:none}
 body.ggg-theater-mode .comments-close{display:flex}
 body.ggg-theater-mode .comments-full .comments-heading{margin-bottom:19px}
 body.ggg-theater-mode .comments-full .comment-form{margin-top:5px}
 body.ggg-theater-mode .watch-layout{gap:30px}
 body.ggg-theater-mode .suggestions h2{margin-bottom:19px}
}
/* Compact phone/tablet watch stack and bottom-sheet discussions. */
@media(max-width:850px){
 .watch-detail-grid{display:flex;flex-direction:column}
 .watch-left-detail{display:contents}
 .watch-detail-grid>.description-card{
   order:0;margin:0 0 18px;border:0;border-radius:0;padding:0;background:none;
 }
 .watch-detail-grid .watch-social-row{order:1}
 .watch-detail-grid .comments{order:4;margin-top:18px;padding:0}
 .watch-title{margin-bottom:10px}
 .description-stats{color:#a8a0af;font-weight:450;font-size:12px}
 .description-copy{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#b5aabc;font-size:12px;margin:6px 0 0}
 .description-card.expanded .description-copy{display:block;overflow:visible}
 .description-expand{display:inline-block;margin-top:0;font-size:12px;padding-top:3px}
 .watch-social-row{display:flex;flex-direction:column;align-items:stretch;gap:15px}
 .watch-creator{width:100%}
 .watch-social-row .watch-actions{width:100%;margin-top:0;justify-content:flex-end}
 .watch-social-row .watch-actions .watch-action{min-height:40px}
 .comments-teaser{display:flex;min-height:126px;padding:17px}
 .comments:not(.is-expanded)>.comments-full{display:none}
 .comments.is-expanded>.comments-teaser{display:none}
 .comments.is-expanded>.comments-full{display:block;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 1px 28px}
 .comments.is-expanded{
   position:fixed!important;left:0;right:0;bottom:0;top:auto;
   height:min(87dvh,880px);max-height:100dvh;
   z-index:400;margin:0!important;padding:22px 20px max(18px,env(safe-area-inset-bottom))!important;
   border-radius:22px 22px 0 0;background:#19151d;
   box-shadow:0 -12px 65px rgba(0,0,0,.68);overflow:hidden;
 }
 .comments.is-expanded .comments-heading{
   position:sticky;top:0;z-index:2;align-items:center;
   padding:0 0 19px;background:#19151d;
 }
 .comments.is-expanded .comments-close{display:flex}
 .comments.is-expanded .comment-form textarea{background:#100d13}
 .comments.is-expanded .sort-button{background:#2b2430}
 body.ggg-comments-sheet-open{overflow:hidden!important}
 body.ggg-comments-sheet-open .comments.is-expanded{touch-action:pan-y}
 .watch-layout{gap:30px}
 .suggestions{padding-top:4px}
 .suggestions h2{font-size:16px}
}
@media(max-width:520px){
 .watch-back{margin-bottom:5px}
 .watch-title{font-size:30px;line-height:1.11;margin-bottom:10px}
 .creator-follow{padding:10px 18px}
 .watch-detail-grid>.description-card{margin-bottom:16px}
 .watch-social-row{gap:13px}
 .watch-social-row .watch-actions{justify-content:flex-end;gap:8px}
 .watch-social-row .watch-action{padding:0 12px}
 .watch-detail-grid .comments{margin-top:18px}
 .comments-teaser{min-height:117px}
 .comments.is-expanded{padding:21px 16px max(15px,env(safe-area-inset-bottom))!important}
 .watch-layout{gap:27px}
}