:root{color-scheme:dark;--bg:#0d0918;--panel:#181126;--line:#ffffff0b;--muted:#9e94b2;--text:#f7f2ff;--purple:#b28aff;--pink:#e89dce;--green:#88d8bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--purple)}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;padding:31px 22px 20px;background:#130d22;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:4;overflow:auto}.brand{display:flex;align-items:center;gap:12px}.brand-icon{background:linear-gradient(140deg,#9c72e8,#5c389b);width:38px;height:38px;display:grid;place-items:center;border-radius:13px;font-size:26px;font-weight:700;position:relative;box-shadow:0 4px 24px #8c52d02b}.brand-icon span{position:absolute;font-size:20px;right:5px;bottom:0;color:#ffc9f0}.brand b{font-size:16px;letter-spacing:1px}.brand b span{color:#b58df0}.space-label{font-size:9px;letter-spacing:2px;color:#71667f;margin:43px 12px 16px}nav{display:grid;gap:6px}nav button{border:1px solid transparent;background:none;color:#a69ab9;display:flex;align-items:center;gap:15px;padding:12px 15px;border-radius:12px;text-align:left;font-size:13px}nav .glyph{width:20px;font-size:20px;line-height:1;text-align:center}nav button.active{background:linear-gradient(100deg,#6b429638,#42275720);border-color:#ae77ef22;color:#e6d4ff}nav button:hover{background:#ffffff06;color:white}.nav-count{margin-left:auto;background:#a16de826;color:#c5a0fa;padding:1px 7px;border-radius:6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:34px}.club-card{padding:17px;border-radius:14px;background:radial-gradient(ellipse at 95% 0,#974db33b,transparent 80%),#211532;border:1px solid #a272cc1c}.club-card>span{font-size:9px;letter-spacing:2px;color:#d7affb}.club-card h3{font-size:14px;font-weight:600;line-height:1.7;margin:13px 0 5px}.club-card p{font-size:10px;color:var(--muted)}.club-card button{font-size:11px;border:1px solid #d0b0ee29;background:#ffffff05;border-radius:8px;padding:9px;width:100%;margin-top:8px}.back-link{display:block;font-size:11px;color:var(--muted);margin:22px 10px}.self{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px}.self b{font-size:12px}.self small{display:block;font-size:9px;color:var(--muted)}.workspace{margin-left:238px}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:19px;padding:0 38px}.breadcrumb{font-size:12px;color:#8f839f}.breadcrumb span{margin:0 12px;color:#544760}.breadcrumb b{font-weight:500;color:#cec2df}.global-search{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid #ffffff09;background:#191125;border-radius:11px;padding:8px 13px;width:315px}.global-search span{font-size:23px;color:#b29acb}.global-search input{width:100%;background:none;border:0;outline:none;color:white;font-size:12px}.icon-button{position:relative;border:1px solid #ad75f021;background:#8f53d015;width:38px;height:38px;border-radius:11px;font-size:21px;color:#c9a1f7}.icon-button i{position:absolute;top:8px;right:8px;background:#cb8adf;width:4px;height:4px;border-radius:50%}.demo-strip{display:flex;gap:18px;align-items:center;padding:11px 38px;background:#a678d505;border-bottom:1px solid var(--line)}.demo-strip>span{font-size:9px;letter-spacing:1.4px;color:#bca2d7;white-space:nowrap}.demo-strip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:7px}.demo-strip p{margin:0;font-size:10px;color:#84758f}main{padding:31px 38px 0;max-width:1510px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.kicker{font-size:9px;letter-spacing:2px;color:#b388d4}h1{font-weight:600;font-size:32px;letter-spacing:-.9px;line-height:1.3;margin:8px 0}h1 span{color:var(--purple)}.page-heading p{color:var(--muted);font-size:12px;margin:0}.date-label{color:#776584;font-size:9px;letter-spacing:2px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:17px;overflow:hidden;margin-bottom:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:10px}.panel-head h2{font-size:14px;font-weight:600;margin:0}.panel-head small{color:var(--muted);font-size:10px}.text-button{border:0;background:none;color:#ba99db;font-size:10px;padding:5px}.online{display:flex;gap:21px;padding:0 22px 23px;overflow:auto}.person-button{padding:0;background:none;border:0;display:grid;justify-items:center;gap:8px;flex-shrink:0}.person-button small{font-size:10px;color:#b3a6c2}.avatar{width:53px;height:53px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#724f86,#382648);border:2px solid #b58fc64d;font-size:19px;font-weight:500;position:relative;color:#f0dff5;flex-shrink:0}.avatar i{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #181126;background:var(--green);border-radius:50%}.avatar.small{width:36px;height:36px;font-size:12px;border-width:1px}.self-avatar{background:#34234a;color:#ddc5fa}.tone-1{background:linear-gradient(145deg,#aa747f,#50354c)}.tone-2{background:linear-gradient(145deg,#677f88,#2c344a)}.tone-3{background:linear-gradient(145deg,#a18062,#453348)}.tone-4{background:linear-gradient(145deg,#647b6d,#2b3844)}.tone-5{background:linear-gradient(145deg,#876392,#3b2848)}.welcome{padding:24px 26px;position:relative;background:radial-gradient(ellipse at 90% 60%,#9f4b9750,transparent 60%),linear-gradient(120deg,#2b1842,#241335);border:1px solid #c17ee826;border-radius:17px;margin-bottom:21px;overflow:hidden}.welcome>span{font-size:9px;letter-spacing:1.7px;color:#d1acd9}.welcome h2{font-size:24px;line-height:1.4;font-weight:500;margin:9px 0}.welcome p{font-size:11px;color:#bda7c9;max-width:75%;margin-bottom:18px}.welcome .ornament{position:absolute;right:24px;top:26px;font-size:120px;line-height:1;color:#d49edb37;transform:rotate(-20deg)}.primary{background:linear-gradient(110deg,#a576d9,#8253b8);border:1px solid #be92e633;border-radius:9px;color:white;padding:10px 17px;font-size:11px;font-weight:600}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:15px 20px}.tabs button{border:1px solid transparent;background:none;color:#91809f;border-radius:8px;padding:8px 12px;font-size:11px}.tabs button.active{background:#9e61d51b;border-color:#a773cd38;color:#dcb9f9}.feed-row{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:13px}.feed-row:last-child{border:0}.feed-copy{flex:1;min-width:0}.feed-copy strong{font-size:12px;font-weight:600}.feed-copy p{color:#aa9ab9;font-size:11px;margin:5px 0 0}.feed-copy small{font-size:9px;color:#73647f}.feed-row time{color:#756482;font-size:9px;white-space:nowrap}.mini-post{margin-top:12px;border-left:2px solid #9161af;padding:8px 13px;background:#a56dd009;border-radius:0 8px 8px 0;font-size:12px;color:#c5b5d4}.profile-art{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#e8a3af9c,transparent 55%),linear-gradient(165deg,#a66c99,#4a396f 60%,#241936);display:grid;place-items:end center}.profile-art:before{content:'';height:108px;width:86px;border-radius:47% 47% 43% 43%;position:absolute;top:36px;background:linear-gradient(140deg,#40304c,#241b35);transform:rotate(-8deg);box-shadow:-12px -5px 0 #3b2945}.profile-art:after{content:'';width:205px;height:150px;border-radius:48% 54% 0 0;position:absolute;top:135px;background:linear-gradient(135deg,#38243c,#191428);transform:rotate(-9deg)}.art-label{position:absolute;bottom:13px;left:18px;z-index:1;font-size:8px;letter-spacing:1.8px;color:#ead6ef}.art-badge{position:absolute;top:15px;left:16px;font-size:9px;background:#21172d70;border:1px solid #ffffff20;border-radius:30px;padding:4px 9px;z-index:1}.profile-detail{padding:20px}.profile-name{display:flex;align-items:center;gap:8px}.profile-name h2{font-size:20px;font-weight:500;margin:0}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.profile-city{font-size:10px;color:#a78cb6;margin:5px 0 16px}.profile-detail p{font-size:12px;color:#baa6c9;line-height:1.8}.tiny-heading{font-size:9px;color:#877092;letter-spacing:1.7px;margin:20px 0 10px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:4px 8px;background:#ba8be00b;border:1px solid #a87cca17;color:#c3a7d4;border-radius:6px;font-size:9px}.profile-actions{display:flex;gap:9px;margin-top:22px}.profile-actions .primary{flex:1}.like-button{border:1px solid #b179dd3d;border-radius:9px;background:#7d449519;color:#d7b1f0;padding:8px 13px;font-size:18px}.like-button.liked{color:#ffb3d4;background:#b1476c33}.match-row{display:flex;align-items:center;gap:10px;padding:0 20px 19px}.match-row div:nth-child(2){flex:1}.match-row b{font-size:11px;font-weight:500}.match-row small{display:block;color:#8e759d;font-size:9px}.match-row button{font-size:10px}.muted-note{font-size:10px;color:#806d8c;padding:0 4px;line-height:1.8}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.profile-grid .profile-art{height:170px}.profile-grid .profile-art:before{top:15px}.profile-grid .profile-art:after{top:114px}.profile-grid .profile-name h2{font-size:17px}.filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filters button{padding:8px 15px;border:1px solid #a47cc62b;background:#21162e;border-radius:20px;font-size:11px;color:#b69aca}.filters .active{background:#8a57b93d;color:#f0dfff}.empty{padding:35px;text-align:center;color:var(--muted);font-size:13px}.chat-shell{display:grid;grid-template-columns:210px 1fr;min-height:430px}.chat-list{border-right:1px solid var(--line);padding:10px}.chat-list button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:none;color:#bba7cd;padding:13px 9px;text-align:left;font-size:12px}.chat-list button.active{background:#9f6bd520}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-title{padding:18px 22px;border-bottom:1px solid var(--line);font-size:13px}.chat-history{padding:20px;flex:1;max-height:430px;overflow:auto}.bubble{max-width:80%;margin:10px 0 10px auto;background:#72469b45;border-radius:12px 12px 2px 12px;padding:12px 15px;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble small{display:block;color:#b79bcc;font-size:9px;margin-top:7px}.compose{display:flex;gap:10px;padding:15px;border-top:1px solid var(--line)}.compose textarea{resize:vertical;min-height:44px;max-height:150px;flex:1;min-width:0;border:1px solid #ffffff12;border-radius:9px;background:#100b1a;color:white;padding:11px;font-size:12px}.settings{padding:26px;max-width:650px}.settings label{display:grid;gap:7px;font-size:11px;color:var(--muted);margin-bottom:18px}.settings input,.settings textarea{border:1px solid #b184d52a;background:#100b1a;color:white;padding:11px;border-radius:9px}.settings textarea{min-height:100px;resize:vertical}.settings .primary{margin-top:8px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{padding:28px}.plan-card h2{font-size:23px;font-weight:500;color:#d5b3f0}.plan-card p,.plan-card li{font-size:12px;color:var(--muted)}.plan-card ul{padding-left:18px;line-height:2.2}.plan-card .primary{margin-top:20px}footer{display:flex;justify-content:space-between;gap:15px;padding:28px 38px;font-size:9px;letter-spacing:1px;color:#695771;max-width:1510px;margin:auto}.toast{display:none;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:#382148;color:#f0ddff;border:1px solid #c18ae344;padding:13px 20px;border-radius:12px;font-size:12px;z-index:10}.toast.show{display:block}@media(min-width:1550px){.layout{grid-template-columns:minmax(0,1fr) 370px}.profile-art{height:260px}}@media(max-width:1180px){.sidebar{width:205px;padding:27px 15px}.workspace{margin-left:205px}main{padding:25px 24px 0}.topbar{padding:0 24px}.demo-strip{padding:10px 24px}.layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.online{gap:15px}.profile-grid{grid-template-columns:repeat(2,1fr)}.date-label{display:none}.welcome h2{font-size:21px}}@media(max-width:960px){.layout{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.right-column>.muted-note{grid-column:1/-1}.global-search{width:240px}.breadcrumb{display:none}.plan-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px 16px 10px}.brand{justify-content:center}.space-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:17px;gap:5px}nav button{padding:9px 11px;white-space:nowrap;gap:7px;font-size:11px}nav .glyph{font-size:16px;width:16px}.workspace{margin-left:0}.topbar{height:67px;padding:0 17px;gap:12px}.global-search{width:auto;flex:1}.demo-strip{padding:9px 17px;display:block}.demo-strip p{font-size:9px;margin-top:4px}main{padding:24px 16px 0}h1{font-size:28px}.page-heading p{font-size:11px}.right-column,.profile-grid{display:block}.online{gap:18px}.welcome{padding:22px}.welcome p{max-width:85%}.welcome .ornament{right:10px;font-size:90px}.feed-row{padding:17px 15px}.feed-row time{font-size:8px}.tabs{padding:12px;gap:2px}.tabs button{font-size:10px;padding:8px 9px}.chat-shell{grid-template-columns:1fr}.chat-list{display:flex;border-right:0;border-bottom:1px solid var(--line);overflow:auto}.chat-list button{width:auto;white-space:nowrap}.chat-list .avatar{display:none}.compose{flex-wrap:wrap}.compose .primary{font-size:10px}.bubble{max-width:94%}footer{padding:20px 16px;display:block}footer span{display:block;margin-top:8px}.profile-art{height:240px}.profile-art:before{top:52px}.profile-art:after{top:150px}}