:root{--bg:#02040a;--glass:#08111bd9;--glass2:#0a1320ee;--line:#e6bd7042;--gold:#ebc47d;--gold2:#c9954e;--text:#f7f2ea;--muted:#9daaba;--blue:#6ea5ff;--violet:#a873ff;--ok:#69dcae;--bad:#ff8b98}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif}a{color:inherit}
.glass{background:linear-gradient(155deg,#0a1420d9,#050a11e8);border:1px solid #ffffff15;box-shadow:0 22px 70px #0008,0 0 45px #4d78ff0a;backdrop-filter:blur(18px)}
.cosmos-app{overflow:hidden;height:100vh}#cosmosCanvas{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 44%,#16203a 0,#050711 36%,#010207 75%)}.nebula{position:fixed;pointer-events:none;filter:blur(50px);opacity:.2;z-index:0}.nebula-a{width:38vw;height:28vw;background:#5f2da7;border-radius:50%;top:-8vw;right:8vw}.nebula-b{width:34vw;height:24vw;background:#155da8;border-radius:50%;bottom:-10vw;left:8vw}
.cosmos-top{position:fixed;z-index:20;left:0;right:0;top:0;height:82px;padding:17px 28px 14px 104px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#02050be8,transparent)}.cosmos-top strong{font:27px/1 Georgia,serif;letter-spacing:.14em;color:#f5d7a1}.cosmos-top small{display:block;font-size:8px;letter-spacing:.28em;color:#8c9aae;margin-top:5px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions a,.me-chip{padding:8px 11px;border:1px solid #ffffff14;border-radius:999px;text-decoration:none;font-size:12px;color:#c9d2dc}.top-actions a:hover{border-color:#e7be7155;color:#fff}.me-chip{color:#f0cf93}
.cosmos-nav{position:fixed;z-index:22;left:18px;top:100px;width:68px;padding:8px;border-radius:24px;display:flex;flex-direction:column;gap:7px}.cosmos-nav button,.cosmos-nav a{height:52px;width:52px;border:1px solid transparent;border-radius:18px;background:transparent;color:#8a99ab;display:grid;place-items:center;text-decoration:none;font-size:18px;cursor:pointer;position:relative}.cosmos-nav span{display:none}.cosmos-nav .nav-on,.cosmos-nav button:hover,.cosmos-nav a:hover{color:#f1d099;background:#e6bd7010;border-color:#e6bd7035;box-shadow:0 0 24px #e6bd7015}
.galaxy-title{position:fixed;z-index:8;left:90px;top:126px;width:320px;pointer-events:none;text-shadow:0 4px 30px #000}.galaxy-title span{font-size:9px;letter-spacing:.23em;color:#d7b16d}.galaxy-title h1{font:42px/1.05 Georgia,serif;margin:9px 0}.galaxy-title p{color:#95a4b5;font-size:13px;line-height:1.6}
.planet-labels{position:fixed;z-index:9;inset:0;pointer-events:none}.planet-label{position:absolute;pointer-events:auto;min-width:160px;text-align:left;color:#eef4fb;background:#06101aa8;border:1px solid #ffffff16;padding:9px 12px;border-radius:13px;backdrop-filter:blur(12px);box-shadow:0 10px 35px #0008;cursor:pointer;transition:.2s}.planet-label strong{display:block;font:17px Georgia,serif;color:#f7d89d}.planet-label span{display:block;font-size:9px;color:#a6b4c5;margin-top:2px}.planet-label:hover,.planet-label.active{border-color:#efc8796b;background:#0c1725de;transform:translateY(-2px);box-shadow:0 0 34px #dbaa5622}
.presence-panel{position:fixed;z-index:12;right:18px;top:98px;width:260px;max-height:54vh;border-radius:22px;padding:16px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #ffffff0e}.panel-head small{display:block;font-size:8px;letter-spacing:.18em;color:#8492a3}.panel-head strong{font:20px Georgia,serif}.panel-head>span{font-size:10px;color:#74ddb3}.presence-list{overflow:auto;max-height:calc(54vh - 74px);padding-top:7px}.presence{display:flex;gap:9px;align-items:center;padding:8px 2px;border-bottom:1px solid #ffffff08}.presence-orb{width:31px;height:31px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#73a4ff 18%,#32458c 45%,#07111c 72%);box-shadow:0 0 17px #739dff66}.presence strong{font-size:12px}.presence small{display:block;color:#7f8da0;font-size:9px;margin-top:2px}
.chat-panel{position:fixed;z-index:15;left:51%;bottom:28px;transform:translateX(-50%);width:min(900px,68vw);height:350px;border-radius:26px;padding:15px 16px;display:grid;grid-template-rows:auto 1fr auto;transition:.25s}.chat-panel.collapsed{height:68px;overflow:hidden}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 12px;border-bottom:1px solid #ffffff0e}.chat-head small{display:block;color:#8695a7;font-size:7px;letter-spacing:.18em}.chat-head strong{font:21px Georgia,serif;color:#f3d49b}.chat-head button{border:1px solid #ffffff14;background:#ffffff06;color:#cad5df;width:34px;height:28px;border-radius:9px;cursor:pointer}.messages{overflow:auto;padding:10px 6px 8px}.msg{padding:10px 12px;margin:5px 0;border-radius:13px;background:#ffffff04;border:1px solid #ffffff08}.msg.mine{background:#d5aa5a0a;border-color:#d5aa5a20}.msg-top{display:flex;gap:9px;align-items:center}.msg-top strong{font-size:11px;color:#f0ce92}.msg-top span{font-size:8px;color:#657487}.msg p{margin:5px 0 0;font-size:13px;color:#d5dde7;white-space:pre-wrap;word-break:break-word}.composer{display:grid;grid-template-columns:1fr 50px;gap:10px;padding-top:10px}.composer textarea{resize:none;height:46px;max-height:90px;border:1px solid #ffffff16;border-radius:15px;background:#030810;color:#fff;padding:12px 14px;outline:none;overflow:hidden}.composer button{border:1px solid #efc77866;border-radius:15px;background:radial-gradient(circle at 35% 30%,#f2d39b,#bb8137);color:#1d1308;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 0 24px #e2af5c33}.toast{position:fixed;z-index:50;left:50%;top:92px;transform:translate(-50%,-12px);opacity:0;background:#0b1520f4;border:1px solid #e9bf7045;padding:10px 15px;border-radius:999px;color:#f4d69f;font-size:11px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}

.login-page{min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 25% 15%,#2b1d6e55,transparent 28%),radial-gradient(circle at 78% 18%,#07569c4d,transparent 30%),#02040a}.login-page:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 110%,#dcad5e33,transparent 33%);pointer-events:none}.login-page canvas{position:fixed;inset:0}.login-nebula{position:fixed;width:650px;height:650px;background:conic-gradient(from 30deg,#5c45d833,#1c9cd522,#d4a04e22,#5c45d833);filter:blur(70px);border-radius:50%;animation:spin 34s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card{position:relative;z-index:3;width:min(470px,94vw);padding:35px;border:1px solid #e4bb7044;border-radius:28px;background:linear-gradient(150deg,#0c1520ee,#050912f6);box-shadow:0 35px 120px #000c,0 0 70px #7550d31f;backdrop-filter:blur(20px)}.login-card.wide{width:min(560px,94vw)}.cosmos-sigil{text-align:center;color:#efc36f;font-size:36px;text-shadow:0 0 30px #e6ae4f88}.login-brand{text-align:center;font:29px Georgia,serif;letter-spacing:.15em;color:#f5d9a7}.login-sub{text-align:center;font-size:8px;letter-spacing:.34em;color:#8795a7;margin-top:7px}.login-card h1{font:30px Georgia,serif;text-align:center;margin:24px 0 8px}.login-card p{text-align:center;color:#94a2b2;line-height:1.6}.login-card label{display:block;font-size:10px;font-weight:900;color:#d4b77f;margin:12px 0 5px}.login-card input,.share-box input{width:100%;padding:12px 13px;border:1px solid #ffffff20;border-radius:12px;background:#030811;color:#fff;outline:none}.gold-btn{width:100%;border:0;border-radius:14px;padding:13px 16px;margin-top:17px;background:linear-gradient(110deg,#bd8540,#f0d5a1);color:#1a1108;font-weight:950;letter-spacing:.05em;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.link-btn{width:auto;display:block}.login-foot{text-align:center;color:#657486;font-size:9px;margin-top:20px}.error-box{padding:10px 12px;border:1px solid #ff879640;background:#5b142050;color:#ffd8dc;border-radius:12px;font-size:12px}.cosmic-code-big{padding:18px;border:1px solid #e4bb7048;background:#e4bb700b;border-radius:16px;color:#f4d59b;font:900 26px ui-monospace,monospace;letter-spacing:.15em;text-align:center}
.simple-page{min-height:100vh;background:radial-gradient(circle at 75% 0,#173a6255,transparent 35%),#03060b;padding:34px}.simple-card{max-width:920px;margin:auto;background:#09111bd9;border:1px solid #e5bd7040;border-radius:26px;padding:30px;box-shadow:0 30px 90px #0008}.simple-card h1{font:38px Georgia,serif}.simple-card h2{font:25px Georgia,serif;margin-top:30px}.back{color:#d9bd8b;text-decoration:none}.share-box{padding:15px;border:1px solid #ffffff12;background:#ffffff04;border-radius:15px}.share-box strong{display:block;margin-bottom:8px}.ghost-btn{margin-top:8px;padding:8px 11px;border:1px solid #d6b16d44;background:transparent;color:#eccf99;border-radius:10px;cursor:pointer}.member-table{border:1px solid #ffffff10;border-radius:16px;overflow:hidden}.member-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #ffffff0c}.member-row:last-child{border-bottom:0}.member-row small{display:block;color:#778699;margin-top:3px}.status-pill{font-size:8px;letter-spacing:.1em;color:#ebca90;border:1px solid #d2ac6540;border-radius:999px;padding:5px 8px}

@media(max-width:1000px){.presence-panel{display:none}.chat-panel{width:min(860px,86vw);height:335px;bottom:24px}.galaxy-title{left:82px;top:108px;width:280px}.cosmos-top{padding-left:96px}.top-actions .me-chip{display:none}}
@media(max-width:720px){.cosmos-nav{top:auto;bottom:14px;left:14px;right:14px;width:auto;flex-direction:row;justify-content:space-around}.galaxy-title{left:22px;top:88px;width:300px}.galaxy-title h1{font-size:33px}.chat-panel{left:14px;right:14px;transform:none;width:auto;bottom:86px;height:290px}.cosmos-top{height:70px;padding:13px 16px}.cosmos-top strong{font-size:19px}.cosmos-top small{display:none}.top-actions a:first-child{display:none}.planet-label{min-width:130px}.planet-label span{display:none}}


/* ==========================================================
   AURELIS COSMOS · PORTADA PÚBLICA · PRÓXIMA APERTURA
   ========================================================== */
.coming-page{
  min-height:100vh;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:28px;
  position:relative;
  background:
    radial-gradient(circle at 18% 16%,#47247c55 0,transparent 28%),
    radial-gradient(circle at 82% 15%,#0c59a355 0,transparent 31%),
    radial-gradient(circle at 50% 110%,#d3a65b25 0,transparent 32%),
    #010309;
}
.coming-page #loginStars{position:fixed;inset:0;z-index:0}
.coming-nebula{position:fixed;z-index:0;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none}
.coming-nebula-a{width:58vw;height:38vw;left:-16vw;top:8vh;background:linear-gradient(120deg,#5e32a7,#174879)}
.coming-nebula-b{width:50vw;height:42vw;right:-15vw;bottom:-15vh;background:linear-gradient(120deg,#153f81,#7a3a9a)}

.coming-wrap{
  position:relative;
  z-index:8;
  width:min(820px,95vw);
  text-align:center;
  padding:54px 38px 42px;
  border:1px solid #e5bd7040;
  border-radius:36px;
  background:
    linear-gradient(145deg,#0a1320c9,#050912e8);
  box-shadow:
    0 55px 150px #000c,
    0 0 90px #6949c21a,
    inset 0 1px #ffffff0c;
  backdrop-filter:blur(22px);
}
.coming-wrap:before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid #ffffff08;
  border-radius:28px;
  pointer-events:none;
}
.coming-mark{
  width:74px;height:74px;margin:0 auto 16px;
  border:1px solid #eac77b56;border-radius:50%;
  display:grid;place-items:center;
  color:#f0c878;font-size:34px;
  background:radial-gradient(circle,#e8be7040 0,#6e4a1730 28%,#090e17 70%);
  box-shadow:0 0 48px #e2b35d50, inset 0 0 20px #ffffff09;
  animation:cosmicPulse 3.6s ease-in-out infinite;
}
@keyframes cosmicPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 35px #e2b35d38}
  50%{transform:scale(1.045);box-shadow:0 0 68px #e2b35d68}
}
.coming-brand{
  font:clamp(34px,5vw,62px)/1 Georgia,serif;
  letter-spacing:.12em;
  color:#f7dba8;
  text-shadow:0 7px 35px #000,0 0 34px #e2b35d20;
}
.coming-kicker{
  margin-top:10px;
  font-size:9px;
  letter-spacing:.34em;
  color:#8493a8;
}
.coming-line{
  width:120px;height:1px;margin:31px auto 28px;
  background:linear-gradient(90deg,transparent,#e7bd70,transparent);
}
.coming-wrap h1{
  margin:0;
  font:italic clamp(31px,4vw,52px)/1.08 Georgia,serif;
  color:#fff7ea;
  letter-spacing:.015em;
}
.coming-lead{
  margin:22px auto 0;
  max-width:630px;
  color:#aeb9c7;
  font-size:clamp(14px,1.7vw,18px);
  line-height:1.85;
}
.coming-lead strong{color:#edf1f6;font-weight:600}
.coming-lead b{color:#efcf95;font-weight:650}
.coming-tags{
  margin:28px 0 6px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
.coming-tags span{
  padding:7px 11px;
  border:1px solid #e2b66c2d;
  background:#e2b66c08;
  border-radius:999px;
  color:#bca77f;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.coming-access{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:23px;
  padding:11px 17px;
  border:1px solid #eac57945;
  border-radius:999px;
  color:#dac39b;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  background:#ffffff04;
  transition:.22s ease;
}
.coming-access:hover{
  color:#1a1107;
  background:linear-gradient(110deg,#bf8945,#efd49d);
  transform:translateY(-2px);
  box-shadow:0 12px 35px #d5a65328;
}
.coming-access span{font-size:15px;line-height:0}
.coming-foot{
  margin-top:27px;
  color:#596779;
  font-size:8px;
  letter-spacing:.17em;
}
.cosmic-orbit{
  position:fixed;z-index:2;
  left:50%;top:50%;
  border:1px solid #d9b46c20;
  border-radius:50%;
  pointer-events:none;
}
.orbit-one{width:82vw;height:29vw;transform:translate(-50%,-50%) rotate(-10deg);animation:orbitSpin1 42s linear infinite}
.orbit-two{width:65vw;height:42vw;transform:translate(-50%,-50%) rotate(25deg);border-color:#6e8ef526;animation:orbitSpin2 52s linear infinite}
.orbit-three{width:46vw;height:48vw;transform:translate(-50%,-50%) rotate(-32deg);border-color:#ad74e825;animation:orbitSpin3 64s linear infinite}
@keyframes orbitSpin1{to{transform:translate(-50%,-50%) rotate(350deg)}}
@keyframes orbitSpin2{to{transform:translate(-50%,-50%) rotate(-335deg)}}
@keyframes orbitSpin3{to{transform:translate(-50%,-50%) rotate(328deg)}}
.coming-planet{position:fixed;z-index:3;border-radius:50%;pointer-events:none}
.planet-a{
  width:92px;height:92px;left:9vw;top:20vh;
  background:radial-gradient(circle at 34% 28%,#fff,#7ca6ff 8%,#304c9a 35%,#121d42 62%,#050811 78%);
  box-shadow:0 0 55px #537cff60;
  animation:planetFloatA 9s ease-in-out infinite;
}
.planet-b{
  width:58px;height:58px;right:12vw;top:28vh;
  background:radial-gradient(circle at 32% 27%,#fff1d1,#d89e73 13%,#855a4f 44%,#241724 72%);
  box-shadow:0 0 46px #da8b7860;
  animation:planetFloatB 11s ease-in-out infinite;
}
.planet-c{
  width:72px;height:72px;right:17vw;bottom:13vh;
  background:radial-gradient(circle at 34% 28%,#f7e7ff,#a675e7 11%,#4a3f95 43%,#151229 70%);
  box-shadow:0 0 52px #9a6cf45a;
  animation:planetFloatA 13s ease-in-out infinite reverse;
}
@keyframes planetFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes planetFloatB{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,16px)}}

.coming-constellation{position:fixed;z-index:2;pointer-events:none;opacity:.65}
.coming-constellation i{
  position:absolute;width:4px;height:4px;border-radius:50%;
  background:#f2d99d;box-shadow:0 0 15px #eec673;
}
.coming-constellation:before,.coming-constellation:after{
  content:"";position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,#e8c77c75,transparent)
}
.c1{width:210px;height:120px;left:6vw;bottom:11vh}
.c1 i:nth-child(1){left:0;top:72px}.c1 i:nth-child(2){left:52px;top:34px}.c1 i:nth-child(3){left:108px;top:58px}.c1 i:nth-child(4){left:158px;top:14px}.c1 i:nth-child(5){left:204px;top:66px}
.c1:before{left:2px;top:73px;width:124px;transform:rotate(-23deg)}.c1:after{left:105px;top:59px;width:77px;transform:rotate(-39deg)}
.c2{width:170px;height:100px;right:7vw;top:12vh}
.c2 i:nth-child(1){left:0;top:40px}.c2 i:nth-child(2){left:48px;top:15px}.c2 i:nth-child(3){left:100px;top:48px}.c2 i:nth-child(4){left:165px;top:18px}
.c2:before{left:2px;top:41px;width:110px;transform:rotate(-16deg)}.c2:after{left:98px;top:49px;width:72px;transform:rotate(-24deg)}
@media(max-width:720px){
  .coming-wrap{padding:40px 22px 32px;border-radius:28px}
  .coming-brand{font-size:34px}
  .coming-kicker{letter-spacing:.22em}
  .coming-planet{opacity:.55}
  .coming-constellation{display:none}
  .coming-tags{gap:6px}
  .coming-tags span{font-size:8px}
}


/* ==========================================================
   AURELIS COSMOS · v0.2.0 · LIVING GALAXY
   ========================================================== */
.nebula-a{animation:livingNebulaA 24s ease-in-out infinite alternate}
.nebula-b{animation:livingNebulaB 31s ease-in-out infinite alternate}
@keyframes livingNebulaA{from{transform:translate3d(-3vw,-1vh,0) scale(.96) rotate(-5deg)}to{transform:translate3d(5vw,3vh,0) scale(1.08) rotate(8deg)}}
@keyframes livingNebulaB{from{transform:translate3d(2vw,4vh,0) scale(1.04) rotate(5deg)}to{transform:translate3d(-5vw,-2vh,0) scale(.94) rotate(-7deg)}}

.planet-label{
  transition:left .12s linear,top .12s linear,opacity .2s,border-color .2s,background .2s,transform .2s,box-shadow .2s;
}
.planet-label em{
  display:block;
  margin-top:5px;
  font-style:normal;
  font-size:8px;
  letter-spacing:.08em;
  color:#66778a;
  transition:.2s;
}
.planet-label em.alive{color:#70d8ae;text-shadow:0 0 14px #5cd4a45e}
.planet-label.hovered{
  border-color:#e9c27775;
  transform:translateY(-4px) scale(1.025);
  box-shadow:0 13px 42px #000b,0 0 30px #d8ae5b1a;
}
.planet-label.active{
  border-color:#efc87980;
  background:#0d1826ef;
  box-shadow:0 0 36px #ddb25d26;
}
.chat-panel.traveling{
  transform:translateX(-50%) translateY(5px) scale(.992);
  opacity:.78;
  filter:saturate(.82);
}
.travel-hud{
  position:fixed;
  z-index:45;
  left:56%;
  top:78px;
  transform:translate(-50%,-14px);
  min-width:220px;
  padding:10px 18px 12px;
  border:1px solid #e6bd7040;
  border-radius:18px;
  background:linear-gradient(150deg,#08111ce8,#050911f2);
  box-shadow:0 20px 60px #0009,0 0 35px #d9aa5222;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:.28s ease;
  backdrop-filter:blur(16px);
}
.travel-hud.show{opacity:1;transform:translate(-50%,0)}
.travel-hud small{
  display:block;
  color:#8d9bad;
  font-size:7px;
  letter-spacing:.28em;
}
.travel-hud strong{
  display:block;
  color:#f1d29a;
  font:20px Georgia,serif;
  margin-top:3px;
}
.travel-hud span{
  display:block;
  width:74%;
  height:1px;
  margin:8px auto 0;
  background:linear-gradient(90deg,transparent,#ebc477,transparent);
  animation:travelLine .9s ease-in-out infinite;
}
@keyframes travelLine{0%,100%{opacity:.25;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}

@media(max-width:1000px){
  .travel-hud{left:58%;top:76px}
  .planet-label em{display:none}
}
@media(max-width:720px){
  .travel-hud{left:50%;top:74px}
  .chat-panel.traveling{transform:none;opacity:.82}
}


/* ==========================================================
   AURELIS COSMOS · v0.3.0 · CONSTELACIONES VIVAS + DESCUBRIR
   ========================================================== */
.cosmos-nav button:disabled{opacity:.35;cursor:default}
.cosmos-nav .nav-coming:hover{background:transparent;border-color:transparent;color:#8a99ab}
.me-chip{background:#ffffff04;cursor:pointer;font-family:inherit}

.social-stage{
  position:fixed;
  z-index:13;
  left:96px;
  right:296px;
  top:92px;
  bottom:24px;
}
.social-view{
  height:100%;
  border:1px solid #ffffff12;
  border-radius:30px;
  background:linear-gradient(150deg,#07111bdb,#040812e8);
  box-shadow:0 30px 90px #0009,0 0 55px #6b4ff214;
  backdrop-filter:blur(20px);
  overflow:hidden;
}
.social-view-head{
  min-height:118px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:25px 28px 18px;
  border-bottom:1px solid #ffffff0d;
}
.social-view-head small{font-size:8px;letter-spacing:.26em;color:#d3ad69}
.social-view-head h2{font:31px/1.08 Georgia,serif;margin:5px 0 7px}
.social-view-head p{margin:0;color:#8291a3;font-size:11px;max-width:620px;line-height:1.55}
.social-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.social-legend span{font-size:8px;color:#9cabbd;border:1px solid #ffffff10;border-radius:999px;padding:7px 9px}
.discover-filter select,
.profile-card-cosmos select{
  border:1px solid #ffffff18;
  border-radius:11px;
  background:#050a12;
  color:#dce5ee;
  padding:9px 11px;
}

.constellation-canvas-wrap{
  position:relative;
  height:calc(100% - 118px);
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 51%,#dfb86618 0,transparent 15%),
    radial-gradient(circle at 30% 20%,#5e3ba429 0,transparent 25%),
    radial-gradient(circle at 75% 30%,#15599525 0,transparent 27%);
}
.constellation-canvas-wrap:before{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(#ffffff66 .65px,transparent .8px);
  background-size:27px 27px;
  opacity:.22;
}
.constellation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.constellation-link{stroke:#cba96855;stroke-width:1}
.constellation-link.high{stroke:#e9c7799b;stroke-width:1.5;filter:drop-shadow(0 0 4px #ddb058)}
.constellation-link.medium{stroke:#8179da64}
.constellation-link.low{stroke:#71819535}
.constellation-link.whisper{stroke:#735f9360;stroke-dasharray:2 6;stroke-width:.7}

.constellation-nodes{position:absolute;inset:0}
.constellation-node{
  position:absolute;
  transform:translate(-50%,-50%);
  min-width:92px;
  border:0;background:transparent;color:#eaf0f5;
  text-align:center;cursor:pointer;z-index:3;
}
.constellation-node .star-orb{
  width:38px;height:38px;margin:auto;
  border:1px solid #ffffff28;border-radius:50%;
  display:grid;place-items:center;
  color:#f0d49d;
  background:radial-gradient(circle,#ffffffdd 0,#d5af6244 12%,#121a2c 52%,#050812 75%);
  box-shadow:0 0 20px #d5a9553c;
  transition:.2s;
}
.constellation-node:hover .star-orb{transform:scale(1.2);box-shadow:0 0 34px #e6b86473}
.constellation-node strong{display:block;margin-top:6px;font-size:10px;text-shadow:0 2px 10px #000}
.constellation-node small{display:block;color:#8392a5;font-size:7px;margin-top:2px}
.constellation-node .affinity-high{box-shadow:0 0 27px #e8bc666e;color:#fff0cb}
.constellation-node .affinity-mid{box-shadow:0 0 25px #8e76ea58;color:#ddd3ff}
.constellation-node .affinity-low{box-shadow:0 0 20px #628cb838;color:#bad6f2}
.constellation-me .star-orb{width:54px;height:54px;color:#fff1c8;font-size:22px;box-shadow:0 0 45px #edbd657a}

.discover-grid{
  height:calc(100% - 118px);
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:18px;
}
.discover-card{
  min-height:230px;
  border:1px solid #ffffff10;
  border-radius:20px;
  background:linear-gradient(150deg,#0b1622cc,#060b13e8);
  padding:16px;
  display:flex;
  flex-direction:column;
  box-shadow:0 15px 40px #0004;
}
.discover-top{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center}
.discover-star{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid #dfb96d45;
  background:radial-gradient(circle,#f7ddad,#8f6e3450 25%,#0d1421 68%);
  color:#fff;
  box-shadow:0 0 22px #d9a95136;
}
.discover-top strong{display:block;font:16px Georgia,serif;color:#f5d9a4}
.discover-top small{display:block;font-size:8px;color:#718195;margin-top:3px}
.discover-top b{font:20px Georgia,serif;color:#d8bc8a}
.discover-card>p{color:#a6b1bf;font-size:11px;line-height:1.55;min-height:50px}
.discover-intent{font-size:8px;letter-spacing:.12em;color:#7fcead;text-transform:uppercase}
.discover-chips,.profile-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.discover-chips span,.profile-chips span{
  border:1px solid #ffffff12;border-radius:999px;padding:5px 7px;color:#a9b5c3;font-size:8px;background:#ffffff04
}
.discover-common{font-size:8px;color:#cfb17c;margin-top:10px;line-height:1.45}
.discover-card button{
  margin-top:auto;border:1px solid #e1ba6d35;border-radius:10px;background:#e1ba6d08;color:#dfc698;
  font-size:8px;font-weight:900;letter-spacing:.1em;padding:9px;cursor:pointer
}
.discover-card button:hover{background:#d9af6220;border-color:#e7bd7060}

.social-empty{
  position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);
  color:#7d8da1;font:18px Georgia,serif;text-align:center
}

.profile-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px}
.profile-modal[hidden]{display:none}
.profile-backdrop{position:absolute;inset:0;background:#01040bd9;backdrop-filter:blur(12px)}
.profile-card-cosmos{
  position:relative;z-index:1;
  width:min(560px,94vw);max-height:90vh;overflow:auto;
  border:1px solid #e5bd7040;border-radius:28px;
  background:linear-gradient(150deg,#0b1521f4,#050911fa);
  box-shadow:0 45px 130px #000d,0 0 70px #714acb1d;
  padding:29px;
}
.profile-close{
  position:absolute;right:16px;top:14px;width:34px;height:34px;border:1px solid #ffffff13;border-radius:50%;
  background:#ffffff05;color:#aab7c6;font-size:20px;cursor:pointer
}
.profile-star{
  width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#f5d8a1;font-size:28px;
  background:radial-gradient(circle,#fff4cf,#c79b4b42 18%,#101729 56%,#050812 75%);
  border:1px solid #e4bd7440;box-shadow:0 0 42px #dbad5d4e;margin-bottom:13px
}
.profile-card-cosmos>small{font-size:8px;letter-spacing:.23em;color:#b49b72}
.profile-card-cosmos h2{font:31px Georgia,serif;margin:6px 0}
.profile-meta{color:#8695a8;font-size:10px}
.profile-affinity{
  display:inline-block;margin:7px 0 9px;padding:7px 10px;border-radius:999px;
  border:1px solid #e3bb6c35;background:#e3bb6c09;color:#e2c28b;font-size:9px
}
.profile-bio{color:#c2cbd5;line-height:1.65}
.profile-common{border-top:1px solid #ffffff0d;margin-top:14px;padding-top:13px}
.profile-common strong{font-size:8px;letter-spacing:.14em;color:#d2b77e}
.profile-common p{font-size:10px;color:#8fa0b2}
.profile-actions{margin-top:18px}

.edit-card label{display:block;color:#bfab84;font-size:9px;font-weight:900;margin:11px 0 5px}
.edit-card input,.edit-card textarea,.edit-card select{
  width:100%;border:1px solid #ffffff18;border-radius:11px;background:#030812;color:#fff;padding:10px 11px;outline:none
}
.edit-card textarea{height:95px;resize:vertical}
.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.privacy-switches{margin-top:12px;border:1px solid #ffffff0d;border-radius:14px;padding:10px}
.privacy-switches label{display:flex;align-items:center;gap:8px;margin:5px 0;color:#9ca9b8}
.privacy-switches input{width:auto}

@media(max-width:1100px){
  .social-stage{right:18px}
  .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .social-stage{left:12px;right:12px;top:78px;bottom:84px}
  .social-view-head{padding:18px;min-height:130px;display:block}
  .social-view-head h2{font-size:25px}
  .social-legend{justify-content:flex-start;margin-top:10px}
  .constellation-canvas-wrap{height:calc(100% - 130px)}
  .discover-grid{height:calc(100% - 130px);grid-template-columns:1fr}
  .profile-form-grid{grid-template-columns:1fr}
}