*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0d12;color:#f5f7fb}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:70px;display:flex;align-items:center;gap:24px;padding:0 5%;background:#10131a;border-bottom:1px solid #222734;position:sticky;top:0;z-index:10}.logo{font-size:23px;font-weight:900;white-space:nowrap}.logo span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ff2f5b;font-size:15px}.search{display:flex;flex:1;max-width:600px;margin:auto}.search input{width:100%;padding:13px 16px;border:1px solid #303645;border-right:0;border-radius:12px 0 0 12px;background:#181c25;color:white;outline:0}.search button{width:52px;border:0;border-radius:0 12px 12px 0;background:#252b38;color:white}.nav{display:flex;align-items:center;gap:14px;font-size:14px}.primary{display:inline-flex;justify-content:center;align-items:center;border:0;background:#ff2f5b;color:#fff;padding:11px 17px;border-radius:11px;font-weight:800;cursor:pointer}.big{padding:14px 20px}.container{max-width:1250px;margin:auto;padding:28px 20px 80px}.hero{min-height:300px;border-radius:26px;padding:42px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#171b27,#10131a);overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;color:#ff5d7c;font-weight:800}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;max-width:720px;margin:12px 0}.hero h1 span{color:#ff2f5b}.hero p{color:#aab2c2;font-size:17px;margin-bottom:26px}.hero-art{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:#ff2f5b;font-size:58px;box-shadow:0 0 100px #ff2f5b55}.chips{display:flex;gap:9px;overflow:auto;padding:24px 0}.chips a{background:#181c25;border:1px solid #2b3040;border-radius:30px;padding:9px 15px;white-space:nowrap;color:#bbc2cf}.chips a.active{background:#f4f6fa;color:#111}.section-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px}.section-head h2{margin:0}.section-head span,.meta,small{color:#8f98aa;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{min-width:0}.thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#171b24}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{height:100%;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,#202638,#151821)}.play{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:#ff2f5b;display:grid;place-items:center}.card-body{padding:10px 2px}.title{font-weight:800;line-height:1.3;display:block}.channel{display:block;color:#aab2c2;margin-top:7px;font-size:13px}.empty{text-align:center;padding:70px;color:#8992a5;background:#11151d;border-radius:18px}.flash{max-width:1250px;margin:14px auto 0;padding:12px 18px;border-radius:10px}.flash.ok,.success{background:#123522;color:#9ef0ba}.error{background:#421b25;color:#ffb1c0;padding:12px;border-radius:10px;margin:12px 0}.auth,.upload-box{max-width:520px;margin:40px auto;background:#11151d;border:1px solid #252b38;padding:30px;border-radius:20px}.auth h1,.upload-box h1{margin-top:0}.auth form,.upload-box form{display:grid;gap:16px}.auth label,.upload-box label{display:grid;gap:7px;font-weight:700;font-size:14px}.auth input,.upload-box input,.upload-box textarea,.upload-box select,.comment-form textarea{width:100%;padding:13px;border:1px solid #303645;border-radius:10px;background:#181c25;color:white;outline:0}.full{width:100%}.watch{max-width:1050px;margin:auto}.player{width:100%;max-height:70vh;background:#000;border-radius:16px}.watch-title h1{font-size:28px;margin-bottom:7px}.actions{display:flex;gap:10px;margin:15px 0}.actions form{display:inline}.actions button{border:1px solid #303645;background:#181c25;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.actions .subscribed{background:#eee;color:#111}.channel-box{display:flex;gap:14px;align-items:center;border-top:1px solid #242a37;border-bottom:1px solid #242a37;padding:17px 0}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ff2f5b;font-weight:900}.avatar.small{width:38px;height:38px}.avatar.xl{width:90px;height:90px;font-size:32px}.description{padding:18px 0;color:#c0c6d1;line-height:1.6}.comments{margin-top:30px}.comment-form{display:flex;gap:10px;margin:15px 0}.comment-form textarea{min-height:48px;resize:vertical}.comment{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #202531}.comment small{display:block;margin-top:7px}.profile-head{display:flex;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid #242a37;margin-bottom:24px}.profile-info{flex:1}.profile-info h1{margin:0 0 8px}.admin .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 35px}.stats div{background:#151922;border:1px solid #272d3a;border-radius:15px;padding:20px}.stats b{display:block;font-size:28px}.stats span{color:#8e97a8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#11151d}th,td{padding:13px;text-align:left;border-bottom:1px solid #262c38}button.danger{background:#7d2133;color:#fff;border:0;border-radius:8px;padding:8px}.row-actions{display:flex;gap:7px}.footer{text-align:center;color:#737d90;border-top:1px solid #202531;padding:25px}.bottom-nav{display:none}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero-art{width:140px;height:140px}.nav{gap:8px}.upload-link{display:none}}
@media(max-width:600px){.topbar{height:auto;min-height:64px;padding:10px 14px;flex-wrap:wrap;gap:10px}.search{order:3;flex-basis:100%;max-width:none}.nav{margin-left:auto}.nav a:not(.primary):not(.user-pill){display:none}.user-pill{max-width:90px;overflow:hidden;text-overflow:ellipsis}.container{padding:18px 13px 85px}.hero{padding:27px 22px;min-height:310px}.hero-art{display:none}.hero h1{font-size:37px}.grid{grid-template-columns:1fr;gap:25px}.thumb{border-radius:13px}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:62px;background:#11151d;border-top:1px solid #292f3b;z-index:20;justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px}.bottom-nav small{font-size:10px;margin-top:2px}.actions{overflow:auto}.profile-head{align-items:flex-start;flex-wrap:wrap}.comment-form{flex-direction:column}}

/* TikTok-style watch enhancements */
.player{max-height:78vh;object-fit:contain;background:#000}
.actions button{font-weight:700}