/* Shared Video Hub: layouts, real category/list pages and accessible upload form. */
body.nova-app:has([data-video-hub]){--vh-accent:#914649;--vh-ink:#11132f;--vh-muted:#914649;--vh-surface:#fff;--vh-line:#ecebfa;--vh-soft:#f5f3ff;background:linear-gradient(110deg,#fcfcff,#f8f7ff)!important}
body.nova-app:has([data-video-hub]) .app-header{background:linear-gradient(110deg,#914649,#914649)!important;color:#fff;border:0;box-shadow:0 3px 15px #763aff12}
body.nova-app:has([data-video-hub]) .app-header .app-title,body.nova-app:has([data-video-hub]) .app-header .app-icon-button{color:#fff!important}
body.nova-app:has([data-video-hub]) .app-header .app-logo{background:#ffffff20;color:#fff}
body.nova-app:has([data-video-hub]) .app-content{padding-top:0!important}
.video-hub,.video-hub *{box-sizing:border-box}
.video-hub{max-width:1040px;width:100%;margin:0 auto;padding:30px 24px 110px;color:var(--vh-ink);font-size:14px;line-height:1.45}
.video-hub a{text-decoration:none}
.video-hub svg{width:24px;height:24px;fill:currentColor;flex-shrink:0;display:block}
.vh-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 23px}
.vh-heading h1{display:flex;align-items:center;gap:10px;margin:0!important;font-size:29px!important;line-height:1.25;letter-spacing:-.7px;font-weight:800;color:var(--vh-ink)}
.vh-heading p{margin:8px 0 0;color:var(--vh-muted);font-size:13px}
.video-hub:has(.vh-sections) .vh-heading h1{font-size:32px!important}
.vh-back{color:var(--vh-accent)!important;flex-shrink:0;font-size:26px;line-height:1.1;padding:4px 0;min-width:24px}
.vh-heading-icon svg{width:32px;height:32px}.vh-heading-icon .vh-fire{font-size:31px}
.vh-icon-grid{color:#914649}.vh-icon-users{color:#914649}.vh-icon-star{color:#ffb83e}.vh-menu-icon.vh-icon-star{color:#914649}.vh-fire{font-size:32px;line-height:1}
.video-hub .vh-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 22px;border:0;border-radius:12px;background:linear-gradient(110deg,#914649,#914649);box-shadow:0 8px 20px #813aff18;color:#fff!important;font:inherit;font-weight:750;cursor:pointer}
.vh-primary>span:first-child:not(:only-child){font-size:28px;line-height:1}.vh-upload-cta{margin-bottom:23px}
.vh-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:32px}
.vh-sections>a,.vh-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:108px;padding:16px 8px;background:var(--vh-surface);border:1px solid var(--vh-line);border-radius:12px;box-shadow:0 3px 12px #45427808;color:var(--vh-ink)!important;text-align:center;transition:transform .15s,box-shadow .15s}
.vh-sections>a:hover,.vh-category:hover{transform:translateY(-2px);box-shadow:0 6px 17px #7646ef14}
.vh-menu-icon svg{width:34px;height:34px}.vh-sections b{font-size:13px;font-weight:650}
.vh-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vh-section-title h2{font-size:20px;margin:0;letter-spacing:-.3px;color:var(--vh-ink)}
.vh-section-title>a{font-size:13px;font-weight:650;color:var(--vh-accent)!important}
.vh-home-section{margin-bottom:30px}
.vh-rail{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}
.vh-rail>.vh-card{flex:0 0 260px;display:block;border:0;padding:0;scroll-snap-align:start;background:transparent}
.video-hub .vh-rail .vh-thumbnail{width:100%;aspect-ratio:16/9}
.vh-rail .vh-card-body{padding-top:9px}.vh-rail .vh-card-date,.vh-rail .vh-reactions{display:none}
.vh-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 25px}
.vh-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:15px;position:relative;min-width:0;align-content:start}
.video-hub .vh-thumbnail{display:grid;place-items:center;position:relative;width:140px;aspect-ratio:4/3;background:linear-gradient(135deg,#f4e5df,#eef0fb);border-radius:9px;overflow:hidden;color:#fff!important;align-self:start}
.vh-thumbnail>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.vh-thumbnail .vh-play{display:grid;place-items:center;position:relative;width:39px;height:39px;border-radius:50%;background:#061b32b8;padding-left:3px;font-size:15px;box-shadow:0 2px 10px #0002}
.vh-thumbnail time{position:absolute;right:5px;bottom:5px;border-radius:4px;background:#081522dc;padding:3px 5px;font-size:10px;color:#fff;font-weight:600;line-height:1.2}
.vh-no-cover{position:absolute;inset:0;display:grid;place-items:center;opacity:.4}.vh-no-cover svg{width:60px;height:60px}
.vh-card-body{min-width:0;padding:2px 0}
.video-hub .vh-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:750;line-height:1.4;color:var(--vh-ink)!important;margin-bottom:6px;overflow-wrap:anywhere}
.vh-card-meta{font-size:11px;color:var(--vh-muted);line-height:1.5;overflow-wrap:anywhere}.video-hub .vh-card-meta a{color:var(--vh-accent)!important}
.vh-card-date{display:block;font-size:11px;color:var(--vh-muted);margin-top:4px}
.vh-reactions{display:flex;gap:18px;align-items:center;margin-top:9px;font-size:12px;color:var(--vh-muted)}
.vh-reactions form{margin:0}.vh-reactions button,.video-hub .vh-reactions a{display:flex;gap:5px;align-items:center;border:0;background:transparent;color:var(--vh-muted)!important;padding:0;font:inherit;cursor:pointer;min-height:30px}
.vh-reactions svg{width:16px;height:16px}.vh-reactions button svg,.vh-reactions .is-liked{color:#ff346f!important}.vh-reactions .is-liked svg{filter:drop-shadow(0 1px 2px #ff346f30)}
.vh-periods{display:flex;gap:8px;margin:0 0 25px;overflow:auto;scrollbar-width:thin;padding-bottom:5px}
.video-hub .vh-periods a{flex:1 0 auto;padding:10px 12px;min-height:39px;border:1px solid var(--vh-line);border-radius:9px;background:var(--vh-surface);box-shadow:0 3px 9px #45427805;color:#75383b!important;text-align:center;font-size:11px;font-weight:650}
.video-hub .vh-periods .active{background:linear-gradient(110deg,#914649,#914649);border-color:transparent;color:#fff!important}
.vh-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.vh-category{gap:5px;min-height:122px}.vh-category b{font-size:13px;margin-top:5px}.vh-category small{font-size:11px;color:var(--vh-muted)}
.vh-category-icon-game,.vh-category-icon-plane,.vh-category-icon-music{color:#914649}.vh-category-icon-trophy{color:#ffad20}.vh-category-icon-monitor,.vh-category-icon-car{color:#914649}.vh-category-icon-education{color:#26283e}.vh-category-icon-food,.vh-category-icon-person{color:#ff617c}.vh-category-icon-paw{color:#039fd5}.vh-category-icon-more{color:#914649}
.vh-category:nth-child(3) .vh-menu-icon{color:#914649}
.vh-friend-author{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.vh-friend-author>a{display:flex;align-items:center;gap:10px;color:var(--vh-accent)!important}.vh-friend-author small{display:block;color:var(--vh-muted);font-size:11px}.vh-friend-author b{font-size:13px;font-weight:600}
.vh-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#f4e5df;color:var(--vh-accent);font-weight:700}.vh-avatar img{width:100%;height:100%;object-fit:cover}
.vh-friend-feed .vh-card{gap:12px 15px;padding-bottom:22px;border-bottom:1px solid var(--vh-line)}
.vh-friend-feed .vh-card-meta,.vh-friend-feed .vh-card-date{display:none}.vh-friend-feed .vh-reactions{margin-top:22px}
.vh-card-menu{position:relative}.vh-card-menu summary{list-style:none;cursor:pointer;font-size:23px;color:var(--vh-muted);padding:5px 8px}.vh-card-menu summary::-webkit-details-marker{display:none}
.vh-card-menu>div{position:absolute;right:0;top:100%;z-index:5;min-width:170px;padding:8px;background:var(--vh-surface);border:1px solid var(--vh-line);box-shadow:0 6px 25px #0002;border-radius:10px}.vh-card-menu a{display:block;padding:8px;color:var(--vh-ink)!important;font-size:12px}
.vh-empty{grid-column:1/-1;width:100%;padding:26px;text-align:center;color:var(--vh-muted);background:var(--vh-surface);border:1px solid var(--vh-line);border-radius:12px}.vh-empty>span{display:grid;place-items:center;color:var(--vh-accent);margin-bottom:10px}.vh-empty h2{font-size:19px;color:var(--vh-ink)}.vh-empty .vh-primary{display:inline-flex;margin-top:12px}
.vh-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 0;font-size:13px}.vh-pagination a{color:var(--vh-accent)!important}
.vh-upload-page{max-width:650px}.vh-upload-page .vh-heading{align-items:center}.vh-upload-page h1{font-size:23px!important}
.vh-upload-form{display:grid;gap:17px}.vh-upload-form label{margin:0}.vh-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:223px;border:1.5px dashed #f4e5df;background:linear-gradient(110deg,#faf8ff,#f5f5ff);border-radius:11px;text-align:center;padding:23px 16px;cursor:pointer}
.vh-dropzone>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.vh-dropzone>b{font-size:15px;color:var(--vh-ink);overflow-wrap:anywhere}.vh-dropzone>span:not(.vh-drop-icon){font-size:12px;color:#75383b}.vh-dropzone>small{font-size:11px;color:var(--vh-muted);line-height:1.7}.vh-drop-icon{color:var(--vh-accent);margin-bottom:5px}.vh-drop-icon svg{width:48px;height:48px}.vh-dropzone.is-dragover{background:#f4e5df;border-color:var(--vh-accent)}
.vh-field{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--vh-ink)}
.video-hub .vh-field input,.video-hub .vh-field textarea,.video-hub .vh-field select{width:100%;border:1px solid #f4e5df;border-radius:12px;background:var(--vh-surface);color:var(--vh-ink);font:inherit;font-weight:400;font-size:13px;padding:12px;min-height:43px;box-shadow:none}.vh-field textarea{resize:vertical;min-height:98px}.vh-field input::placeholder,.vh-field textarea::placeholder{color:#914649}
.vh-cover-picker{position:relative;display:grid;gap:7px;font-size:13px;font-weight:650}.vh-cover-picker>input{position:absolute;width:100%;height:40px;top:25px;opacity:0;cursor:pointer}.vh-cover-picker>small,.vh-cover-picker>span>small{font-weight:400;color:var(--vh-muted);font-size:11px}
.vh-cover-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;background:#eeedfa;border-radius:10px;color:#75383b;font-size:12px}.vh-cover-button svg{width:17px;height:17px}.vh-cover-button b{overflow-wrap:anywhere}
.vh-manual-cover summary{font-size:12px;color:var(--vh-accent);cursor:pointer;padding-bottom:9px}.vh-auto-cover{display:flex;align-items:center;gap:10px;background:#f4e5df;border-radius:10px;padding:12px;color:var(--vh-accent);font-size:12px}.vh-auto-cover small{display:block;margin-top:3px;color:var(--vh-muted);font-size:11px}
.vh-help{margin:0;color:var(--vh-muted);font-size:11px;line-height:1.6}.vh-form-notice{color:#c83562;background:#ffeaf0;border-radius:9px;padding:12px;font-size:12px;margin:0}.vh-form-notice[hidden]{display:none}
.vh-submit span{font-size:14px!important}.vh-submit[disabled]{opacity:.6;cursor:wait}
.video-hub :focus-visible{outline:3px solid #e9d1c8;outline-offset:3px}.vh-dropzone:focus-within,.vh-cover-picker:focus-within{outline:3px solid #e9d1c8;outline-offset:3px}
.video-hub.video-watch-page{max-width:960px}.video-watch-page .video-watch{background:var(--vh-surface);border:1px solid var(--vh-line);border-radius:16px;padding:18px}.video-watch-page .video-comments{margin-top:22px}.video-watch-page .video-comment{border-radius:12px}.vh-edit-cover{margin-top:16px;padding:14px;background:var(--vh-soft);border-radius:12px}.vh-edit-cover form{display:grid;gap:12px}.vh-edit-cover input{max-width:100%}
@media(max-width:700px){.video-hub{padding:26px 18px 100px}.vh-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vh-sections>a{min-height:95px}.vh-list{grid-template-columns:1fr;gap:23px}.vh-card{grid-template-columns:130px minmax(0,1fr);gap:14px}.video-hub .vh-thumbnail{width:130px}.vh-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vh-category{min-height:115px}.vh-heading{gap:9px}.vh-heading h1{font-size:24px!important}.vh-heading p{font-size:12px}.vh-rail>.vh-card{flex-basis:250px}.vh-rail .vh-thumbnail{width:100%}.vh-periods{gap:6px}.vh-periods a{padding:9px 8px!important;font-size:10px!important}.vh-friend-feed .vh-card{grid-template-columns:140px minmax(0,1fr)}.vh-friend-feed .vh-thumbnail{width:140px}.vh-upload-page .vh-heading{margin-bottom:25px}.vh-upload-page h1{font-size:22px!important}.vh-upload-form{gap:17px}.vh-card-title{font-size:13px!important}.vh-card-meta,.vh-card-date{font-size:11px}.vh-upload-cta{min-height:54px!important}.vh-section-title h2{font-size:19px}.vh-categories .vh-menu-icon svg{width:31px;height:31px}}
@media(max-width:360px){.video-hub{padding-left:15px;padding-right:15px}.vh-card,.vh-friend-feed .vh-card{grid-template-columns:118px minmax(0,1fr);gap:12px}.video-hub .vh-thumbnail{width:118px}.vh-rail .vh-thumbnail{width:100%}.vh-category b{font-size:11px}.vh-heading h1{font-size:22px!important}.vh-periods a{padding:9px 6px!important}.vh-reactions{gap:13px}}
@media(min-width:701px){.vh-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vh-home-grid .vh-card{display:block;padding:0 0 14px;background:var(--vh-surface);border:1px solid var(--vh-line);border-radius:13px;overflow:hidden}.vh-home-grid .vh-thumbnail{width:100%;aspect-ratio:16/9;border-radius:0}.vh-home-grid .vh-card-body{padding:14px}.vh-upload-cta{max-width:400px}.vh-periods{max-width:500px}}
html[data-theme="dark"] body.nova-app:has([data-video-hub]){--vh-ink:#f3efff;--vh-muted:#914649;--vh-surface:#232139;--vh-line:#35324f;--vh-soft:#2c2645;background:#171526!important}.vh-cover-button{background:var(--vh-soft);color:var(--vh-ink)}
html[data-theme="dark"] .vh-dropzone{background:#232139;border-color:#75383b}html[data-theme="dark"] .vh-dropzone>span:not(.vh-drop-icon){color:#f4e5df}html[data-theme="dark"] .vh-auto-cover{background:#302348}html[data-theme="dark"] .vh-field input,html[data-theme="dark"] .vh-field textarea,html[data-theme="dark"] .vh-field select{border-color:#75383b}
@media(prefers-reduced-motion:reduce){.vh-sections>a,.vh-category{transition:none}}