:root{--bg-main: #08080e;--bg-card: #12121e;--bg-surface: #1a1a2e;--bg-elevated: #22223a;--text-main: #f2f2f7;--text-secondary: #a8a8be;--text-muted: #5c5c72;--text-dim: #3a3a4e;--accent: #7c5cfc;--accent-hover: #9b80ff;--accent-dim: rgba(124, 92, 252, .12);--accent-glow: rgba(124, 92, 252, .35);--accent-gradient: linear-gradient(135deg, #7c5cfc, #c084fc);--danger: #ff4d6a;--success: #2dd4a0;--warning: #ffb547;--info: #38bdf8;--border: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .1);--border-active: rgba(124, 92, 252, .4);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-round: 100px;--shadow-card: 0 2px 16px rgba(0,0,0,.35);--shadow-hover: 0 12px 48px rgba(0,0,0,.55);--shadow-glow: 0 8px 32px var(--accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: all .3s var(--ease-out);--transition-fast: all .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-main);color:var(--text-main);line-height:1.55;overflow-x:hidden;font-feature-settings:"cv02","cv03","cv04","cv11"}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea,select{font:inherit}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}h3{font-size:1.1rem;font-weight:650;letter-spacing:-.01em;line-height:1.25}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-shell{display:grid;grid-template-columns:224px 1fr;height:100dvh;overflow:hidden}.sidebar{background:var(--bg-main);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;gap:4px;overflow-y:auto;z-index:50;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar .logo{font-size:1.1rem;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:9px;padding:10px 12px 24px;cursor:pointer;transition:var(--transition)}.sidebar .logo:hover{opacity:.8}.sidebar .nav-group-label{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:24px 12px 8px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:var(--radius-md);font-size:.86rem;font-weight:500;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;position:relative}.nav-item:hover{background:#ffffff0a;color:var(--text-main)}.nav-item.active{background:var(--accent-dim);color:var(--accent-hover);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.nav-item svg,.nav-item i{width:18px;height:18px;flex-shrink:0;opacity:.85}.nav-item.active svg,.nav-item.active i{opacity:1}.sidebar-profile{margin-top:auto;padding:16px 12px 4px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition)}.sidebar-profile:hover{background:#ffffff08}.main-content{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-main)}.top-bar{height:58px;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--border);background:#08080ecc;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);z-index:40;gap:16px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-round);padding:8px 18px;width:360px;transition:var(--transition)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-surface)}.search-bar input{background:transparent;border:none;color:var(--text-main);width:100%;outline:none;font-size:.84rem}.search-bar input::placeholder{color:var(--text-muted)}.topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition);position:relative}.icon-btn:hover{background:#ffffff0f;color:var(--text-main)}.icon-btn svg,.icon-btn i{width:18px;height:18px}.icon-btn[data-notif]:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-main)}#page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scroll-behavior:smooth}.page-pad{padding:32px}#page-content::-webkit-scrollbar{width:6px}#page-content::-webkit-scrollbar-track{background:transparent}#page-content::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}#page-content::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.rail{margin-bottom:40px}.rail-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 32px;margin-bottom:16px}.rail-title{font-size:1.2rem;font-weight:700;letter-spacing:-.015em}.rail-link{font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:4px}.rail-link:hover{color:var(--accent-hover)}.rail-link:after{content:"\2192";font-size:.85em;transition:transform .2s ease}.rail-link:hover:after{transform:translate(3px)}.rail-scroll{display:flex;gap:16px;overflow-x:auto;padding:0 32px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rail-scroll::-webkit-scrollbar{display:none}.vcard{flex-shrink:0;width:210px;cursor:pointer;scroll-snap-align:start;transition:transform .35s var(--ease-out)}.vcard:hover{transform:translateY(-6px) scale(1.02)}.vcard-thumb{width:100%;aspect-ratio:16/10;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--bg-card);box-shadow:var(--shadow-card);transition:box-shadow .35s var(--ease-out)}.vcard:hover .vcard-thumb{box-shadow:var(--shadow-hover)}.vcard-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.vcard:hover .vcard-thumb img{transform:scale(1.08)}.vcard-thumb .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,14,.8) 0%,rgba(8,8,14,.2) 40%,transparent 70%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;gap:8px}.vcard:hover .vcard-thumb .overlay{opacity:1}.overlay-btn{width:34px;height:34px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-fast);border:1px solid rgba(255,255,255,.08)}.overlay-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.vcard-badge{position:absolute;top:10px;left:10px;background:#7c5cfce6;backdrop-filter:blur(4px);padding:3px 9px;border-radius:var(--radius-xs);font-size:.58rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#fff;z-index:2}.vcard-duration{position:absolute;bottom:8px;right:8px;background:#000000bf;backdrop-filter:blur(4px);padding:2px 7px;border-radius:var(--radius-xs);font-size:.65rem;font-weight:650;letter-spacing:.02em;z-index:2}.vcard-meta{padding:10px 2px 0}.vcard-title{font-size:.84rem;font-weight:620;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px;color:var(--text-main);transition:color .2s}.vcard:hover .vcard-title{color:#fff}.vcard-sub{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:5px;line-height:1.3}.vcard-sub span{white-space:nowrap}.vcard-ranked{flex-shrink:0;display:flex;align-items:flex-end;gap:0;cursor:pointer;scroll-snap-align:start;transition:transform .35s var(--ease-out)}.vcard-ranked:hover{transform:translateY(-6px) scale(1.02)}.rank-number{font-size:6rem;font-weight:900;line-height:.82;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2.5px rgba(255,255,255,.15);margin-right:-16px;z-index:2;user-select:none;min-width:60px;text-align:right;transition:-webkit-text-stroke-color .3s}.vcard-ranked:hover .rank-number{-webkit-text-stroke-color:var(--accent)}.vcard-ranked .vcard-thumb{width:140px;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;position:relative;flex-shrink:0;box-shadow:var(--shadow-card);transition:box-shadow .3s var(--ease-out)}.vcard-ranked:hover .vcard-thumb{box-shadow:var(--shadow-hover)}.vcard-ranked .vcard-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.vcard-ranked:hover .vcard-thumb img{transform:scale(1.06)}.hero-banner{position:relative;height:520px;overflow:hidden;margin-bottom:44px}.hero-banner img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 8s ease}.hero-banner:hover img{transform:scale(1.06)}.hero-banner .hero-gradient{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,8,14,.97) 0%,rgba(8,8,14,.7) 35%,rgba(8,8,14,.2) 60%,transparent 80%),linear-gradient(to top,var(--bg-main) 0%,rgba(8,8,14,.6) 20%,transparent 40%)}.hero-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,transparent 40%,rgba(8,8,14,.3) 100%);pointer-events:none}.hero-info{position:absolute;bottom:72px;left:44px;max-width:520px;z-index:2}.hero-info h1{font-size:2.8rem;margin-bottom:14px;text-shadow:0 4px 32px rgba(0,0,0,.5);letter-spacing:-.03em;line-height:1.05}.hero-info p{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.65;max-width:440px}.hero-tags{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tag{padding:4px 12px;border-radius:var(--radius-xs);font-size:.68rem;font-weight:650;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);letter-spacing:.02em}.tag-accent{background:var(--accent-dim);border-color:#7c5cfc59;color:var(--accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-md);font-size:.86rem;font-weight:620;white-space:nowrap;transition:var(--transition);position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-hover)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-main);background:#ffffff0a}.btn-icon{width:42px;height:42px;padding:0;border-radius:50%;background:#ffffff14;backdrop-filter:blur(8px);color:#fff}.btn-icon:hover{background:#ffffff2e}.btn-sm{padding:7px 16px;font-size:.8rem;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .3s ease}.card:hover{border-color:var(--border-hover)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;transition:var(--transition)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.stat-card .stat-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.stat-card .stat-value{font-size:1.85rem;font-weight:800;line-height:1;margin-bottom:8px;letter-spacing:-.02em}.stat-card .stat-change{font-size:.72rem;font-weight:650;display:flex;align-items:center;gap:4px}.stat-card .stat-change.up{color:var(--success)}.stat-card .stat-change.down{color:var(--danger)}.chip-row{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{padding:7px 18px;border-radius:var(--radius-round);font-size:.8rem;font-weight:600;background:#ffffff0a;border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:var(--transition)}.chip:hover{background:#ffffff14;color:var(--text-main);border-color:var(--border-hover)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 20px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:#ffffff03}.data-table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:.85rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background:#ffffff05}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.explore-card{cursor:pointer;transition:transform .35s var(--ease-out)}.explore-card:hover{transform:translateY(-5px)}.explore-card .thumb{aspect-ratio:16/10;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--bg-card);margin-bottom:10px;box-shadow:var(--shadow-card);transition:box-shadow .35s var(--ease-out)}.explore-card:hover .thumb{box-shadow:var(--shadow-hover)}.explore-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.explore-card:hover .thumb img{transform:scale(1.06)}.genre-card{height:160px;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);box-shadow:var(--shadow-card)}.genre-card:hover{transform:scale(1.04);box-shadow:var(--shadow-hover)}.genre-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.genre-card:hover img{transform:scale(1.1)}.genre-card .genre-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,14,.85) 0%,rgba(8,8,14,.15) 60%,transparent 100%);display:flex;align-items:flex-end;padding:20px}.genre-card .genre-label{font-size:1.15rem;font-weight:750;letter-spacing:-.01em}.modal-overlay{position:fixed;inset:0;background:#000000e0;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .25s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-xl);width:100%;max-width:520px;padding:32px;position:relative;animation:slideUp .35s var(--ease-out);box-shadow:0 32px 64px #00000080}.close-modal{position:absolute;top:16px;right:16px;color:var(--text-muted);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);z-index:10}.close-modal:hover{background:#ffffff14;color:var(--text-main)}.form-input{width:100%;box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 16px;color:var(--text-main);font-size:.88rem;outline:none;transition:var(--transition)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-elevated)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:none;min-height:120px;line-height:1.65}.form-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.form-select{width:100%;box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 16px;color:var(--text-main);font-size:.85rem;outline:none;appearance:none;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235c5c72' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.style-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 14px;text-align:center;cursor:pointer;transition:var(--transition)}.style-card:hover{border-color:var(--border-hover);background:var(--bg-surface);transform:translateY(-2px)}.style-card.active{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent),0 4px 16px var(--accent-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fade-in{animation:fadeIn .45s ease}.rail-scroll>*:nth-child(1){animation:slideUp .3s var(--ease-out) both;animation-delay:0s}.rail-scroll>*:nth-child(2){animation:slideUp .3s var(--ease-out) both;animation-delay:.03s}.rail-scroll>*:nth-child(3){animation:slideUp .3s var(--ease-out) both;animation-delay:.06s}.rail-scroll>*:nth-child(4){animation:slideUp .3s var(--ease-out) both;animation-delay:.09s}.rail-scroll>*:nth-child(5){animation:slideUp .3s var(--ease-out) both;animation-delay:.12s}.rail-scroll>*:nth-child(6){animation:slideUp .3s var(--ease-out) both;animation-delay:.15s}.rail-scroll>*:nth-child(7){animation:slideUp .3s var(--ease-out) both;animation-delay:.18s}.rail-scroll>*:nth-child(8){animation:slideUp .3s var(--ease-out) both;animation-delay:.21s}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#08080ef2;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-top:1px solid var(--border);justify-content:flex-start;align-items:center;z-index:1000;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mob-tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);font-size:.58rem;font-weight:650;padding:6px 12px;border-radius:var(--radius-sm);transition:var(--transition);letter-spacing:.02em;flex-shrink:0;min-width:56px}.mob-tab.active{color:var(--accent-hover)}.mob-tab svg,.mob-tab i{width:21px;height:21px}.creator-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-gradient);padding:3px;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.creator-avatar:hover{transform:scale(1.08);box-shadow:0 0 24px var(--accent-glow)}.creator-avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--bg-main);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;color:#fff}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.hero-banner{height:380px;margin-bottom:36px}.hero-info h1{font-size:2rem}.hero-info{left:32px;bottom:48px;max-width:420px}.hero-info p{font-size:.88rem}.vcard{width:180px}.rail-scroll{gap:14px}.app-shell{grid-template-columns:200px 1fr}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding-bottom:64px}.top-bar{padding:0 16px;height:52px;min-height:52px}.search-bar{width:100%;flex:1;padding:7px 14px}.search-bar input{font-size:.82rem}.page-pad{padding:20px 16px}.rail-header{padding:0 16px;margin-bottom:14px}.rail-scroll{padding:0 16px 10px;gap:12px}.rail-title{font-size:1.05rem}.hero-banner{height:320px;margin-bottom:28px}.hero-info{left:16px;bottom:28px;max-width:calc(100% - 32px)}.hero-info h1{font-size:1.55rem;margin-bottom:8px}.hero-info p{font-size:.82rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.hero-tags{gap:6px;margin-bottom:12px}.hero-tags .tag{font-size:.6rem;padding:3px 8px}.vcard{width:155px}.vcard-title{font-size:.78rem}.vcard-sub{font-size:.68rem}.vcard-ranked .vcard-thumb{width:105px}.rank-number{font-size:4.2rem;min-width:44px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}.modal-overlay{padding:0!important;align-items:stretch!important}.video-detail-modal{max-width:100vw!important;width:100vw!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;padding:0!important;border:none!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important}.video-player-area{min-height:0!important;aspect-ratio:16/9;max-height:45vh}.video-more-rail{padding:14px 16px!important}.video-info-col{border-left:none!important;border-top:1px solid var(--border);padding:18px 16px!important;overflow-y:auto}.video-detail-modal .close-modal{top:8px!important;right:8px!important;z-index:10;background:#0009!important}.modal-content:not(.video-detail-modal){max-width:95vw!important;padding:24px!important}#studio-content [style*="grid-template-columns:1fr 300px"],#studio-content [style*="grid-template-columns: 1fr 300px"]{grid-template-columns:1fr!important}.publish-grid{grid-template-columns:1fr!important;gap:20px!important}.publish-grid>*{min-width:0}.publish-cover{aspect-ratio:16/9!important;max-height:220px}.stat-card .stat-value{font-size:1.5rem}.chip{padding:6px 14px;font-size:.76rem}}@media(max-width:480px){.hero-banner{height:260px}.hero-info h1{font-size:1.3rem}.hero-info p{display:none}.vcard{width:142px}.vcard-ranked .vcard-thumb{width:90px}.rank-number{font-size:3.2rem;min-width:36px;-webkit-text-stroke-width:2px}.rail-scroll{gap:10px}.genre-card{height:120px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-center{text-align:center}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 14px;background:#ffffff08;border:1px solid var(--border);border-radius:10px}.time-filter-label{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:6px;white-space:nowrap}.time-chip{padding:5px 12px;border-radius:6px;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s var(--ease-out);background:transparent;border:1px solid transparent;white-space:nowrap}.time-chip:hover{color:var(--text-secondary);background:#ffffff0d}.time-chip.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #7c5cfc4d}@media(max-width:600px){.time-filter-row{gap:4px;padding:8px 10px}.time-chip{padding:4px 9px;font-size:.7rem}.time-filter-label{font-size:.65rem;margin-right:4px}}.studio-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border);position:relative}.studio-top-bar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.studio-logo-icon{width:42px;height:42px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px var(--accent-glow),0 0 4px var(--accent-glow)}.studio-credits{display:flex;align-items:center;gap:6px;font-size:.82rem;background:var(--bg-surface);padding:6px 14px;border-radius:var(--radius-round);border:1px solid var(--border)}.studio-glitch-title{font-size:1.5rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--text-main);text-shadow:0 0 10px var(--accent-glow),0 0 30px rgba(124,92,252,.15);position:relative}.studio-glitch-title:before,.studio-glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.studio-glitch-title:before{color:#ff4d6a;animation:glitch-1 4s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.studio-glitch-title:after{color:#38bdf8;animation:glitch-2 4s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-1{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.8;transform:translate(-3px,-1px)}94%{opacity:0}96%{opacity:.6;transform:translate(2px,1px)}97%{opacity:0}}@keyframes glitch-2{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.7;transform:translate(3px,1px)}92%{opacity:0}94%{opacity:.5;transform:translate(-2px,-1px)}95%{opacity:0}}.studio-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;min-height:60vh}.studio-sidebar{display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 10px;position:sticky;top:80px;align-self:start;overflow:hidden}.studio-sidebar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(124,92,252,.015) 2px,rgba(124,92,252,.015) 4px);pointer-events:none;border-radius:inherit;z-index:1}.studio-sidebar-inner{display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}.studio-sidebar-footer{padding-top:16px;border-top:1px solid var(--border);margin-top:16px;text-align:center;position:relative;z-index:2}.studio-sidebar-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative}.studio-sidebar-tab:hover{background:#ffffff0a;color:var(--text-secondary)}.studio-sidebar-tab.active{background:var(--accent-dim);color:var(--accent);font-weight:700;box-shadow:0 0 12px var(--accent-glow),inset 0 0 0 1px #7c5cfc33}.studio-sidebar-tab.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent)}.studio-main{min-width:0}.neon-card{position:relative;transition:box-shadow .3s ease,border-color .3s ease}.neon-card:hover{border-color:#7c5cfc26;box-shadow:0 0 20px #7c5cfc14}.neon-heading{text-shadow:0 0 12px rgba(124,92,252,.2)}.neon-btn{box-shadow:0 0 16px var(--accent-glow);transition:box-shadow .3s ease,transform .2s ease}.neon-btn:hover{box-shadow:0 0 24px var(--accent-glow),0 0 48px #7c5cfc26}.neon-pill{font-size:.75rem;font-weight:650;color:var(--text-muted);cursor:pointer;padding-bottom:3px;transition:color .2s ease}.neon-pill.active{color:var(--accent);border-bottom:2px solid var(--accent);text-shadow:0 0 8px var(--accent-glow)}.neon-pill:hover{color:var(--text-secondary)}.neon-tag{display:inline-block;font-size:.72rem;font-weight:650;color:var(--accent);background:var(--accent-dim);padding:4px 10px;border-radius:var(--radius-round);border:1px solid rgba(124,92,252,.15);text-shadow:0 0 6px var(--accent-glow)}.ai-result-box{background:#7c5cfc0a;border:1px solid rgba(124,92,252,.12);border-radius:var(--radius-md);padding:14px 16px}.ai-result-label{display:flex;align-items:center;gap:5px;font-size:.62rem;font-weight:750;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:8px;text-shadow:0 0 8px var(--accent-glow)}.ai-tool-btn{font-size:.72rem!important;gap:6px;justify-content:flex-start;padding:9px 12px;transition:all .2s ease}.ai-tool-btn:hover{border-color:#7c5cfc4d;box-shadow:0 0 10px var(--accent-glow)}.studio-create-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.draft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.draft-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .3s var(--ease-out),box-shadow .3s ease}.draft-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.draft-card-thumb{position:relative;aspect-ratio:16/10;overflow:hidden}.draft-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.draft-card:hover .draft-card-thumb img{transform:scale(1.05)}.draft-card-body{padding:14px}.draft-badge{position:absolute;top:8px;right:8px;background:var(--warning);color:#000;padding:2px 8px;border-radius:var(--radius-xs);font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.draft-style-badge{position:absolute;top:8px;left:8px;background:#000000b3;backdrop-filter:blur(6px);color:var(--text-main);padding:3px 8px;border-radius:var(--radius-xs);font-size:.6rem;font-weight:650}.live-badge{position:absolute;top:8px;right:8px;background:var(--success);color:#000;padding:2px 8px;border-radius:var(--radius-xs);font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 8px #2dd4a066}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-sidebar{flex-direction:row;position:static;padding:8px;gap:4px;overflow-x:auto}.studio-sidebar:before{display:none}.studio-sidebar-inner{flex-direction:row;gap:4px;width:100%}.studio-sidebar-footer{display:none}.studio-sidebar-tab{padding:8px 12px;font-size:.75rem;white-space:nowrap;justify-content:center}.studio-sidebar-tab span{display:inline}.studio-sidebar-tab.active:before{display:none}.studio-create-grid{grid-template-columns:1fr}.draft-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:600px){.studio-sidebar-tab{padding:7px 10px;font-size:.7rem}.studio-sidebar-tab i{display:none}.studio-glitch-title{font-size:1.1rem;letter-spacing:.12em}.draft-grid{grid-template-columns:1fr}}.neon-logo{cursor:pointer}.neon-logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent);color:#fff;box-shadow:0 0 14px var(--accent-glow),0 0 32px #7c5cfc26;animation:neonPulse 3s ease-in-out infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 14px var(--accent-glow),0 0 32px #7c5cfc26}50%{box-shadow:0 0 20px var(--accent-glow),0 0 48px #7c5cfc40}}.neon-logo-text{font-weight:800;font-size:1.1rem;letter-spacing:-.03em;color:var(--text-main);text-shadow:0 0 12px rgba(124,92,252,.3)}.neon-logo-text span{color:var(--accent);text-shadow:0 0 16px var(--accent-glow),0 0 32px rgba(124,92,252,.2)}.neon-logo:hover .neon-logo-icon{box-shadow:0 0 24px var(--accent-glow),0 0 56px #7c5cfc4d}.neon-logo:hover .neon-logo-text{text-shadow:0 0 20px rgba(124,92,252,.5)}.explore-search{position:relative}.explore-search-inner{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;transition:border-color .2s,box-shadow .2s}.explore-search-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.explore-search-inner i{color:var(--text-muted);flex-shrink:0}.explore-search-inner .form-input{flex:1;min-width:0}.explore-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.explore-search-clear:hover{color:var(--text-main);background:var(--bg-surface)}.explore-results-count{font-size:.82rem;color:var(--text-muted);margin-top:8px}.card-action-btn{background:#0000008c;border:none;color:var(--text-muted);width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;backdrop-filter:blur(6px)}.card-action-btn:hover{background:#000c;color:var(--text-main);transform:scale(1.15)}.card-action-btn.active{background:#000000b3}.video-action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-action-bar .btn{gap:6px}.follow-btn{transition:all .25s}.follow-btn.following{background:var(--bg-surface);border-color:var(--accent);color:var(--accent)}.crt-player{position:relative;overflow:hidden}.crt-player:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:2;animation:crtFlicker 4s ease-in-out infinite}@keyframes crtFlicker{0%,96%,to{opacity:1}97%{opacity:.7}98%{opacity:1}99%{opacity:.8}}.comment-input-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.comment-input{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-round);padding:8px 14px;color:var(--text-main);font-size:.85rem;outline:none;transition:border-color .2s;min-width:0}.comment-input:focus{border-color:var(--accent)}.comment-input::placeholder{color:var(--text-muted)}.comment-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.comment-item{display:flex;gap:10px;align-items:flex-start}.comment-item .comment-body{flex:1;min-width:0}.comment-item .comment-user{font-size:.78rem;font-weight:700;color:var(--text-main)}.comment-item .comment-time{font-size:.7rem;color:var(--text-muted);margin-left:8px}.comment-item .comment-text{font-size:.82rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.auth-gate-card{animation:fadeInUp .5s var(--ease-out) both}.auth-gate-card h2{font-size:1.5rem;letter-spacing:-.02em;text-shadow:0 0 20px var(--accent-glow)}.auth-gate-card .form-input{text-align:center;letter-spacing:.08em}.retro-scanline-header{position:relative;padding:20px;border-radius:var(--radius);margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border);overflow:hidden}.retro-scanline-header:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(124,92,252,.03) 3px,rgba(124,92,252,.03) 6px);pointer-events:none;z-index:1}.retro-scanline-header>*{position:relative;z-index:2}.retro-scanline-header h2,.retro-scanline-header .studio-glitch-title{text-shadow:0 0 16px var(--accent-glow),0 0 32px rgba(124,92,252,.15)}.retro-admin-page .stat-card{border:1px solid rgba(124,92,252,.1);transition:border-color .3s,box-shadow .3s}.retro-admin-page .stat-card:hover{border-color:#7c5cfc40;box-shadow:0 0 20px #7c5cfc14}.retro-admin-page .card{border:1px solid rgba(124,92,252,.08)}@media(max-width:768px){.explore-search-inner{padding:8px 12px}.comment-list{max-height:200px}.video-action-bar{gap:6px}.video-action-bar .btn{padding:6px 10px;font-size:.75rem}}@media(max-width:480px){.neon-logo-text{font-size:.95rem}.comment-input-row{gap:6px}.comment-avatar{width:26px;height:26px;font-size:.62rem}}.studio-dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.studio-dash-two-col{grid-template-columns:1fr;gap:20px}}.studio-section-title{font-size:1rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.studio-section-title i{color:var(--accent)}.studio-activity-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.82rem}.studio-activity-item:last-child{border-bottom:none}.studio-activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.studio-action-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .25s var(--ease-out)}.studio-action-card:hover{background:var(--bg-surface);border-color:var(--accent);transform:translateY(-2px)}.studio-action-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.studio-prompt-area{background:var(--bg-main);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;color:var(--text-main);font-size:.92rem;line-height:1.6;width:100%;min-height:140px;resize:vertical;transition:border-color .25s ease,box-shadow .25s ease}.studio-prompt-area:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),0 0 20px #7c5cfc1a}.studio-prompt-area::placeholder{color:var(--text-muted)}.studio-config-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px}.ai-helpers-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ai-helper-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;border-radius:var(--radius-round);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.ai-helper-btn:hover{border-color:var(--accent);color:var(--accent);background:#7c5cfc14}.ai-result-box{background:#7c5cfc0f;border:1px solid rgba(124,92,252,.2);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;font-size:.82rem;line-height:1.5;animation:fadeSlideIn .3s ease}.draft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.draft-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .3s var(--ease-out),box-shadow .3s ease,border-color .3s ease}.draft-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000073;border-color:#7c5cfc40}.draft-progress{height:3px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.draft-progress-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .3s ease}.pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.pub-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .3s var(--ease-out),box-shadow .3s ease,border-color .3s ease}.pub-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000073;border-color:#7c5cfc40}.studio-ai-prompt-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color .2s ease}.studio-ai-prompt-row:hover{border-color:#7c5cfc4d}.btn-create-reel{background:var(--accent-gradient);color:#fff;border:none;padding:13px 30px;font-size:.95rem;font-weight:700;border-radius:var(--radius-round);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease;box-shadow:0 0 20px var(--accent-glow);letter-spacing:-.01em}.btn-create-reel:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 32px var(--accent-glow),0 6px 20px #0000004d}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){#studio-content [style*="grid-template-columns:1fr 300px"],#studio-content [style*="grid-template-columns: 1fr 300px"]{grid-template-columns:1fr!important}.draft-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pub-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.studio-config-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.draft-grid{grid-template-columns:1fr}.pub-grid,.studio-config-row{grid-template-columns:1fr 1fr}}