*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070a14;color:#f8f9ff;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #1a2033;padding:20px 14px;background:#080b15}.brand{font-size:22px;font-weight:900;letter-spacing:.4px;margin:0 8px 26px}.brand span{color:#b047ff;margin-right:3px}.sidebar nav{display:grid;gap:8px}.nav,.ghost,.primary,.round-control{border:0;color:inherit;font:inherit;cursor:pointer}.nav{display:flex;gap:10px;align-items:center;width:100%;padding:11px 12px;border-radius:10px;background:transparent;color:#abb4cc;text-align:left}.nav.active,.nav:hover{background:#21134a;color:#fff}.side-card{position:absolute;left:14px;right:14px;bottom:20px;padding:14px;border:1px solid #242b43;border-radius:14px;background:#0d1120}.side-card p{font-size:12px;color:#8f9ab4}.primary{background:linear-gradient(135deg,#7c22ff,#b236ff);padding:10px 16px;border-radius:9px;font-weight:700;box-shadow:0 8px 28px #7f2cff33}.primary:hover{filter:brightness(1.08)}.primary.wide{min-width:180px}.ghost{background:#111625;border:1px solid #29304a;padding:10px 15px;border-radius:9px}.muted{color:#8c95ad}main{min-width:0}header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #171d2f;background:#090c16cc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.search{display:flex;gap:8px;align-items:center;padding:9px 12px;width:min(380px,50vw);border:1px solid #242a3d;background:#0f1321;border-radius:10px;color:#76819e}.search input{border:0;outline:0;background:transparent;color:#fff;width:100%}.header-actions{display:flex;gap:9px}.hero{margin:28px;min-height:310px;border:1px solid #252c44;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;background:radial-gradient(circle at 80% 30%,#6e2aff66,transparent 30%),linear-gradient(120deg,#101529,#151036 62%,#0b0f1d);position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 74%,#8d36ff12);pointer-events:none}.hero-copy{padding:56px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#a767ff}.hero h1{font-size:50px;line-height:1.02;margin:10px 0 16px;max-width:680px}.hero h1 span{background:linear-gradient(90deg,#b86aff,#68b7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:17px;color:#b8c0d5;max-width:610px}.hero-actions{display:flex;gap:10px;margin-top:24px}.hero-orbit{position:relative;min-height:300px}.orb{position:absolute;border-radius:28px;display:grid;place-items:center;font-size:52px;font-weight:900;border:1px solid #ffffff24;box-shadow:0 30px 80px #0008}.orb-a{width:160px;height:210px;right:120px;top:32px;background:linear-gradient(160deg,#3d1d0f,#f08a3e)}.orb-b{width:125px;height:165px;right:25px;top:82px;background:linear-gradient(160deg,#0c74a2,#2ddef5)}.orb-c{width:110px;height:145px;right:185px;top:150px;background:linear-gradient(160deg,#502270,#d34dff)}.section{padding:18px 28px 36px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-title h2{margin:4px 0 0;font-size:26px}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creator-card{border:1px solid #232a40;border-radius:18px;overflow:hidden;background:#0d1120;transition:.2s}.creator-card:hover{transform:translateY(-3px);border-color:#7135bf}.creator-cover{height:260px;position:relative;display:flex;align-items:flex-end;padding:16px;background-size:cover;background-position:center}.creator-cover:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080b15)}.creator-cover.chuck{background:radial-gradient(circle at 60% 30%,#e58b4f,#4b2112 42%,#141111)}.creator-cover.sienna{background:radial-gradient(circle at 50% 28%,#56d8f0,#1479b6 42%,#0b2540)}.creator-cover.nova{background:radial-gradient(circle at 50% 28%,#c256ff,#52206d 42%,#19112c)}.creator-badge{position:absolute;top:14px;left:14px;padding:6px 9px;border-radius:999px;background:#070a14cc;border:1px solid #ffffff1c;font-size:11px;font-weight:800}.creator-meta{position:relative;z-index:1}.creator-meta h3{font-size:24px;margin:0}.creator-meta p{margin:4px 0 0;color:#c2c9db}.creator-body{padding:16px}.creator-stats{display:flex;justify-content:space-between;color:#8791aa;font-size:12px;margin-bottom:14px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan{padding:18px;border:1px solid #232a40;background:#0d1120;border-radius:16px}.plan.featured{border-color:#7d37d0;box-shadow:0 0 0 1px #7d37d044 inset}.plan h3{margin:0}.price{font-size:30px;font-weight:900;margin:12px 0}.price small{font-size:12px;color:#7f8aa4}.plan ul{padding-left:18px;color:#aab3ca;min-height:115px}.modal{position:fixed;inset:0;background:#000b;z-index:20;display:grid;place-items:center;padding:20px}.hidden{display:none}.modal-card{width:min(900px,96vw);max-height:92vh;overflow:auto;background:#0b0f1c;border:1px solid #252d46;border-radius:20px;position:relative}.modal-close,.modal-close-inline{border:0;background:#151a2b;color:#fff;border-radius:10px;cursor:pointer;font-size:24px}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;z-index:2}.modal-close-inline{width:36px;height:36px}.profile-hero{min-height:330px;padding:50px;display:flex;align-items:flex-end;background:radial-gradient(circle at 80% 20%,#7a35ff55,transparent 35%),linear-gradient(125deg,#191327,#0f1422)}.profile-hero h2{font-size:42px;margin:0}.profile-hero p{max-width:620px;color:#c0c7d8}.profile-content{padding:24px}.profile-tabs{display:flex;gap:8px;margin-bottom:18px}.video-room{width:min(1400px,98vw);height:min(860px,94vh);background:#090d18;border:1px solid #252d46;border-radius:20px;overflow:hidden;display:grid;grid-template-rows:58px 1fr}.video-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #20263a}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42d68b;margin-right:8px;box-shadow:0 0 14px #42d68b}.video-layout{display:grid;grid-template-columns:190px 1fr 310px;min-height:0}.media-rail{padding:12px;border-right:1px solid #20263a;overflow:auto;display:grid;gap:10px;align-content:start}.media-thumb{aspect-ratio:4/5;border:1px solid #28304a;border-radius:12px;display:grid;place-items:center;font-size:28px;font-weight:900;background:linear-gradient(160deg,#272f46,#121625)}.video-stage{min-width:0;display:grid;grid-template-rows:1fr auto;padding:16px}.video-mount{background:#05070d;border:1px solid #20263a;border-radius:16px;overflow:hidden;display:grid;place-items:center;position:relative}.video-mount video{width:100%;height:100%;object-fit:contain}.video-placeholder{display:grid;place-items:center;gap:8px;color:#8993aa}.avatar-xl{width:120px;height:120px;border-radius:32px;background:linear-gradient(145deg,#6b2fbb,#1b2032);display:grid;place-items:center;color:white;font-size:34px;font-weight:900}.video-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:14px}.round-control{width:46px;height:46px;border-radius:50%;background:#171d2e}.round-control.danger{background:#421927}.room-chat{border-left:1px solid #20263a;display:grid;grid-template-rows:auto 1fr auto;min-height:0}.room-creator{padding:15px;border-bottom:1px solid #20263a}.chat-stream{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{max-width:85%;padding:10px 12px;border-radius:12px;background:#181f31}.bubble.user{align-self:flex-end;background:#6c25d8}.chat-form{padding:12px;border-top:1px solid #20263a;display:grid;grid-template-columns:1fr auto;gap:8px}.chat-form input{background:#101523;border:1px solid #262e45;color:#fff;border-radius:9px;padding:11px;outline:none}@media(max-width:1050px){.shell{grid-template-columns:76px 1fr}.sidebar{padding:20px 10px}.brand{font-size:0}.brand:after{content:"AI";font-size:20px;color:#b047ff}.nav span,.side-card{display:none}.nav{justify-content:center}.creator-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-orbit{display:none}.video-layout{grid-template-columns:120px 1fr}.room-chat{display:none}}@media(max-width:700px){.shell{display:block}.sidebar{display:none}header{padding:0 14px}.header-actions .ghost{display:none}.hero{margin:14px}.hero-copy{padding:30px}.hero h1{font-size:38px}.section{padding:14px}.creator-grid,.plan-grid{grid-template-columns:1fr}.video-layout{grid-template-columns:1fr}.media-rail{display:none}.video-room{height:94vh}.video-controls{flex-wrap:wrap}}