.watchContainer{width:100%;max-width:1600px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;transition:all .5s ease}@media (min-width:1024px){.watchContainer{grid-template-columns:1fr 380px;padding:2rem;gap:2.5rem}.videoSection{grid-column:1;grid-row:1}.mainColumn{grid-column:1;grid-row:2}.sideColumn{grid-column:2;grid-row:1/3;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 1.5rem)}.watchContainer.theaterMode{grid-template-columns:1fr 380px}.watchContainer.theaterMode .videoSection{grid-column:1/-1;grid-row:1;aspect-ratio:21/9;max-height:70vh;margin-bottom:2rem;border-radius:1.25rem}.watchContainer.theaterMode .mainColumn{grid-column:1;grid-row:2}.watchContainer.theaterMode .sideColumn{grid-column:2;grid-row:2;position:static}}.mainColumn{min-width:0;position:relative;z-index:10}.videoSection{margin-bottom:1.5rem;border-radius:1rem;overflow:hidden;background:#000;position:relative;display:flex;justify-content:center;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:max-height .5s ease,border-radius .5s ease,margin .5s ease}.sideColumn{gap:1.5rem}.sideColumn,.titleRow{display:flex;flex-direction:column}.titleRow{gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.titleRow{flex-direction:row;align-items:flex-start;justify-content:space-between}}.vTitle{font-size:clamp(1.25rem,4vw,1.8rem);font-weight:900;line-height:1.25;margin:0;color:#fff}.actionRow{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.actionBtn{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-glass);border-radius:50px;color:#fff;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s var(--transition-smooth)}.actionBtn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.actionBtn.active{background:var(--accent-primary);border-color:var(--accent-primary)}.creatorCard{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.25rem;border-radius:1.25rem;border:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;gap:1rem;transition:border-color .3s ease,box-shadow .3s ease}.creatorCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 8px 30px rgba(0,0,0,.2)}.creatorHeader{gap:1rem;flex-grow:1}.avatar,.creatorHeader{display:flex;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-raised,#1c1c1e);flex-shrink:0;overflow:hidden;border:2px solid hsla(0,0%,100%,.1);transition:transform .2s ease,border-color .2s ease;justify-content:center}.creatorHeader:hover .avatar{transform:scale(1.05);border-color:var(--accent-primary,#ff3b30)}.avatar img{width:100%;height:100%;object-fit:cover}.avatarPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;font-weight:800;font-size:1.2rem}.creatorMeta h3{margin:0;font-size:1.05rem;font-weight:800;color:#fff}.followersDisplay{margin:.25rem 0 0;font-size:.8rem;color:var(--text-muted,#8e8e93);gap:4px}.followBtn,.followersDisplay{display:flex;align-items:center}.followBtn{width:100%;padding:.7rem 1.2rem;border-radius:50px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);justify-content:center;gap:8px;border:none;background:linear-gradient(135deg,#ff3b30,#ff5e62);color:#fff;box-shadow:0 4px 15px rgba(255,59,48,.3)}.followBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,59,48,.45);filter:brightness(1.1)}.followBtn:active:not(:disabled){transform:translateY(1px)}.followBtn:disabled{opacity:.6;cursor:not-allowed}.followBtn.following{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;box-shadow:none}.followBtn.following:hover:not(:disabled){background:rgba(255,59,48,.1);border-color:rgba(255,59,48,.4);color:#ff3b30;box-shadow:none}.mobileCreatorCard{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1.5rem;margin-bottom:.5rem;width:100%;padding:1.5rem;background:hsla(0,0%,100%,.04)}.mobileCreatorCard .avatar{width:56px;height:56px}.mobileCreatorCard .creatorMeta h3{font-size:1.15rem}.mobileCreatorCard .followersDisplay{font-size:.85rem}.mobileCreatorCard .followBtn{width:auto;min-width:130px;padding:.8rem 1.5rem;font-size:.95rem}.desktopCreatorCard{display:none}@media (min-width:1024px){.mobileCreatorCard{display:none}.desktopCreatorCard{display:flex}}.descriptionBox{background:hsla(0,0%,100%,.03);padding:1.25rem;border-radius:1rem;margin-bottom:2rem;line-height:1.6;color:var(--text-secondary);font-size:.95rem}.descriptionBox p{font-size:clamp(.85rem,3vw,.95rem)}.descriptionBox .videoMeta{font-weight:700;font-size:.85rem}.commentsHeading{font-size:clamp(1rem,4vw,1.4rem);font-weight:900}.commentForm{display:flex;gap:.75rem;margin-bottom:2rem;align-items:flex-start}.commentForm .avatar{flex-shrink:0}.commentForm .inputRow{flex:1 1;display:flex;gap:.5rem;min-width:0}.commentForm input{flex:1 1;min-width:0;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:.75rem 1rem;color:#fff;outline:none;font-size:.9rem}.commentForm button[type=submit]{flex-shrink:0;background:#ff3b30;border:none;border-radius:12px;padding:0 1rem;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.tagline{color:var(--accent-primary);font-weight:700;margin-right:.75rem;cursor:pointer}.dimOverlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:1005;opacity:0;pointer-events:none;transition:opacity .5s ease}.cinematic .dimOverlay{opacity:1;pointer-events:all}.cinematic .videoSection{z-index:1006;position:relative}.suggestedSection{display:flex;flex-direction:column;gap:.75rem}.suggestedTitle{margin:0 0 .25rem;font-size:1rem;font-weight:800;color:var(--text-primary,#fff);letter-spacing:.02em}.suggestedList{display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 420px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent;padding-right:2px}.suggestedList::-webkit-scrollbar{width:4px}.suggestedList::-webkit-scrollbar-track{background:transparent}.suggestedList::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:4px}.suggestedList .video-card-v2{transition:transform .18s ease,background .18s ease;border-radius:.75rem}.suggestedList .video-card-v2:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.04)}.suggestedList .vc-list{flex-direction:column;gap:.5rem;padding:.4rem}.suggestedList .vc-list .vc-thumbnail-area{width:100%;min-width:0;aspect-ratio:16/9;max-height:160px}@media (min-width:600px){.suggestedList .vc-list{flex-direction:row;align-items:flex-start;gap:.75rem}.suggestedList .vc-list .vc-thumbnail-area{width:170px!important;min-width:170px!important;max-height:unset;aspect-ratio:16/9}}@media (min-width:768px){.suggestedList .vc-list .vc-thumbnail-area{width:180px!important;min-width:180px!important}}@media (min-width:1600px){.suggestedList .vc-list .vc-thumbnail-area{width:200px!important;min-width:200px!important}}.suggestedList .vc-list .vc-title{font-size:.85rem!important;line-height:1.35;margin-bottom:.3rem!important;-webkit-line-clamp:2;line-clamp:2}.suggestedList .vc-meta-wrap{font-size:.78rem}@keyframes refreshBar{0%{opacity:1;transform:scaleX(.3);transform-origin:left}50%{opacity:1;transform:scaleX(.8);transform-origin:left}to{opacity:.6;transform:scaleX(1);transform-origin:left}}@media (max-width:768px){.watchContainer{padding:0!important;gap:.75rem}.videoSection{border-radius:0!important;margin:0!important;width:100%;aspect-ratio:auto!important}.vTitle{font-size:clamp(1rem,4vw,1.8rem);line-height:1.2}.actionBtn{padding:.35rem .6rem;font-size:.75rem;min-height:36px;min-width:36px}.actionBtn svg{width:16px;height:16px}.actionRow{gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.actionRow::-webkit-scrollbar{display:none}.mainColumn{padding:0 1rem;margin-top:1rem}.commentsContainer,.sideColumn{padding-left:1rem!important;padding-right:1rem!important;box-sizing:border-box}.descriptionBox,.mobileCreatorCard{width:calc(100% - 2rem)!important;margin-left:1rem!important;margin-right:1rem!important;box-sizing:border-box;padding:1rem!important}.mobileCreatorCard .avatar{width:44px;height:44px}.mobileCreatorCard .creatorMeta h3{font-size:1rem}.mobileCreatorCard .followBtn{min-width:100px;padding:.6rem 1rem;font-size:.85rem}.commentForm{gap:.5rem}.commentForm input{padding:.6rem .75rem;font-size:.85rem}}