*{box-sizing:border-box}html,body{margin:0;background:#07090d;color:#f4f6fb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}body{overflow-x:hidden}.app{display:flex;min-height:100vh}.sidebar{width:188px;flex:0 0 188px;background:#090c11;border-right:1px solid #20242d;padding:13px 10px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:27px;font-weight:800;padding:5px 9px 20px;letter-spacing:-1px}.brand-v{color:#fff}.brand span:last-child{color:#ff303b}.nav{width:100%;background:none;border:0;border-radius:8px;padding:10px 10px;text-align:left;display:flex;gap:13px;align-items:center;color:#e4e7ec;font-size:14px;margin:2px 0}.nav:hover,.nav.active{background:#151920}.nav.active{color:#ff4751}.nav b{font-size:9px;background:#4d1c91;color:#d6b6ff;border-radius:10px;padding:3px 5px;margin-left:auto}.nav.small{font-size:12px}.sep{height:1px;background:#20242d;margin:11px 0}h4{font-size:12px;font-weight:500;color:#fff;margin:13px 10px 8px;display:flex;justify-content:space-between}.sub{border:0;background:none;width:100%;display:flex;align-items:center;gap:9px;padding:7px 10px;text-align:left;color:#d8dbe1;font-size:12px;white-space:nowrap;overflow:hidden}.sub em{width:7px;height:7px;border-radius:50%;background:#ff2531;margin-left:auto}.avatar{width:25px;height:25px;border-radius:50%;display:inline-block;background:linear-gradient(135deg,#8d94ff,#2a2d4b)}.a2{background:linear-gradient(135deg,#f7aa7d,#51303b)}.a3{background:linear-gradient(135deg,#ffd08a,#53442b)}.a4{background:linear-gradient(135deg,#7db8ff,#243c62)}.a5{background:linear-gradient(135deg,#ffcf9b,#51351e)}.main{min-width:0;flex:1}.topbar{height:60px;border-bottom:1px solid #20242d;background:rgba(8,10,14,.93);backdrop-filter:blur(12px);display:flex;align-items:center;gap:18px;padding:8px 20px;position:sticky;top:0;z-index:5}.hamb,.iconBtn{background:none;border:0;font-size:22px}.mobile-brand{display:none;font-size:22px;font-weight:800}.mobile-brand span{color:#ff303b}.search{height:39px;display:flex;align-items:center;border:1px solid #343943;background:#12151b;border-radius:10px;max-width:560px;flex:1;margin-left:auto}.search input{border:0;outline:0;background:none;color:#fff;flex:1;padding:0 14px;font-size:13px}.search button{border:0;background:none;font-size:24px;padding:0 12px}.aiTop{border:1px solid #632bc3;background:linear-gradient(100deg,#1d2458,#31105d);border-radius:8px;padding:9px 15px;font-size:13px}.top-actions{display:flex;align-items:center;gap:16px}.create{background:none;border:0;font-size:13px}.iconBtn{position:relative}.iconBtn sup{position:absolute;top:-3px;right:-5px;background:#ff2934;border-radius:9px;padding:1px 5px;font-size:9px}.profile{border:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffb05d,#7b3f24);font-weight:800}.content{display:flex;gap:18px;padding:18px 20px}.content>section{min-width:0;flex:1}.rightRail{width:305px;flex:0 0 305px}.hero{height:274px;border:1px solid #1f2c4c;border-radius:14px;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 50%,#281361 0,#0d1837 34%,#060d18 70%);padding:38px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#07101d)}.heroText{position:relative;z-index:2}.hero small{font-size:15px}.hero h1{font-size:32px;margin:10px 0;background:linear-gradient(90deg,#9d72ff,#d24dff);-webkit-background-clip:text;color:transparent}.hero p{font-size:14px;color:#c9ced9}.gradientBtn{border:0;border-radius:8px;padding:11px 17px;background:linear-gradient(100deg,#2775ff,#c62bd6);color:#fff;font-weight:650;box-shadow:0 6px 22px #5d24a033}.robot{position:absolute;right:90px;top:42px;font-size:145px;color:#8999ff55;z-index:1;filter:drop-shadow(0 0 30px #7b4dff88)}.botFace{position:absolute;left:25px;top:42px;font-size:23px;color:#a99cff;line-height:1.3;text-align:center}.botFace span{font-size:18px}.aiPills{position:absolute;right:28px;top:28px;display:flex;flex-direction:column;gap:10px;z-index:3}.aiPills span{background:#132437d9;border:1px solid #24618c;border-radius:9px;padding:8px 11px;font-size:11px}.aiPills span:nth-child(2){margin-left:-24px}.aiPills span:nth-child(3){margin-left:-34px}.aiPills span:nth-child(4){margin-left:-8px}.aiPills span:nth-child(5){margin-left:12px}.chips{display:flex;gap:8px;overflow:auto;padding:14px 0 8px}.chip{white-space:nowrap;background:#151920;border:1px solid #282e38;border-radius:8px;padding:7px 12px;font-size:11px}.chip.active{background:#ff313b;border-color:#ff313b}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin:14px 0 9px}.sectionTitle h2{font-size:17px;margin:0}.sectionTitle a,.cardHead a{font-size:11px;color:#ff414a}.videoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.video{min-width:0}.thumb{height:135px;border-radius:9px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff10}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#0009)}.duration{position:absolute;right:7px;bottom:6px;background:#000c;border-radius:4px;padding:3px 5px;font-size:9px;z-index:2}.video h3{font-size:12px;line-height:1.35;margin:7px 0 4px}.meta{font-size:10px;color:#8d94a2}.shortGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.short{height:190px;border-radius:9px;overflow:hidden;position:relative;background-size:cover;background-position:center;border:1px solid #2a2e36}.short:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000c)}.short span{position:absolute;bottom:9px;left:9px;right:8px;font-size:11px;z-index:2}.aiCard,.tools{border:1px solid #242a34;background:#101319;border-radius:13px;padding:14px;margin-bottom:14px}.cardHead{display:flex;align-items:center;gap:8px;font-size:13px}.cardHead small{font-size:8px;background:#172b48;color:#6fb7ff;border-radius:5px;padding:3px 5px}.cardHead button{margin-left:auto;background:none;border:0;font-size:18px;color:#78808e}.aiCard p{font-size:12px;line-height:1.55;color:#d9dce4}.aiCard ul{padding-left:18px;margin:8px 0 14px;color:#d4d8df;font-size:11px;line-height:1.9}.example{background:#171b22;border:1px solid #292f39;border-radius:7px;padding:8px 10px;font-size:10px}.aiInput{display:flex;margin-top:12px;background:#171b22;border:1px solid #2a303a;border-radius:8px}.aiInput input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;padding:9px;font-size:10px}.aiInput button{background:none;border:0;color:#8992a0}.aiReply{font-size:10px;color:#aeb5c1;margin-top:8px;line-height:1.5}.toolGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.toolGrid button{border:1px solid #2b313b;background:#171c22;border-radius:7px;padding:10px 7px;text-align:left;font-size:10px}.toolGrid button:nth-child(1){color:#78d0a5}.toolGrid button:nth-child(2){color:#c6a5ff}.toolGrid button:nth-child(3){color:#f4c56d}.toolGrid button:nth-child(4){color:#76baff}.toolGrid button:nth-child(5){color:#ff8db0}.toolGrid button:nth-child(6){color:#75d7cf}.trend{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #222731;font-size:11px}.trend:last-child{border:0}.trend>b{font-size:12px}.trend span{flex:1}.trend small{display:block;color:#7f8794;font-size:9px;margin-top:3px}.trend i{color:#39d58a;font-style:normal}.modal{position:fixed;inset:0;background:#0009;display:none;place-items:center;z-index:20}.modal.show{display:grid}.modalBox{width:min(420px,90vw);background:#11151c;border:1px solid #303746;border-radius:14px;padding:25px;box-shadow:0 20px 80px #000}.modalClose{float:right;border:0;background:none;font-size:22px;color:#888}.modalBox h2{margin-top:0}.modalBox p{color:#b8beca;line-height:1.6;font-size:13px}@media(max-width:1100px){.rightRail{display:none}.videoGrid{grid-template-columns:repeat(3,1fr)}.shortGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.sidebar{position:fixed;left:-210px;z-index:10;transition:.25s}.sidebar.open{left:0}.content{padding:12px}.topbar{padding:8px 12px;gap:9px}.mobile-brand{display:block}.aiTop,.create{display:none}.search{order:3;max-width:none;width:100%;margin:0}.topbar{flex-wrap:wrap;height:auto}.hamb{order:1}.mobile-brand{order:2}.top-actions{order:4;margin-left:auto}.profile{width:30px;height:30px}.hero{height:245px;padding:25px 20px}.hero h1{font-size:24px}.hero p{max-width:270px}.robot{right:0;top:70px;font-size:100px;opacity:.45}.aiPills{display:none}.videoGrid{grid-template-columns:repeat(2,1fr);gap:10px}.thumb{height:120px}.shortGrid{grid-template-columns:repeat(3,1fr)}.short{height:175px}.chips{margin-right:-12px}.brand{padding-bottom:12px}}