/* Shared visual system for the feed and watch page. */
.sc-password-note{margin:0 0 16px;padding:10px 12px;border:1px solid var(--sc-line);border-radius:8px;color:var(--sc-muted);font:400 12px/1.6 Inter,sans-serif}
.sc-password-note strong{display:block;color:var(--sc-text);font-weight:600}
body.sc-ui{--sc-bg:#0d090d;--sc-panel:#191219;--sc-pink:#ff24b8;--sc-text:#fff2fa;--sc-muted:#c4b7c0;--sc-line:#3b2b38;background:var(--sc-bg)!important;color:var(--sc-text);color-scheme:dark}
body.sc-ui.theme-scatube.page1-v2{background:var(--sc-bg)!important}
body.sc-ui .scatube-header{display:flex;align-items:center;gap:16px!important;height:auto!important;min-height:72px!important;padding:12px 20px!important;background:var(--sc-bg)!important;border-bottom:1px solid var(--sc-line)!important;box-shadow:none;backdrop-filter:none;top:var(--sc-merch-height,0px)!important;z-index:1000}
body.sc-ui .header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}
body.sc-ui .logo{display:flex;align-items:center;font:400 30px/1 'Bebas Neue',sans-serif!important;letter-spacing:2px!important;text-shadow:none;white-space:nowrap;color:var(--sc-text)!important;text-decoration:none;min-height:44px}
body.sc-ui .logo:after{display:none}
body.sc-ui .logo span{color:var(--sc-pink)!important;letter-spacing:2px!important}
body.sc-ui .sc-network-link{font:500 11px/1.3 Inter,sans-serif;color:var(--sc-muted);text-decoration:none;white-space:nowrap;display:flex;align-items:center;min-height:44px}
body.sc-ui .header-center{flex:1;min-width:0;margin:0}
body.sc-ui .search-bar{position:relative;flex:1;min-width:0;max-width:none;height:44px!important;margin:0!important;border:0;border-radius:8px!important;background:var(--sc-panel);overflow:visible}
body.sc-ui .search-bar input{box-sizing:border-box;width:100%;min-width:0;height:44px!important;margin:0;padding:0 90px 0 14px!important;border:1px solid var(--sc-line)!important;border-radius:8px!important;background:var(--sc-panel)!important;color:var(--sc-text)!important;font:400 14px/1.4 Inter,sans-serif;box-shadow:none!important}
body.sc-ui .search-bar input::placeholder{color:var(--sc-muted);opacity:1}
body.sc-ui .search-icon,body.sc-ui .search-btn{position:absolute;left:auto;right:0;top:0;bottom:0;width:44px;min-width:44px;height:44px;padding:0;border:0!important;border-radius:0 8px 8px 0!important;background:var(--sc-pink)!important;color:#17000e!important;box-shadow:none!important;cursor:pointer}
body.sc-ui .search-clear{right:48px}
body.sc-ui .header-actions,body.sc-ui .header-right{display:flex;align-items:center;gap:8px!important;margin:0;flex-shrink:0}
body.sc-ui :is(.sc-action-signin,.sc-action-join,.sc-action-upload){display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:0 12px!important;border:1px solid var(--sc-line)!important;border-radius:8px!important;box-shadow:none!important;font:600 12px/1.2 Inter,sans-serif!important;letter-spacing:0!important;white-space:nowrap}
body.sc-ui .sc-action-signin{background:var(--sc-panel)!important;color:var(--sc-text)!important}
body.sc-ui :is(.sc-action-join,.sc-action-upload,.sc-register-btn,.comment-login-gag__actions button:last-child,.cta-button){background:var(--sc-pink)!important;color:#17000e!important;border-color:transparent!important;box-shadow:none!important}
body.sc-ui :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #ffd84a!important;outline-offset:3px!important}
body.sc-ui :is(.scatube-menu-button,.sc-watch-menu summary){display:grid;place-items:center;width:40px;min-height:44px;background:transparent;border:0;color:var(--sc-text);font-size:22px;cursor:pointer;list-style:none}
body.sc-ui .sc-watch-menu summary::-webkit-details-marker{display:none}
.sc-watch-menu{position:relative}
.sc-watch-menu nav{position:absolute;top:50px;left:0;width:230px;padding:8px;background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:8px;box-shadow:0 12px 30px #0008}
.sc-watch-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--sc-text);text-decoration:none;font:500 14px Inter,sans-serif}
.sc-watch-menu nav a:hover{background:#33212e}
body.sc-ui #sc-live{display:none}
body.sc-ui .sc-hub-hero{width:calc(100% - 40px)!important;max-width:none!important;margin:16px 20px 12px!important;padding:12px 16px!important;border:0!important;border-left:3px solid var(--sc-pink)!important;background:var(--sc-panel)!important}
body.sc-ui .sc-hub-hero:after,body.sc-ui .hub-hero-mast{display:none}
body.sc-ui .sc-hub-hero h1{max-width:none!important;margin:0 0 6px!important;font:600 clamp(20px,2vw,28px)/1.25 Inter,sans-serif!important;letter-spacing:-.4px!important;text-shadow:none!important}
.sc-intro-short{margin:0;color:var(--sc-muted);font:400 13px/1.5 Inter,sans-serif}
.sc-intro-portrait{float:right;width:88px;height:96px;margin:0 0 8px 16px;object-fit:cover;object-position:center top;border:2px solid var(--sc-pink);border-radius:10px}
.sc-archive-details{clear:both}
.sc-rules-gate-heading{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.sc-rules-gate-heading img{flex-shrink:0;width:72px;height:84px;object-fit:cover;object-position:center top;border:2px solid var(--sc-pink);border-radius:10px}
body.sc-ui .sc-rules-gate-heading #sc-rules-gate-title{margin:0;min-width:0}
@media(max-width:480px){.sc-intro-portrait{width:64px;height:75px;margin-left:12px}.sc-rules-gate-heading{gap:12px}.sc-rules-gate-heading img{width:56px;height:66px}body.sc-ui .sc-rules-gate-heading #sc-rules-gate-title{font-size:19px}}
.sc-house-rules{margin:7px 0 0;color:var(--sc-muted);font:400 12px/1.5 Inter,sans-serif}
.sc-house-rules strong{color:#ffd84a}
.sc-rules-detail{margin-top:14px;padding:12px;border:1px solid var(--sc-line);border-radius:8px;color:var(--sc-text);font:400 13px/1.6 Inter,sans-serif}
.sc-rules-detail>strong{color:#ff8cdb;font-size:12px}
.sc-rules-detail ul{margin:8px 0 0;padding-left:20px}
.sc-rules-detail li+li{margin-top:5px}
body.sc-ui #introText a{color:#ff8cdb}
.sc-archive-details summary{display:list-item;width:fit-content;min-height:36px;padding-top:10px;cursor:pointer;color:#ff8cdb;font:600 12px/1.4 Inter,sans-serif}
@keyframes sc-rules-pulse{0%,100%{color:#ff8cdb;text-shadow:none}50%{color:#fff2fa;text-shadow:0 0 8px #ff24b880}}
body.sc-ui .sc-archive-details:not([open])>summary,body.sc-ui #sc-rules-gate-title{animation:sc-rules-pulse 2.4s ease-in-out infinite}
body.sc-ui:has(#sc-rules-gate[open]){overflow:hidden}
body.sc-ui #sc-rules-gate{box-sizing:border-box;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:24px;border:1px solid var(--sc-pink);border-radius:12px;background:var(--sc-panel);color:var(--sc-text);font:400 14px/1.6 Inter,sans-serif;overflow-y:auto}
body.sc-ui #sc-rules-gate::backdrop{background:rgba(0,0,0,.94)}
body.sc-ui #sc-rules-gate h2{margin:0 0 12px;font:700 22px/1.3 Inter,sans-serif}
body.sc-ui #sc-rules-gate p{margin:12px 0;color:var(--sc-muted)}
body.sc-ui #sc-rules-gate ul{padding-left:20px;margin:16px 0}
body.sc-ui #sc-rules-gate li+li{margin-top:8px}
.sc-rules-confirm{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:12px 0;cursor:pointer}
.sc-rules-confirm input{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--sc-pink)}
.sc-rules-gate-actions{display:flex;align-items:center;gap:12px;margin-top:12px}
body.sc-ui #sc-rules-enter{flex:1;min-height:44px;border:0;border-radius:8px;background:var(--sc-pink);color:#17000e;font:700 14px/1.3 Inter,sans-serif;cursor:pointer}
body.sc-ui #sc-rules-enter:disabled{opacity:.45;cursor:not-allowed}
.sc-rules-gate-actions a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--sc-muted)}
body.sc-ui .sc-hub-hero .intro-text{display:block!important;overflow:visible!important;max-width:900px!important;font-size:13px!important;line-height:1.6!important;-webkit-line-clamp:unset!important}
body.sc-ui .sc-hub-hero nav{margin-top:10px;flex-wrap:wrap!important}
body.sc-ui .hub-hero-stats{margin-top:12px;width:min(520px,100%)}
body.sc-ui .cat-bar-wrap{position:static!important;padding:8px 20px!important;background:var(--sc-bg)!important;border-color:var(--sc-line)!important}
body.sc-ui .cat-btn{min-height:44px;border-radius:8px!important;background:var(--sc-panel)!important;border:1px solid var(--sc-line)!important;color:var(--sc-text)!important;box-shadow:none!important;font:600 12px/1.2 Inter,sans-serif!important;letter-spacing:0!important}
body.sc-ui .cat-btn.active{background:var(--sc-pink)!important;color:#17000e!important;border-color:var(--sc-pink)!important}
body.sc-ui #cat-originals:not(.active){color:#ffd84a!important}
body.sc-ui #hub-filter-toolbar{margin:0 20px!important;padding:6px 0!important;gap:8px}
body.sc-ui :is(#hub-filter-toggle,#hub-sort-select){border-radius:8px!important;background:var(--sc-panel)!important;min-height:44px!important;border-color:var(--sc-line)!important}
body.sc-ui #hub-sort-select{width:175px;font-size:13px!important}
body.sc-ui .hub-grid-heading{width:calc(100% - 40px)!important;margin:12px 20px 0!important;padding:0!important;align-items:center}
body.sc-ui .hub-grid-heading h2{font:600 20px/1.3 Inter,sans-serif!important;margin:0}
body.sc-ui .hub-grid-heading>span{display:none}
body.sc-ui #hub-results-status{color:var(--sc-muted)}
body.sc-ui #join-cta-banner{background:var(--sc-panel)!important;border:1px solid var(--sc-line)!important;border-radius:8px!important;box-shadow:none!important;padding:10px 14px!important;margin:12px auto!important}
body.sc-ui #join-cta-banner p{font-family:Inter,sans-serif!important}
body.sc-ui #join-cta-banner p:last-child{color:var(--sc-muted)!important}
body.sc-ui #join-cta-banner button{border-radius:8px!important;min-height:44px}
body.sc-ui :is(.video-meta .chan-name,.video-meta .views-date,.sugg-views,.sugg-channel){color:var(--sc-muted)!important;font-size:12px!important}
body.sc-ui :is(.thumb-wrap,.sugg-thumb,.p1-player-shell,#mainPlayer){border-radius:8px!important;box-shadow:none!important}
body.sc-ui .p1-player-shell:before{display:none}
body.sc-ui #videoTitle{text-shadow:none!important;font-family:Inter,sans-serif!important}
/* Reply indentation must override page1-v2's blanket comment margin reset. */
body.sc-ui #commentsList>.sc-comment{margin:0!important;padding:16px 4px!important;border-left:0}
body.sc-ui #commentsList>.sc-comment-reply{margin-left:44px!important;padding:12px 4px 12px 14px!important;border-left:2px solid var(--sc-pink);background:linear-gradient(90deg,#ff24b808,transparent 80%)}
.sc-reply-context{margin-bottom:7px;color:var(--sc-muted);font:500 12px/1.5 Inter,sans-serif;overflow-wrap:anywhere}
.sc-reply-context a{color:#ff8cdb;text-decoration:none;font-weight:600}
.sc-reply-context a:hover{text-decoration:underline}
body.sc-ui #commentsList>.sc-comment:target{outline:1px solid var(--sc-pink);outline-offset:3px;background:#ff24b80d}
@media(max-width:600px){body.sc-ui #commentsList>.sc-comment-reply{margin-left:20px!important;padding-left:10px!important;gap:8px!important}}
body.sc-ui :is(.p1-meta,.p1-channel-card,.p1-comments){background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--sc-line)!important;padding:16px 0!important}
body.sc-ui .p1-meta>div:last-child button,body.sc-ui :is(#subBtn,#msgBtn){min-height:44px!important;border-radius:8px!important;box-shadow:none!important;font:600 12px/1.3 Inter,sans-serif!important}
body.sc-ui .p1-meta>div:last-child button{background:var(--sc-panel)!important;border:1px solid var(--sc-line)!important;transform:none!important}
body.sc-ui .p1-meta>div:last-child{display:flex!important;flex-wrap:wrap;gap:8px!important}
body.sc-ui #subBtn{background:var(--sc-pink)!important;color:#17000e!important}
body.sc-ui :is(.p1-session-loop,.comment-login-gag,.upload-cta-banner){background:var(--sc-panel)!important;border:1px solid var(--sc-line)!important;border-radius:8px!important;box-shadow:none!important}
body.sc-ui :is(.p1-session-loop button,.p1-session-loop label,.comment-login-gag__actions button,.cta-button){border-radius:8px!important;min-height:44px}
body.sc-ui .p1-session-loop button{background:var(--sc-pink);letter-spacing:0}
body.sc-ui .comment-login-gag__eyebrow{color:#ff8cdb}
body.sc-ui .modal-box{background:var(--sc-panel)!important;border:1px solid var(--sc-line)!important;border-radius:12px!important;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}
body.sc-ui .modal-input{border-radius:8px!important;color:var(--sc-text)!important;min-height:44px}
body.sc-ui #auth-submit-btn{min-height:44px;background:var(--sc-pink)!important;color:#17000e!important;border-radius:8px!important;box-shadow:none!important}
@media(min-width:1101px){body.sc-ui.sc-sidebar-collapsed{padding-left:0!important}body.sc-ui.sc-sidebar-collapsed .scatube-sidebar{display:none}body.sc-ui.sc-sidebar-collapsed>.scatube-header,body.sc-ui.sc-sidebar-collapsed>.merch-banner{width:100%;margin-left:0}}
body.sc-ui #tp-nav{background:var(--sc-bg)!important;border-top:1px solid var(--sc-line)!important;box-shadow:none!important;backdrop-filter:none}
body.sc-ui .tp-nav-btn{color:var(--sc-muted)!important;box-shadow:none!important;text-shadow:none!important;font:600 9px/1.2 Inter,sans-serif!important;letter-spacing:0;border-radius:8px}
body.sc-ui .tp-nav-btn.active{background:#321026!important;color:var(--sc-pink)!important}
@media(min-width:769px){body.sc-ui .grid-container{grid-template-columns:repeat(4,minmax(0,1fr))!important}body.sc-ui #tp-nav{display:none!important}}
@media(min-width:1600px){body.sc-ui .grid-container{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:1900px){body.sc-ui .grid-container{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(min-width:769px) and (max-width:1100px){body.sc-ui .sc-network-link{display:none}body.sc-ui{padding-left:0!important}body.sc-ui .scatube-sidebar{display:none}body.sc-ui .scatube-sidebar.open{display:block;z-index:1200;width:240px;box-shadow:12px 0 30px #0008}body.sc-ui>.scatube-header,body.sc-ui>.merch-banner{width:100%;margin-left:0}body.sc-ui .grid-container{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.sc-ui .scatube-container{grid-template-columns:minmax(0,1fr)!important}body.sc-ui .video-sidebar{position:static;max-height:none}}
@media(max-width:768px){
 body.sc-ui{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 body.sc-ui .scatube-header{flex-wrap:wrap;gap:8px!important;padding:8px 10px!important;min-height:112px!important}
 body.sc-ui .header-left{gap:6px;flex:1}
 body.sc-ui .logo{font-size:25px!important}
 body.sc-ui .sc-network-link{display:none}
 body.sc-ui .header-center,body.sc-ui .scatube-header>.search-bar{order:3;flex:0 0 100%;width:100%}
 body.sc-ui .header-actions,body.sc-ui .header-right{margin-left:auto;gap:6px!important}
 body.sc-ui :is(.sc-action-signin,.sc-action-join,.sc-action-upload){padding:0 9px!important;font-size:11px!important}
 body.sc-ui .sc-action-join{display:none!important}
 body.sc-ui .header-right>a[href*="channel.php"] span,body.sc-ui .header-right>button[title="Edit profile"],body.sc-ui .header-right>a[href*="logout"]{display:none!important}
 body.sc-ui .sc-hub-hero{width:calc(100% - 20px)!important;margin:12px 10px 8px!important;padding:10px 12px!important}
 body.sc-ui .sc-hub-hero h1{font-size:20px!important}
 body.sc-ui .cat-bar-wrap{padding:6px 10px!important}
 body.sc-ui #hub-filter-toolbar{margin:0 10px!important}
 body.sc-ui #hub-sort-select{width:145px;font-size:12px!important}
 body.sc-ui .hub-grid-heading{width:calc(100% - 20px)!important;margin:12px 10px 0!important}
 body.sc-ui .hub-grid-heading h2{font-size:18px!important}
 body.sc-ui #join-cta-banner{margin:10px auto!important}
 body.sc-ui #join-cta-banner>div:first-child{display:none!important}
 body.sc-ui #join-cta-banner .cta-btns{width:100%;display:flex;gap:8px}
 body.sc-ui #join-cta-banner .cta-btns button{flex:1;padding:8px!important}
 body.sc-ui .scatube-container{padding:12px 10px 30px!important}
 body.sc-ui #tp-nav{display:grid!important;grid-template-columns:repeat(8,minmax(44px,1fr));overflow-x:auto;gap:0;padding:5px 3px calc(5px + env(safe-area-inset-bottom))}
 body.sc-ui .tp-nav-btn{min-width:44px;width:auto;min-height:54px!important;padding:4px 2px!important;font-size:8px!important}
 body.sc-ui .tp-nav-btn .ico{font-size:18px}
 body.sc-ui .modal-input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){body.sc-ui *,body.sc-ui *:before,body.sc-ui *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}