@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f8f7ff;background:#090a12;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#c5b5ff}#app{min-height:100vh}.layout{display:grid;grid-template-columns:245px minmax(0,1fr) 300px;min-height:100vh}.sidebar{border-right:1px solid #292538;padding:30px 18px;position:sticky;top:0;height:100vh;background:#0e0d19;display:flex;flex-direction:column;gap:26px}.brand{font:900 30px Outfit,sans-serif;letter-spacing:-1.6px;background:linear-gradient(110deg,#fff,#a98bff,#ff93c5);color:transparent;-webkit-background-clip:text;background-clip:text}.brand span{color:#b99aff}.brandline{display:flex;gap:12px;align-items:center}.brandline .app-icon{width:44px;height:44px}.nav{display:grid;gap:7px}.nav button,.logout{border:0;background:transparent;color:#aaa6bb;text-align:left;padding:13px 15px;border-radius:13px;display:flex;gap:13px;align-items:center;font-weight:700}.nav button:hover,.nav button.active{background:#251a42;color:#f6edff}.nav svg{width:20px;height:20px}.side-bottom{margin-top:auto}.small{font-size:12px;color:#858096}.main{min-width:0;padding:34px clamp(16px,4vw,65px);max-width:920px;width:100%;margin:auto}.rightbar{border-left:1px solid #292538;padding:35px 20px;background:#0d0d18}.toprow{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.toprow h1{font:800 30px Outfit;margin:0}.muted{color:#aaa5bb}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#ae8cff;font-weight:800}.panel{background:#141320;border:1px solid #2c283d;border-radius:20px;padding:22px;margin-bottom:20px}.btn{background:linear-gradient(105deg,#784ef2,#bb60ef);color:#fff;border:0;border-radius:12px;padding:11px 17px;font-weight:800}.btn.secondary{background:#262138;border:1px solid #403652}.btn.ghost{background:transparent;border:1px solid #443951}.btn.tiny{padding:7px 11px;font-size:12px}.field{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #40384f;background:#0d0d18;color:#fff;outline:0}.field:focus{border-color:#a68cff}textarea.field{resize:vertical;min-height:95px}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(130deg,#7758ff,#ec82cc);display:grid;place-items:center;font-weight:900;flex:none;object-fit:cover}.avatar.big{width:90px;height:90px;font-size:30px}.user{font-weight:800}.handle{color:#aaa3b8;font-size:13px}.storyrail{display:flex;gap:17px;overflow:auto;padding:5px 0 15px}.story{flex:none;text-align:center;width:74px;cursor:pointer;border:0;background:none;color:#fff}.story .avatar{margin:auto auto 7px;border:3px solid #bd7bfa;outline:2px solid #251536;width:64px;height:64px}.story small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-media{width:100%;max-height:590px;object-fit:contain;background:#0a0a11;border-radius:14px;margin:14px 0}.postactions{display:flex;gap:16px;margin:13px 0}.postactions button,.textbtn{border:0;background:none;color:#c9c4d5;padding:0}.postactions button.liked{color:#ff6b9c}.comment{padding:7px 0;font-size:14px}.divider{height:1px;background:#302a40;margin:14px 0}.composer{display:grid;gap:12px}.preview{max-height:250px;max-width:100%;border-radius:12px}.fileinput{font-size:12px;max-width:100%}.authwrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(circle at 20% 40%,#291c56,#090a12 50%)}.hero{padding:clamp(35px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.hero h1{font:900 clamp(45px,6vw,85px)/.98 Outfit;margin:20px 0;letter-spacing:-4px}.gradient{background:linear-gradient(120deg,#bd9dff,#ff9fd5);-webkit-background-clip:text;background-clip:text;color:transparent}.authbox{display:grid;place-items:center;padding:30px}.authcard{width:min(100%,420px);background:#171423;border:1px solid #3c3053;border-radius:26px;padding:34px;box-shadow:0 30px 90px #0008}.authcard h2{margin:0 0 10px;font:800 28px Outfit}.pill{display:inline-block;background:#2a1e42;color:#d4bcff;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.gridicons{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}.iconcard{background:#1d1a2a;border:1px solid #3c344e;border-radius:16px;padding:15px 8px;color:#fff;display:grid;justify-items:center;gap:9px}.iconcard.selected{border:2px solid #b38aff;background:#302345}.app-icon{width:64px;height:64px;border-radius:19px;display:inline-grid;place-items:center;position:relative;flex:none;color:var(--ic);background:radial-gradient(circle at 25% 20%,#ffffff38,transparent 45%),linear-gradient(140deg,var(--ib),#0b0b19);box-shadow:inset 0 1px 3px #ffffff4d,0 8px 18px #0005;border:1px solid #ffffff30}.icon-symbol{font-size:31px;text-shadow:0 0 15px var(--ic);line-height:1}.icon-dot{position:absolute;right:5px;bottom:3px;font:900 13px Outfit;color:#fff;opacity:.85}.iclabel{font-size:12px;font-weight:800}.tag{font-size:10px;font-weight:900;color:#bca4ff}.tag.free{color:#78e5b0}.message-list{height:340px;overflow:auto;display:grid;align-content:start;gap:10px}.bubble{padding:11px 14px;border-radius:16px;background:#292439;max-width:80%;width:fit-content;overflow-wrap:anywhere}.bubble.mine{background:#6242a5;margin-left:auto}.toast{position:fixed;right:24px;bottom:22px;padding:13px 19px;background:#38245d;border:1px solid #8664c8;border-radius:14px;z-index:30;max-width:400px;box-shadow:0 15px 35px #0008}.profilehead{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.stat{font-weight:800}.stat span{display:block;color:#a9a3b7;font-size:12px;font-weight:500}.suggest{display:flex;gap:9px;align-items:center;margin:17px 0}.suggest .avatar{width:36px;height:36px}.suggest .user{font-size:13px}.suggest .handle{font-size:11px}.empty{text-align:center;color:#aaa4b8;padding:55px 15px}.section-title{font:800 20px Outfit;margin:0 0 18px}.link{color:#bca2ff;cursor:pointer}.badge{padding:4px 9px;border-radius:8px;background:#3b2856;font-size:11px;color:#d7c4ff}.hide{display:none!important}@media(max-width:1150px){.layout{grid-template-columns:215px 1fr}.rightbar{display:none}}@media(max-width:700px){.layout{display:block;padding-bottom:66px}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:64px;padding:6px;z-index:20;border-right:0;border-top:1px solid #302a40}.brandline,.side-bottom{display:none}.nav{display:flex;justify-content:space-around}.nav button{font-size:0;padding:12px}.nav button svg{width:22px;height:22px}.main{padding:22px 13px}.authwrap{display:block}.hero{padding:40px 25px 0}.hero h1{font-size:42px;letter-spacing:-2px}.authbox{padding:20px}.authcard{padding:24px}.panel{padding:15px}.gridicons{grid-template-columns:repeat(3,1fr)}.iconcard{padding:10px 3px}.app-icon{width:55px;height:55px}}