@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--bg:#090614;--panel:#100a20;--line:#2c2340;--text:#f7f4ff;--muted:#aba2bf;--pink:#fb3c84;--purple:#8f35ec}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 20%,#1a1032 0,#090614 50%);font-family:'DM Sans',sans-serif;color:var(--text)}.shell{display:grid;grid-template-columns:275px minmax(580px,1fr) 430px;min-height:100vh;max-width:1800px;margin:auto}.sidebar{border-right:1px solid var(--line);padding:34px 20px}.brand{display:block;margin:0 15px 35px;text-decoration:none;color:#f5f4fc;font-size:41px;line-height:1;font-weight:700;letter-spacing:-2.8px}.brand span{color:#e943a3}.brand sup{font-size:14px;color:#ea77bd;vertical-align:top;margin-left:2px}.sidebar nav{display:grid;gap:10px}.sidebar nav a{border-radius:14px;color:#e4dff0;text-decoration:none;font-size:18px;padding:17px;display:flex;align-items:center;gap:20px}.sidebar nav a i{font-style:normal;font-size:27px;width:29px;text-align:center}.sidebar nav a.selected{background:linear-gradient(100deg,#772353,#25122e);font-weight:700}.create{width:100%;margin-top:27px;border:0;border-radius:15px;padding:18px;background:linear-gradient(105deg,#f73379,#8e38ed);color:#fff;font-weight:700;font-size:18px;text-align:left}.create b{font-size:27px;line-height:13px;vertical-align:-3px;background:#fff;color:#e13a92;border-radius:50%;padding:0 4px;margin-right:16px}.content{min-width:0}.content header{height:87px;border-bottom:1px solid var(--line);padding:16px min(8vw,95px);display:flex;gap:28px;align-items:center;justify-content:space-between}.search{height:59px;border-radius:34px;border:1px solid #3b324b;background:#100b1e;color:#9f96b4;padding:0 20px;display:flex;align-items:center;gap:14px;flex:1;max-width:740px;font-size:17px}.search span{font-size:33px;color:#cbc4dc}.header-icons{display:flex;gap:27px;align-items:center;color:#ece8f6;font-size:29px}.header-icons b{font-size:17px}.stage{padding:25px min(8vw,95px) 60px}.feature-card{height:785px;border:1px solid #4a3d5d;border-radius:23px;overflow:hidden;position:relative;background:radial-gradient(circle at 72% 42%,#7b345f 0,#442342 21%,transparent 45%),radial-gradient(circle at 29% 85%,#36175e 0,transparent 35%),linear-gradient(135deg,#221226,#100a1c 65%);isolation:isolate}.feature-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0d0818c9 76%,#0a0613);z-index:-1}.light{position:absolute;border-radius:50%;background:#ffe0a6;filter:blur(1px);box-shadow:0 0 18px 8px #ffbf69aa}.light-one{width:13px;height:13px;top:65px;left:22%}.light-two{width:9px;height:9px;top:128px;right:18%}.light-three{width:17px;height:17px;top:82px;right:34%}.feature-copy{position:absolute;top:38px;left:48px}.feature-copy p{color:#ffc0dc;font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 16px}.feature-copy h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4vw,61px);line-height:1.04;letter-spacing:-2.6px;margin:0;text-shadow:0 3px 18px #000}.feature-copy em{color:#f37aaf;font-style:normal}.tags{margin-top:17px;display:flex;gap:9px;flex-wrap:wrap}.tags span{font-weight:700;color:#f9c3db}.feature-actions{position:absolute;right:24px;top:305px;display:grid;gap:18px;text-align:center}.feature-actions div{display:grid;gap:5px}.feature-actions b{font-size:39px}.feature-actions small{font-size:12px;font-weight:700}.post-bottom{height:184px;position:absolute;bottom:0;left:0;right:0;padding:26px 31px;display:flex;align-items:flex-start;gap:14px;background:#0b0716df}.mini-mark,.profile-art{background:linear-gradient(145deg,#ed4c9b,#7025b5);display:grid;place-items:center;color:#fff;font-family:Georgia,serif}.mini-mark{width:72px;height:72px;border-radius:50%;font-size:39px;border:3px solid #d763ba}.post-bottom b{font-size:18px;display:block;margin:4px 0 5px}.post-bottom small{display:block;color:#b4a9c4;font-size:14px}.post-bottom button{margin-left:auto;border:0;border-radius:50%;height:42px;width:42px;background:#ef62a4;color:#fff;font-size:25px}.under-card{margin-top:18px;border:1px solid #3c314d;border-radius:18px;background:#110a1f;padding:23px;display:flex;gap:15px;align-items:center}.under-card span{font-size:28px;color:#f175ad}.under-card b{display:block;font-size:16px}.under-card small{display:block;color:var(--muted);margin-top:4px}.rightbar{border-left:1px solid var(--line);padding:87px 24px 25px}.profile-card,.side-card{border:1px solid #2c233d;border-radius:14px;background:linear-gradient(135deg,#150d27,#110a1e);padding:19px;margin-bottom:15px}.profile-card{display:flex;gap:13px;align-items:center}.profile-art{width:73px;height:73px;border-radius:50%;font-size:38px;flex:none}.profile-card b{font-size:16px;display:block}.profile-card small,.muted{color:#aea4bc;font-size:13px;display:block;margin-top:5px;line-height:1.4}.profile-card button{margin-left:auto;border:1px solid #b345ef;background:transparent;border-radius:24px;color:#d99bff;padding:9px 14px;white-space:nowrap}.side-card h2{font-size:18px;margin:0 0 16px}.card-title{display:flex;justify-content:space-between}.card-title a{color:#fb549b;text-decoration:none;font-size:14px}.live-placeholder{min-height:114px;border-radius:9px;padding:15px;background:radial-gradient(circle at 77% 35%,#793e62,#301a47 39%,#191127);display:flex;flex-direction:column;justify-content:end;position:relative;margin-bottom:11px}.live-placeholder.second{background:radial-gradient(circle at 35% 21%,#865b4d,#442c3a 43%,#18111e)}.live-placeholder b{font-size:15px}.live-placeholder small{color:#c8bed0;font-size:12px;margin-top:5px}.live-badge{position:absolute;left:10px;top:10px;background:#f23e78;padding:4px 7px;border-radius:4px;font-weight:700;font-size:11px}.trend-tags{display:flex;gap:9px;flex-wrap:wrap}.trend-tags a{border:1px solid #9d41cc;border-radius:8px;color:#d49bff;text-decoration:none;padding:9px 12px;font-size:13px}.trend-tags a:first-child{background:#ad285a;border-color:#e84d89;color:#ffd7e6}.muted{margin:0}@media(max-width:1200px){.shell{grid-template-columns:230px minmax(500px,1fr)}.rightbar{display:none}.stage,.content header{padding-left:35px;padding-right:35px}}@media(max-width:750px){.shell{display:block}.sidebar{position:fixed;z-index:3;bottom:0;width:100%;height:67px;background:#10091e;border-top:1px solid var(--line);padding:5px}.brand,.create{display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav a{font-size:0;padding:7px 14px}.sidebar nav a i{font-size:24px}.sidebar nav a.selected{background:transparent}.content header{height:66px;padding:8px 15px}.search{height:46px;font-size:14px}.header-icons{display:none}.stage{padding:14px 10px 83px}.feature-card{height:min(128vw,690px);border-radius:15px}.feature-copy{left:24px;top:28px}.feature-copy h1{font-size:38px;letter-spacing:-1.7px}.feature-actions{right:11px;top:auto;bottom:193px}.feature-actions b{font-size:31px}.post-bottom{height:160px;padding:23px 17px}.mini-mark{width:55px;height:55px;font-size:29px}.under-card{display:none}}