: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:56px;transform:translateX(-50%);width:min(920px,69vw);height:378px;min-width:560px;max-width:1180px;min-height:250px;max-height:78vh;border-radius:26px;padding:15px 16px;display:grid;grid-template-rows:auto 1fr auto auto;transition:.25s;overflow:visible}.chat-panel.collapsed{height:68px;overflow:hidden}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 12px 30px;border-bottom:1px solid #ffffff0e;cursor:grab}.chat-panel.dragging .chat-head{cursor:grabbing}.chat-head small{display:block;color:#8695a7;font-size:7px;letter-spacing:.18em}.chat-head strong{font:21px Georgia,serif;color:#f3d49b}.chat-head-actions{display:flex;align-items:center;gap:8px}.chat-head button{border:1px solid #ffffff14;background:#ffffff06;color:#cad5df;width:34px;height:28px;border-radius:9px;cursor:pointer}.messages{overflow:auto;padding:12px 8px 10px}.msg{padding:10px 12px;margin:6px 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:12px}.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}.chat-resizer{position:absolute;left:10px;top:10px;width:18px;height:18px;border:none;background:transparent;cursor:nwse-resize;opacity:.88;padding:0}.chat-resizer::before,.chat-resizer::after{content:'';position:absolute;left:0;top:0;background:linear-gradient(135deg,#efc879,#8f6330);border-radius:999px}.chat-resizer::before{width:18px;height:2px;transform:rotate(45deg);transform-origin:left top}.chat-resizer::after{width:12px;height:2px;left:4px;top:2px;transform:rotate(45deg);transform-origin:left top}.chat-panel.resizing,.chat-panel.dragging{transition:none;user-select:none}.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:348px;min-width:auto;max-width:none;max-height:74vh;bottom:34px}.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:102px;height:298px;min-width:auto;max-width:none;max-height:66vh}.chat-resizer,#resetChatSize{display:none}.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;
}
.coming-foot-version{
  color:#596779;
  letter-spacing:.17em;
}
.coming-foot-copyright{
  margin-top:10px;
  color:#738195;
  font-size:8px;
  line-height:1.6;
  letter-spacing:.09em;
}
.coming-foot-copyright span{
  color:#b7a174;
}
.coming-foot-copyright em{
  margin-left:5px;
  color:#d2b47c;
  font-style:normal;
}
.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}
}


/* ==========================================================
   AURELIS COSMOS · v0.3.2 · CONSTELACIONES + DESCUBRIR REFINADO
   ========================================================== */
.presence-clickable{
  width:100%;
  border:0;
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
  background:transparent;
  transition:.2s ease;
}
.presence-clickable:hover{
  background:#ffffff05;
  transform:translateX(2px);
}
.presence-self{opacity:.92}

.constellation-node em{
  display:block;
  max-width:115px;
  margin:3px auto 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-style:normal;
  font-size:7px;
  color:#65778c;
}
.constellation-summary,
.discover-summary{
  position:absolute;
  z-index:4;
  right:22px;
  bottom:18px;
  display:flex;
  align-items:baseline;
  gap:6px;
  border:1px solid #ffffff10;
  border-radius:999px;
  background:#050a12bf;
  padding:7px 10px;
  backdrop-filter:blur(10px);
}
.constellation-summary strong,
.discover-summary strong{
  font:17px Georgia,serif;
  color:#e6c78f;
}
.constellation-summary span,
.discover-summary span{
  font-size:8px;
  color:#8292a5;
}

.discover-filter{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto auto;
  gap:8px;
  align-items:center;
}
.discover-filter input[type="search"]{
  min-width:200px;
  border:1px solid #ffffff18;
  border-radius:11px;
  background:#050a12;
  color:#dce5ee;
  padding:9px 11px;
  outline:none;
}
.discover-filter input[type="search"]:focus,
.discover-filter select:focus{
  border-color:#d9b46855;
  box-shadow:0 0 0 3px #d9b4680c;
}
.discover-online{
  grid-column:1/-1;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:7px;
  color:#93a1b1;
  font-size:8px;
  letter-spacing:.06em;
}
.discover-online input{accent-color:#d5ad62}

.discover-summary{
  position:sticky;
  top:0;
  right:auto;
  bottom:auto;
  margin:0 18px;
  width:max-content;
  z-index:5;
}
.discover-grid{padding-top:10px}

.discover-status{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:6px;
  font-size:8px;
}
.discover-status span{color:#7f8da0}
.discover-status span.is-online{
  color:#71d8ad;
  text-shadow:0 0 12px #71d8ad45;
}
.discover-status em{
  font-style:normal;
  color:#ccb17f;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.discover-star.online{
  box-shadow:0 0 28px #6ed6ac55,0 0 16px #d9a95136;
}

.profile-progress{
  margin:13px 0 15px;
  border:1px solid #ffffff0d;
  border-radius:14px;
  padding:10px 11px;
  background:#ffffff04;
}
.profile-progress-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#8493a5;
  font-size:8px;
  letter-spacing:.08em;
}
.profile-progress-head strong{
  color:#e2c68f;
  font:15px Georgia,serif;
}
.profile-progress-track{
  height:5px;
  border-radius:99px;
  background:#ffffff09;
  overflow:hidden;
  margin-top:8px;
}
.profile-progress-track i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#826bd8,#e4bd73);
  box-shadow:0 0 16px #d8ad5a58;
  transition:width .25s ease;
}

@media(max-width:1100px){
  .discover-filter{grid-template-columns:1fr 1fr}
  .discover-filter input[type="search"]{grid-column:1/-1}
  .discover-online{grid-column:1/-1}
}
@media(max-width:720px){
  .discover-filter{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-top:12px}
  .discover-filter input[type="search"]{min-width:0;width:100%}
  .discover-online{justify-self:auto}
  .constellation-summary{right:12px;bottom:12px}
}


/* ==========================================================
   AURELIS COSMOS · v0.4.0 · ENCUENTROS + MICROPLANETAS
   ========================================================== */
.encounter-nav{position:relative}
.encounter-nav b{
  position:absolute;right:4px;top:3px;min-width:17px;height:17px;padding:0 4px;
  display:grid;place-items:center;border-radius:999px;
  background:#e1b35c;color:#1b1208;font-size:8px;
  box-shadow:0 0 15px #e1b35c75;
}
.encounter-privacy{
  border:1px solid #d6ae6335;border-radius:999px;padding:8px 11px;
  color:#c8ae7e;font-size:8px;letter-spacing:.12em;white-space:nowrap
}
.encounter-dashboard{
  height:calc(100% - 118px);
  display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:12px;padding:18px;
  overflow:auto
}
.encounter-column{
  min-height:260px;border:1px solid #ffffff0e;border-radius:21px;
  background:linear-gradient(150deg,#08121dc9,#050a12df);
  padding:14px;box-shadow:0 18px 45px #0004
}
.encounter-column.active-column{
  border-color:#d4ac6230;
  background:
    radial-gradient(circle at 50% 23%,#d8aa4d12,transparent 42%),
    linear-gradient(150deg,#0b1520e6,#050912e8)
}
.encounter-column-head{
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid #ffffff0d;padding:2px 2px 11px;margin-bottom:10px
}
.encounter-column-head h3{margin:0;font:16px Georgia,serif;color:#e9cf9d}
.encounter-column-head span{
  min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;
  background:#ffffff06;border:1px solid #ffffff0e;color:#c7ad7e;font-size:9px
}
.encounter-list{display:grid;gap:9px}
.encounter-card{
  border:1px solid #ffffff10;border-radius:15px;padding:11px;
  background:#ffffff06
}
.encounter-card.active{
  border-color:#d5ae6330;
  box-shadow:0 0 24px #d5ae630c
}
.encounter-card-top{display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:center}
.encounter-card-star{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  color:#f2d49c;border:1px solid #dfb66d35;
  background:radial-gradient(circle,#fff1c7,#b5884345 22%,#10192a 65%);
  box-shadow:0 0 18px #d9a85032
}
.encounter-card-top strong{display:block;font:14px Georgia,serif;color:#f1d4a0}
.encounter-card-top small{display:block;margin-top:3px;color:#718296;font-size:8px}
.encounter-card-actions{display:flex;gap:6px;margin-top:10px}
.encounter-card-actions button{
  flex:1;border-radius:9px;padding:7px 8px;font-size:7px;font-weight:900;letter-spacing:.08em;cursor:pointer
}
.encounter-card-actions .accept{
  border:1px solid #e1b86652;background:#dbad5514;color:#e9cc95
}
.encounter-card-actions .decline{
  border:1px solid #ffffff12;background:#ffffff04;color:#8c9aac
}
.encounter-card-actions button:hover{filter:brightness(1.18)}
.encounter-empty{color:#65768a;font-size:9px;line-height:1.5;padding:13px 4px}
.encounter-request-btn{margin-right:7px}
.encounter-unavailable{
  display:inline-flex;align-items:center;min-height:38px;padding:0 11px;margin-right:7px;
  border:1px solid #ffffff0e;border-radius:11px;color:#748498;font-size:9px
}
.ghost-btn{
  border:1px solid #ffffff18;border-radius:11px;background:#ffffff04;color:#aab6c4;
  min-height:38px;padding:0 13px;font-size:9px;font-weight:900;cursor:pointer
}

/* MicroPlaneta */
.microplanet-modal{
  position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px
}
.microplanet-modal[hidden]{display:none}
.microplanet-backdrop{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 28%,#64409730,transparent 35%),
    #01040be8;
  backdrop-filter:blur(14px)
}
.microplanet-shell{
  position:relative;z-index:1;
  width:min(980px,96vw);height:min(760px,94vh);
  display:grid;grid-template-rows:auto 190px 1fr auto auto;
  border:1px solid #dfb96d40;border-radius:30px;overflow:hidden;
  background:linear-gradient(150deg,#091521f5,#030812fb);
  box-shadow:0 50px 160px #000e,0 0 80px #6d43be20
}
.microplanet-head{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;
  padding:20px 24px 16px;border-bottom:1px solid #ffffff0e
}
.microplanet-head small{font-size:7px;letter-spacing:.25em;color:#c5a66e}
.microplanet-head h2{font:27px Georgia,serif;margin:4px 0 4px;color:#f0d6a6}
.microplanet-head p{margin:0;color:#738397;font-size:9px}
.microplanet-head-actions{display:flex;align-items:center;gap:9px}
.microplanet-head-actions span{
  border:1px solid #ffffff12;border-radius:999px;padding:7px 10px;color:#c4ad83;font-size:8px;white-space:nowrap
}
.microplanet-head-actions button{
  width:34px;height:34px;border-radius:50%;border:1px solid #ffffff14;
  background:#ffffff05;color:#b0bdca;font-size:20px;cursor:pointer
}
.microplanet-space{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,#d5a8521a,transparent 24%),
    radial-gradient(circle at 23% 20%,#59348b29,transparent 30%),
    radial-gradient(circle at 76% 28%,#174c8229,transparent 32%)
}
.microplanet-space:before{
  content:"";position:absolute;inset:0;opacity:.28;
  background-image:radial-gradient(#fff .6px,transparent .8px);
  background-size:24px 24px
}
.micro-world{
  position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);
  width:105px;height:105px;border-radius:50%;
  display:grid;place-items:center;color:#ffe3ab;font-size:27px;
  background:
    radial-gradient(circle at 35% 28%,#fff4d3 0,#d7ad6338 13%,#6f52b853 36%,#14203a 65%,#03060c 100%);
  border:1px solid #ddb66d50;
  box-shadow:0 0 45px #d6aa574c,0 0 90px #7554c02c;
  animation:microPulse 4.8s ease-in-out infinite
}
.micro-world i{
  position:absolute;inset:-18px;border-radius:50%;
  border:1px solid #dcb56c40;transform:scaleY(.28) rotate(-12deg)
}
@keyframes microPulse{50%{transform:translate(-50%,-50%) scale(1.045);box-shadow:0 0 55px #e3b45e5c,0 0 110px #7954c536}}
.micro-orbit{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);
  border:1px solid #d9b06620;border-radius:50%
}
.orbit-one{width:340px;height:75px;animation:microOrbit 18s linear infinite}
.orbit-two{width:520px;height:118px;border-color:#735eab28;animation:microOrbit 27s linear infinite reverse}
@keyframes microOrbit{to{transform:translate(-50%,-50%) rotate(345deg)}}
.micro-presence{
  position:absolute;top:49%;display:grid;place-items:center;gap:5px;
  color:#9eacbc;font-size:8px
}
.micro-presence span{
  width:18px;height:18px;border-radius:50%;background:#f0ca85;
  box-shadow:0 0 24px #e0b764a0
}
.micro-me{left:27%}
.micro-other{right:27%}
.micro-other span{background:#9c86ef;box-shadow:0 0 24px #8e72e8a0}

.micro-messages{overflow:auto;padding:12px 22px}
.micro-msg{
  max-width:76%;border:1px solid #ffffff0e;border-radius:15px;
  background:#ffffff04;padding:9px 11px;margin:7px 0
}
.micro-msg.mine{margin-left:auto;background:#d5ab5a0a;border-color:#d5ab5a22}
.micro-msg>div{display:flex;justify-content:space-between;gap:10px}
.micro-msg strong{font-size:9px;color:#dfc18c}
.micro-msg span{font-size:7px;color:#657589}
.micro-msg p{margin:5px 0 0;color:#cbd4de;font-size:12px;white-space:pre-wrap;word-break:break-word}
.micro-composer{
  display:grid;grid-template-columns:1fr 52px;gap:9px;padding:10px 20px;
  border-top:1px solid #ffffff0d
}
.micro-composer textarea{
  resize:none;height:48px;border:1px solid #ffffff16;border-radius:14px;
  background:#02070f;color:#fff;padding:12px 13px;outline:none
}
.micro-composer button{
  border:1px solid #dfb66b55;border-radius:14px;
  background:radial-gradient(circle at 35% 30%,#f0d09a,#ad7834);
  color:#1b1208;font-size:18px;font-weight:900;cursor:pointer
}
.microplanet-foot{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 20px 14px;color:#6f7f92;font-size:8px
}
.microplanet-foot button{
  border:1px solid #ba68684a;border-radius:10px;background:#9e48480d;
  color:#c99292;padding:8px 10px;font-size:7px;font-weight:900;letter-spacing:.08em;cursor:pointer
}

@media(max-width:1050px){
  .encounter-dashboard{grid-template-columns:1fr}
  .encounter-column{min-height:0}
}
@media(max-width:720px){
  .encounter-privacy{display:none}
  .microplanet-shell{height:92vh;grid-template-rows:auto 150px 1fr auto auto}
  .microplanet-head{padding:16px}
  .microplanet-head p{display:none}
  .micro-me{left:17%}.micro-other{right:17%}
  .microplanet-foot{display:block}
  .microplanet-foot button{width:100%;margin-top:8px}
}


/* ==========================================================
   AURELIS COSMOS · v0.5.0 · COSMIC CONCIERGE + EVENTOS
   ========================================================== */
.event-nav{position:relative}
.event-nav b{
  position:absolute;right:4px;top:3px;min-width:17px;height:17px;padding:0 4px;
  display:grid;place-items:center;border-radius:999px;
  background:#b982ef;color:#120a19;font-size:8px;
  box-shadow:0 0 16px #b982ef7a
}
.event-legend{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.event-legend span,.concierge-seal{
  border:1px solid #ffffff11;border-radius:999px;padding:7px 9px;
  color:#9babc0;font-size:8px;letter-spacing:.05em
}
.events-grid{
  height:calc(100% - 118px);overflow:auto;padding:18px;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px
}
.cosmic-event-card{
  min-height:275px;border:1px solid #ffffff10;border-radius:23px;overflow:hidden;
  background:linear-gradient(155deg,#0a1521e8,#050a13ee);
  box-shadow:0 18px 50px #0005;display:grid;grid-template-rows:82px 1fr
}
.cosmic-event-card.phase-live{border-color:#e5bb6c4a;box-shadow:0 0 44px #d9aa4b1d,0 18px 50px #0005}
.event-card-sky{
  position:relative;overflow:hidden;display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 65%,#e5b96542,transparent 18%),
    radial-gradient(circle at 25% 10%,#7845b551,transparent 38%),
    #07101b
}
.event-card-sky:before{
  content:"";position:absolute;inset:0;opacity:.3;
  background-image:radial-gradient(#fff .7px,transparent .9px);background-size:21px 21px
}
.event-card-sky i{
  position:absolute;width:120px;height:34px;border:1px solid #e0ba7145;border-radius:50%;
  transform:rotate(-12deg);animation:eventPortalRing 8s linear infinite
}
@keyframes eventPortalRing{to{transform:rotate(348deg) scale(1.15)}}
.event-atmosphere-icon{font-size:24px;color:#f0d39c;text-shadow:0 0 25px #efbf6a;z-index:1}
.atmosphere-eclipse .event-card-sky{background:radial-gradient(circle at 55% 55%,#050509 0 13%,#a276de45 15%,transparent 27%),#080914}
.atmosphere-meteors .event-card-sky{background:linear-gradient(145deg,#351222,#0b1422 58%,#080b12)}
.atmosphere-violet .event-card-sky{background:radial-gradient(circle at 50% 70%,#a35fed50,transparent 38%),#0b0817}
.atmosphere-aurora .event-card-sky{background:linear-gradient(145deg,#0b2730,#18234b 50%,#120d25)}
.event-card-body{padding:15px;display:flex;flex-direction:column}
.event-card-top{display:flex;justify-content:space-between;gap:10px}
.event-card-top span{font-size:8px;letter-spacing:.12em;color:#80d9b4}
.event-card-top b{font-size:8px;font-weight:500;color:#a99473}
.event-card-body h3{font:22px Georgia,serif;color:#f0d4a0;margin:8px 0 5px}
.event-card-body p{font-size:10px;color:#94a2b3;line-height:1.55;margin:0 0 12px}
.event-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.event-meta span{border:1px solid #ffffff0e;border-radius:999px;padding:5px 7px;color:#7f8fa2;font-size:7px}
.event-actions{display:flex;gap:7px;margin-top:12px}
.event-actions button,.event-full{
  flex:1;border-radius:10px;padding:9px;font-size:7px;font-weight:900;letter-spacing:.08em
}
.event-actions button{cursor:pointer}
.event-travel{border:1px solid #d8ad5b30;background:#d8ad5b0b;color:#d8be8e}
.event-join{border:1px solid #ffffff15;background:#ffffff05;color:#aab7c6}
.event-join.joined{border-color:#69c89f40;color:#7ed8b1}
.event-full{display:grid;place-items:center;border:1px solid #874d5840;color:#ba7c86}

.planet-event-mark{
  display:block;margin-top:5px;font-style:normal;font-size:7px;letter-spacing:.08em;
  color:#dab86f;text-shadow:0 0 12px #dcac4e70
}
.planet-label.event-soon{border-color:#dcb46655;box-shadow:0 0 38px #dcb46620}
.planet-label.event-live{border-color:#7edab35e;box-shadow:0 0 44px #64d3a72a}
.planet-label.event-live .planet-event-mark{color:#78dfb5}

.concierge-layout{
  height:calc(100% - 118px);display:grid;grid-template-columns:1.4fr .7fr;gap:14px;padding:18px;overflow:auto
}
.concierge-layout>section,.concierge-layout>aside{
  border:1px solid #ffffff0e;border-radius:21px;background:#07111bcc;padding:14px
}
.concierge-section-title{font-size:8px;letter-spacing:.17em;color:#9c8a6d;padding:2px 2px 11px;border-bottom:1px solid #ffffff0c}
.concierge-posts{display:grid;gap:9px;margin-top:10px}
.concierge-post{
  display:grid;grid-template-columns:42px 1fr;gap:10px;
  border:1px solid #ffffff0d;border-radius:16px;padding:12px;background:#ffffff03
}
.concierge-post>span{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #d8af6740;color:#e6c78d;background:#d9aa5109
}
.concierge-post small{font-size:7px;color:#8c7b63;letter-spacing:.13em}
.concierge-post h3{font:16px Georgia,serif;color:#efd4a1;margin:3px 0 5px}
.concierge-post p{font-size:10px;line-height:1.55;color:#91a0b1;margin:0;white-space:pre-wrap}
.kind-event{border-color:#b179e72b}.kind-news{border-color:#4f99d72b}.kind-welcome{border-color:#69cfaa2b}
.concierge-events{display:grid;gap:8px;margin-top:10px}
.concierge-event-link{
  width:100%;display:grid;grid-template-columns:28px 1fr;gap:8px;text-align:left;
  border:1px solid #ffffff0d;border-radius:13px;background:#ffffff04;color:#e4eaf1;padding:9px;cursor:pointer
}
.concierge-event-link>span{color:#dfb96e}
.concierge-event-link strong{display:block;font:13px Georgia,serif;color:#e8cfa0}
.concierge-event-link small{display:block;margin-top:3px;color:#728296;font-size:7px}

.event-portal-banner{
  position:fixed;z-index:44;left:50%;top:82px;transform:translateX(-50%);
  min-width:min(560px,80vw);display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;
  border:1px solid #dfb66d45;border-radius:18px;padding:9px 11px;
  background:linear-gradient(140deg,#0b1622ed,#070a13f2);
  box-shadow:0 20px 70px #0008,0 0 40px #d5a84f1a;backdrop-filter:blur(16px)
}
.event-portal-banner[hidden]{display:none}
.portal-orb{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#f4d49a;
  border:1px solid #dcb26950;background:radial-gradient(circle,#f6dfad,#a477353d 24%,#11192a 70%);
  box-shadow:0 0 24px #dbae5872;animation:portalOrbPulse 2.2s ease-in-out infinite
}
@keyframes portalOrbPulse{50%{transform:scale(1.08);box-shadow:0 0 34px #dfb25e90}}
.event-portal-banner small{display:block;color:#78d8b0;font-size:7px;letter-spacing:.16em}
.event-portal-banner strong{display:block;color:#efd2a0;font:15px Georgia,serif;margin-top:2px}
.event-portal-banner span{display:block;color:#77889a;font-size:7px;margin-top:2px}
.event-portal-banner button{
  border:1px solid #deb56b45;border-radius:10px;background:#d6aa570e;color:#ddc18e;
  padding:9px 11px;font-size:7px;font-weight:900;cursor:pointer
}

@media(max-width:900px){
  .events-grid{grid-template-columns:1fr}
  .concierge-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
  .event-legend,.concierge-seal{display:none}
  .event-portal-banner{left:12px;right:12px;top:76px;transform:none;min-width:0}
  .event-portal-banner button{padding:8px}
}


/* AURELIS COSMOS v0.5.1 · eventos visibles desde su publicación */
.planet-label.event-soon .planet-event-mark,
.planet-label:not(.event-live) .planet-event-mark:not([hidden]){
  animation:eventMarkPulse 2.4s ease-in-out infinite;
}
@keyframes eventMarkPulse{
  50%{opacity:.58;text-shadow:0 0 20px #e0b25e}
}
.event-portal-banner{
  animation:eventBannerEnter .35s ease both;
}
@keyframes eventBannerEnter{
  from{opacity:0;transform:translateX(-50%) translateY(-10px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}
@media(max-width:720px){
  @keyframes eventBannerEnter{
    from{opacity:0;transform:translateY(-10px)}
    to{opacity:1;transform:translateY(0)}
  }
}

/* v0.5.2 · galaxia más respirable */
.planet-label{max-width:220px}
.chat-panel{box-shadow:0 18px 46px #000a,0 0 0 1px #ffffff08 inset}

/* v0.5.3 · panel libre por usuario */
#resetChatSize{font-size:15px;line-height:1}
.chat-panel.collapsed .chat-resizer{display:none}
.chat-panel.dragging{box-shadow:0 22px 60px #000c,0 0 0 1px #ffffff0d inset}


/* ==========================================================
   AURELIS COSMOS · v0.6.0 · COSMIC PHENOMENA
   ========================================================== */
.phenomena-nav{position:relative}.phenomena-nav b{position:absolute;right:4px;top:3px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#79d8bd;color:#07120e;font-size:8px;box-shadow:0 0 16px #6de1bf70}
.planet-climate-mark{display:block;margin-top:4px;font-style:normal;font-size:6px;letter-spacing:.11em;color:#78bfae;text-shadow:0 0 11px #62dcb95a}.planet-climate-mark[data-state="storm"]{color:#bd91ff;text-shadow:0 0 15px #9a65ff}.planet-climate-mark[data-state="pulse"]{color:#dfbd79}.planet-climate-mark[data-state="mist"]{color:#91a7bc}.planet-climate-mark[data-state="silent"]{color:#5d6a7a}
.phenomena-legend{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.phenomena-legend span{border:1px solid #ffffff10;border-radius:999px;padding:7px 9px;color:#8fa1b6;font-size:7px;letter-spacing:.06em}
.phenomena-dashboard{height:calc(100% - 118px);overflow:auto;padding:18px;display:grid;grid-template-columns:1.12fr .88fr;gap:13px}.phenomena-card{border:1px solid #ffffff0e;border-radius:22px;background:linear-gradient(150deg,#08131edb,#040912ed);box-shadow:0 18px 52px #0005;padding:15px;min-width:0}.climate-card-wide{grid-column:1/-1}.phenomena-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid #ffffff0b;padding-bottom:10px;margin-bottom:11px}.phenomena-card-head small{font-size:7px;letter-spacing:.17em;color:#9a8767}.phenomena-card-head h3{font:19px Georgia,serif;color:#ecd09b;margin:3px 0 0}.phenomena-card-head>span{font-size:7px;color:#6f8094;border:1px solid #ffffff0d;border-radius:999px;padding:6px 8px}
.climate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.climate-world{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;text-align:left;border:1px solid #ffffff0e;border-radius:15px;background:#ffffff04;color:#dce6ef;padding:10px;cursor:pointer;transition:.2s}.climate-world:hover{transform:translateY(-2px);border-color:#d7b46a35}.climate-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:17px;border:1px solid #ffffff10;background:#0a1421;box-shadow:0 0 20px #7098bc19}.climate-world strong{display:block;font:13px Georgia,serif;color:#e9cf9d}.climate-world small{display:block;color:#78bfae;font-size:7px;margin-top:2px}.climate-world p{margin:3px 0 0;color:#718297;font-size:7px;line-height:1.35}.climate-world>b{font-size:7px;color:#8495a7;font-weight:500}.state-storm .climate-icon{color:#c29aff;box-shadow:0 0 24px #945dff3b}.state-pulse .climate-icon{color:#dfbc79}.state-aurora .climate-icon{color:#70dfbd}.state-mist .climate-icon{color:#a9bacb}.state-silent{opacity:.74}
.capsule-form textarea{width:100%;height:72px;resize:vertical;border:1px solid #ffffff14;border-radius:13px;background:#030810;color:#eaf0f7;padding:10px 11px;outline:none}.capsule-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.capsule-form label{display:block;color:#8090a3;font-size:7px;letter-spacing:.05em}.capsule-form input,.capsule-form select{width:100%;margin-top:4px;border:1px solid #ffffff12;border-radius:10px;background:#050b13;color:#dbe4ed;padding:8px}.capsule-recipient{margin-bottom:8px}.capsule-form .gold-btn{width:100%;margin:3px 0 10px}.capsule-list{display:grid;gap:7px;max-height:275px;overflow:auto}.capsule-item{position:relative;border:1px solid #ffffff0d;border-radius:14px;padding:10px;background:#ffffff04}.capsule-item.opened{border-color:#d9b46529;background:#d8a94e06}.capsule-item.private{box-shadow:inset 3px 0 0 #8e73d355}.capsule-item-head{display:flex;justify-content:space-between;gap:8px}.capsule-item-head small{display:block;font-size:7px;color:#8a9aab;letter-spacing:.08em}.capsule-item-head strong{display:block;font:12px Georgia,serif;color:#e3c892;margin-top:2px}.capsule-item-head>span{color:#ddb96e;font-size:17px}.capsule-item p{margin:7px 0;color:#b9c4cf;font-size:9px;line-height:1.5;white-space:pre-wrap}.capsule-item-meta{font-size:6px;color:#5f7185}.capsule-delete{position:absolute;right:8px;bottom:7px;border:0;background:transparent;color:#936e73;font-size:6px;cursor:pointer}
.spontaneous-card{position:relative;overflow:hidden}.spontaneous-card>p{color:#8798aa;font-size:9px;line-height:1.55;max-width:520px}.spontaneous-orbit{height:92px;position:relative;margin:2px 0 8px}.spontaneous-orbit b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#efd19a;font-size:22px;text-shadow:0 0 22px #d8ad5d}.spontaneous-orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:#8c74e5;box-shadow:0 0 18px #856ce9;left:50%;top:50%;animation:spOrbit 8s linear infinite}.spontaneous-orbit i:nth-child(2){animation-duration:11s;animation-delay:-3s;background:#70d9bc}.spontaneous-orbit i:nth-child(3){animation-duration:14s;animation-delay:-7s;background:#e1b767}@keyframes spOrbit{from{transform:translate(-50%,-50%) rotate(0deg) translateX(74px)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(74px)}}.spontaneous-status{display:flex;gap:8px;align-items:baseline;margin:10px 0}.spontaneous-status strong{font:22px Georgia,serif;color:#e1c38e}.spontaneous-status span{font-size:8px;color:#76889b}.spontaneous-card .gold-btn{width:100%}.spontaneous-card .gold-btn.joined{border-color:#6dd7b153;color:#87e0bf}.spontaneous-group-card{margin-top:9px;border:1px solid #8e70df38;border-radius:14px;padding:10px;background:#7956c509}.spontaneous-group-card small{font-size:6px;letter-spacing:.14em;color:#9c7ee4}.spontaneous-group-card strong{display:block;font:14px Georgia,serif;color:#e4cb9c;margin:3px 0}.spontaneous-group-card p{margin:3px 0;color:#8c9aac;font-size:8px}.spontaneous-group-card span{font-size:7px;color:#6ed2ad}.spontaneous-group-card button{float:right;border:1px solid #d7b1653d;border-radius:9px;background:#d7aa510c;color:#d9bd89;padding:7px 9px;font-size:7px;font-weight:900;cursor:pointer}
.echo-timeline{display:grid;gap:7px;max-height:390px;overflow:auto}.echo-item{display:grid;grid-template-columns:36px 1fr;gap:9px;border:1px solid #ffffff0c;border-radius:14px;padding:9px;background:#ffffff04}.echo-item>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#dcb96f;border:1px solid #d9b05f2d;background:#d9ab5108}.echo-item small{font-size:6px;color:#7e8ea0;letter-spacing:.1em}.echo-item p{margin:3px 0;color:#b7c2cd;font-size:9px;line-height:1.45}.echo-item em{font-style:normal;color:#56677a;font-size:6px}.kind-constellation{border-color:#946be026}.kind-event{border-color:#d9ad5726}.kind-crowd{border-color:#68cea926}.phenomena-empty{padding:12px 4px;color:#607286;font-size:8px}
.spontaneous-modal{position:fixed;z-index:125;inset:0;display:grid;place-items:center;padding:18px}.spontaneous-modal[hidden]{display:none}.spontaneous-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,#6a3fa532,transparent 40%),#01040beb;backdrop-filter:blur(14px)}.spontaneous-shell{position:relative;z-index:1;width:min(880px,95vw);height:min(720px,92vh);display:grid;grid-template-rows:auto 155px 1fr auto auto;border:1px solid #9b77e24a;border-radius:28px;overflow:hidden;background:linear-gradient(150deg,#0a1422f7,#040812fb);box-shadow:0 50px 150px #000e,0 0 70px #744fc329}.spontaneous-shell-head{display:flex;justify-content:space-between;gap:14px;padding:18px 21px 14px;border-bottom:1px solid #ffffff0d}.spontaneous-shell-head small{font-size:7px;letter-spacing:.2em;color:#a889e5}.spontaneous-shell-head h2{font:24px Georgia,serif;color:#eed2a0;margin:4px 0}.spontaneous-shell-head p{margin:0;color:#738397;font-size:8px}.spontaneous-shell-head>div:last-child{display:flex;gap:8px;align-items:center}.spontaneous-shell-head span{border:1px solid #ffffff12;border-radius:999px;padding:7px 9px;color:#a99ac4;font-size:7px}.spontaneous-shell-head button{width:32px;height:32px;border-radius:50%;border:1px solid #ffffff13;background:#ffffff04;color:#aebac8;font-size:18px;cursor:pointer}.spontaneous-sky{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#9b68e42f,transparent 26%),radial-gradient(circle at 26% 25%,#1a5b8640,transparent 35%),#050a14}.spontaneous-sky:before{content:"";position:absolute;inset:0;opacity:.3;background-image:radial-gradient(#fff .6px,transparent .8px);background-size:22px 22px}.spontaneous-star-map{position:absolute;inset:0}.spontaneous-star-map b,.spontaneous-star-map i{position:absolute;border-radius:50%;left:50%;top:50%}.spontaneous-star-map b{transform:translate(-50%,-50%);color:#f1d39d;font-size:26px;text-shadow:0 0 28px #e0b565}.spontaneous-star-map i{width:14px;height:14px;background:#9978ed;box-shadow:0 0 22px #8b6de8}.spontaneous-star-map i:nth-child(1){transform:translate(-150px,-32px)}.spontaneous-star-map i:nth-child(2){transform:translate(120px,-42px);background:#6fdfbd}.spontaneous-star-map i:nth-child(3){transform:translate(-92px,48px);background:#e0b465}.spontaneous-star-map i:nth-child(4){transform:translate(104px,45px);background:#74a4ed}.spontaneous-star-map i:nth-child(5){transform:translate(0,-68px);background:#d77de5}.spontaneous-star-map:after{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#b790ed55,#e0b56555,#70d9b955,transparent);box-shadow:0 -54px 0 #9a78e31f,0 48px 0 #d9b1641f}.spontaneous-messages{overflow:auto;padding:12px 20px}.spontaneous-msg{max-width:78%;border:1px solid #ffffff0d;border-radius:14px;background:#ffffff06;padding:9px 10px;margin:6px 0}.spontaneous-msg.mine{margin-left:auto;border-color:#d9b25d22;background:#d9aa5108}.spontaneous-msg>div{display:flex;justify-content:space-between}.spontaneous-msg strong{font-size:8px;color:#dcc08e}.spontaneous-msg span{font-size:6px;color:#607184}.spontaneous-msg p{margin:4px 0 0;color:#c8d1da;font-size:11px;white-space:pre-wrap}.spontaneous-composer{display:grid;grid-template-columns:1fr 50px;gap:8px;padding:10px 18px;border-top:1px solid #ffffff0c}.spontaneous-composer textarea{height:46px;resize:none;border:1px solid #ffffff15;border-radius:13px;background:#02070f;color:#fff;padding:11px;outline:none}.spontaneous-composer button{border:1px solid #d9b26050;border-radius:13px;background:radial-gradient(circle at 35% 30%,#efd09a,#a97635);font-size:17px;cursor:pointer}.spontaneous-shell footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 18px 13px;color:#607184;font-size:7px}.spontaneous-shell footer button{border:1px solid #ffffff10;border-radius:9px;background:#ffffff04;color:#8999aa;padding:7px 9px;font-size:6px;cursor:pointer}
@media(max-width:1050px){.climate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phenomena-dashboard{grid-template-columns:1fr}.climate-card-wide{grid-column:auto}}
@media(max-width:720px){.phenomena-legend{display:none}.phenomena-dashboard{padding:12px}.climate-grid{grid-template-columns:1fr}.capsule-form-row{grid-template-columns:1fr}.spontaneous-shell{height:90vh;grid-template-rows:auto 120px 1fr auto auto}.spontaneous-shell-head p{display:none}}


/* ==========================================================
   AURELIS COSMOS · v0.6.1 · OBSERVATORIO DE FENÓMENOS
   ========================================================== */
.chat-panel[hidden]{display:none!important}
.phenomena-focus .presence-panel{display:none!important}
.phenomena-focus .social-stage{right:24px}
.phenomena-focus .event-portal-banner{display:none!important}

.phenomena-observatory-view{
  display:grid;
  grid-template-rows:auto auto 1fr;
  background:
    radial-gradient(circle at 78% 8%,#633aa21d,transparent 28%),
    radial-gradient(circle at 20% 88%,#0a69911c,transparent 32%),
    linear-gradient(150deg,#07111bf2,#020711f5);
}
.phenomena-observatory-view[hidden]{display:none!important}
.phenomena-observatory-head{
  min-height:112px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  padding:20px 25px 16px;
  border-bottom:1px solid #ffffff0c;
}
.phenomena-observatory-title small{font-size:7px;letter-spacing:.25em;color:#d2ad68}
.phenomena-observatory-title h2{font:29px/1.08 Georgia,serif;margin:5px 0 6px;color:#f0d8aa}
.phenomena-observatory-title p{max-width:760px;margin:0;color:#8393a7;font-size:10px;line-height:1.5}
.phenomena-back{
  flex:0 0 auto;
  border:1px solid #ffffff14;
  border-radius:999px;
  background:#ffffff04;
  color:#a9b5c4;
  padding:9px 12px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em;
  cursor:pointer;
}
.phenomena-back:hover{border-color:#d8b16842;color:#e4c58f;background:#d8ae5e09}

.phenomena-tabbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:11px 15px;
  border-bottom:1px solid #ffffff0c;
  background:#02070d99;
}
.phenomena-tab{
  min-width:0;
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  text-align:left;
  border:1px solid #ffffff0d;
  border-radius:14px;
  background:#ffffff04;
  color:#899aaf;
  padding:9px 11px;
  cursor:pointer;
  transition:.2s ease;
}
.phenomena-tab>span{
  grid-row:1/3;
  width:32px;height:32px;
  border-radius:50%;
  display:grid;place-items:center;
  border:1px solid #ffffff12;
  color:#b9c7d6;
  background:#07101a;
  align-self:center;
}
.phenomena-tab b{font:13px Georgia,serif;color:#c9d2dc;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phenomena-tab small{font-size:7px;color:#65768a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phenomena-tab:hover{background:#ffffff08;border-color:#ffffff18}
.phenomena-tab.active{
  border-color:#d9b1673a;
  background:linear-gradient(130deg,#d8ad5d0d,#7658b60b);
  box-shadow:0 0 30px #d6aa5610 inset;
}
.phenomena-tab.active>span{color:#f0d19a;border-color:#dcb36538;box-shadow:0 0 18px #d8ac5b24}
.phenomena-tab.active b{color:#efd3a1}

.phenomena-observatory-body{min-height:0;overflow:hidden;padding:15px}
.phenomena-pane{
  height:100%;
  overflow:auto;
  border:1px solid #ffffff0e;
  border-radius:22px;
  background:linear-gradient(150deg,#08131ed4,#040912e8);
  padding:18px;
  box-shadow:0 18px 55px #0004 inset;
}
.phenomena-pane[hidden]{display:none!important}
.phenomena-pane-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #ffffff0c;
}
.phenomena-pane-intro small{font-size:7px;letter-spacing:.2em;color:#9f8965}
.phenomena-pane-intro h3{font:24px Georgia,serif;color:#efd2a0;margin:4px 0 5px}
.phenomena-pane-intro p{max-width:720px;margin:0;color:#7e8fa3;font-size:10px;line-height:1.5}
.privacy-pill{border:1px solid #65c8aa24;border-radius:999px;padding:7px 9px;color:#6fc8ac;font-size:7px;letter-spacing:.08em;white-space:nowrap}

.climate-grid-observatory{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.climate-grid-observatory .climate-item{min-height:94px;padding:12px}

.capsule-observatory-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(420px,1.18fr);gap:14px;align-items:start}
.capsule-form-observatory,.capsule-archive{
  border:1px solid #ffffff0d;
  border-radius:18px;
  background:#ffffff04;
  padding:14px;
}
.capsule-seal-visual{height:76px;position:relative;display:grid;place-items:center;margin-bottom:10px;overflow:hidden}
.capsule-seal-visual b{z-index:1;font-size:24px;color:#ebc985;text-shadow:0 0 26px #d6a94e}
.capsule-seal-visual i{position:absolute;width:150px;height:42px;border:1px solid #d9b16635;border-radius:50%;animation:capsuleOrbit 10s linear infinite}
@keyframes capsuleOrbit{to{transform:rotate(360deg)}}
.capsule-archive-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid #ffffff0b;margin-bottom:9px}
.capsule-archive-head strong{font:15px Georgia,serif;color:#dbc392}
.capsule-archive-head span{font-size:7px;color:#65768b}
.capsule-archive .capsule-list{max-height:430px;overflow:auto;padding-right:3px}

.spontaneous-observatory{min-height:360px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;padding:18px 24px}
.spontaneous-orbit-large{width:280px;height:280px;margin:auto;transform:scale(1.35)}
.spontaneous-observatory-copy h4{font:25px Georgia,serif;color:#e8cc98;margin:0 0 8px}
.spontaneous-observatory-copy>p{max-width:560px;color:#8797a9;font-size:11px;line-height:1.6;margin:0 0 14px}
.spontaneous-observatory-copy .gold-btn{min-width:190px;margin-top:10px}

.echo-observatory{min-height:360px;display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center}
.echo-visual{position:relative;height:260px;display:grid;place-items:center;overflow:hidden}
.echo-visual b{font-size:34px;color:#e3c17c;text-shadow:0 0 36px #d9aa52;z-index:2}
.echo-visual i{position:absolute;border:1px solid #aa7fe626;border-radius:50%;animation:echoPulse 5s ease-in-out infinite}
.echo-visual i:nth-child(1){width:80px;height:80px}.echo-visual i:nth-child(2){width:145px;height:145px;animation-delay:-1.6s}.echo-visual i:nth-child(3){width:220px;height:220px;animation-delay:-3.2s}
@keyframes echoPulse{50%{transform:scale(1.08);opacity:.35}}
.echo-timeline-observatory{max-height:420px;padding-right:4px}

@media(max-width:1100px){
  .phenomena-focus .social-stage{right:18px}
  .phenomena-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .climate-grid-observatory{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capsule-observatory-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .phenomena-observatory-head{padding:14px;min-height:auto;display:block}
  .phenomena-observatory-title h2{font-size:23px}
  .phenomena-observatory-title p{display:none}
  .phenomena-back{margin-top:10px}
  .phenomena-tabbar{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
  .phenomena-tab{grid-template-columns:28px 1fr;padding:8px}
  .phenomena-tab>span{width:27px;height:27px}
  .phenomena-observatory-body{padding:8px}
  .phenomena-pane{padding:12px;border-radius:16px}
  .phenomena-pane-intro{display:block}
  .privacy-pill{display:inline-block;margin-top:8px}
  .climate-grid-observatory{grid-template-columns:1fr}
  .spontaneous-observatory{grid-template-columns:1fr;padding:8px;min-height:0}
  .spontaneous-orbit-large{transform:scale(.92);height:220px}
  .echo-observatory{grid-template-columns:1fr;min-height:0}
  .echo-visual{height:160px}
}


/* ==========================================================
   AURELIS COSMOS · v0.6.2 · LEGIBILIDAD + TIPOGRAFÍA PERSONAL
   ========================================================== */
.chat-formatbar{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  min-height:42px;padding:7px 4px 3px;border-top:1px solid #ffffff0b;
}
.chat-formatbar label{display:flex;align-items:center;gap:6px;color:#8998aa;font-size:9px}
.chat-formatbar select{
  height:31px;border:1px solid #ffffff16;border-radius:9px;background:#07101a;color:#e7edf4;
  padding:0 7px;outline:none
}
.font-size-control>span{font:16px Georgia,serif;color:#e3c68f}
.font-color-control input{
  width:34px;height:30px;padding:2px;border:1px solid #ffffff18;border-radius:9px;background:#07101a;cursor:pointer
}
.font-style-controls{display:flex;align-items:center;gap:5px}
.font-style-controls button{
  width:31px;height:30px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff05;color:#aeb9c6;
  display:grid;place-items:center;padding:0;cursor:pointer;font-size:12px
}
.font-style-controls button.active{
  color:#f0d09a;border-color:#d9b26455;background:#d9ab5a10;box-shadow:0 0 16px #d8aa5519 inset
}
.format-hint{margin-left:auto;color:#5f7084;font-size:8px;white-space:nowrap}
#messageInput{transition:font-size .15s,color .15s}

/* Observatorio: legibilidad real */
.phenomena-observatory-head{min-height:132px;padding:24px 30px 20px}
.phenomena-observatory-title small{font-size:10px}
.phenomena-observatory-title h2{font-size:35px;line-height:1.08;margin:7px 0 9px}
.phenomena-observatory-title p{font-size:14px;line-height:1.6;max-width:930px;color:#a2b0bf}
.phenomena-back{padding:11px 16px;font-size:10px}

.phenomena-tabbar{gap:11px;padding:14px 18px}
.phenomena-tab{grid-template-columns:44px 1fr;column-gap:11px;padding:12px 14px;border-radius:16px;background:#ffffff04}
.phenomena-tab>span{width:42px;height:42px;font-size:16px}
.phenomena-tab b{font-size:17px}
.phenomena-tab small{font-size:10px;margin-top:2px}

.phenomena-observatory-body{padding:18px}
.phenomena-pane{padding:23px;border-radius:24px}
.phenomena-pane-intro{padding-bottom:18px;margin-bottom:18px}
.phenomena-pane-intro small{font-size:10px}
.phenomena-pane-intro h3{font-size:31px;margin:6px 0 8px}
.phenomena-pane-intro p{font-size:14px;line-height:1.6;max-width:920px;color:#9baabc}
.privacy-pill{padding:9px 12px;font-size:9px}

.climate-grid-observatory{gap:14px}
.climate-grid-observatory .climate-world{min-height:118px;padding:15px;grid-template-columns:48px 1fr auto;gap:12px;background:#ffffff04}
.climate-grid-observatory .climate-icon{width:46px;height:46px;font-size:20px}
.climate-grid-observatory .climate-world strong{font-size:17px}
.climate-grid-observatory .climate-world small{font-size:10px;margin-top:3px}
.climate-grid-observatory .climate-world p{font-size:10px;line-height:1.45;margin-top:5px;color:#8fa0b3}
.climate-grid-observatory .climate-world>b{font-size:9px}

.capsule-form-observatory,.capsule-archive{padding:18px;background:#ffffff04}
.capsule-form textarea{height:100px;font-size:14px;line-height:1.5;padding:13px}
.capsule-form label{font-size:10px}
.capsule-form input,.capsule-form select{font-size:13px;padding:10px}
.capsule-archive-head strong{font-size:19px}
.capsule-archive-head span{font-size:10px}
.capsule-item{padding:13px;background:#ffffff04}
.capsule-item-head small{font-size:9px}
.capsule-item-head strong{font-size:16px}
.capsule-item p{font-size:13px;line-height:1.55}
.capsule-item-meta{font-size:9px}
.capsule-delete{font-size:9px}

.spontaneous-observatory-copy h4{font-size:31px}
.spontaneous-observatory-copy>p{font-size:14px;line-height:1.65;max-width:720px;color:#9cabbc}
.spontaneous-status strong{font-size:27px}
.spontaneous-status span{font-size:11px}
.spontaneous-group-card{padding:14px;background:#7956c50b}
.spontaneous-group-card small{font-size:9px}
.spontaneous-group-card strong{font-size:18px}
.spontaneous-group-card p{font-size:11px}
.spontaneous-group-card span{font-size:10px}

.echo-timeline{gap:10px}
.echo-item{grid-template-columns:46px 1fr;gap:12px;padding:13px;background:#ffffff04}
.echo-item>span{width:44px;height:44px;font-size:18px}
.echo-item small{font-size:9px}
.echo-item p{font-size:13px;line-height:1.55;margin:5px 0}
.echo-item em{font-size:9px}
.phenomena-empty{font-size:12px;padding:16px 5px}

@media(max-width:720px){
  .chat-formatbar{gap:6px}.format-hint{display:none}
  .phenomena-observatory-title h2{font-size:27px}
  .phenomena-tab b{font-size:14px}.phenomena-tab small{font-size:9px}
  .phenomena-pane-intro h3{font-size:24px}.phenomena-pane-intro p{font-size:12px}
}


/* ==========================================================
   AURELIS COSMOS · v0.6.3 · ENTREGA REAL DE CÁPSULAS PRIVADAS
   ========================================================== */
.capsule-private-inbox{
  margin:0 0 16px;border:1px solid #d8b16424;border-radius:20px;padding:16px;
  background:linear-gradient(145deg,#d7aa5108,#7045ab08),#06101a;
  box-shadow:0 14px 40px #0003
}
.capsule-private-inbox-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #ffffff0d;padding-bottom:12px;margin-bottom:11px}
.capsule-private-inbox-head small{display:block;font-size:9px;letter-spacing:.16em;color:#a98e62}
.capsule-private-inbox-head strong{display:block;font:20px Georgia,serif;color:#efd29c;margin-top:3px}
.capsule-private-inbox-head p{font-size:11px;color:#8292a5;margin:5px 0 0}
.capsule-private-inbox-head>span{border:1px solid #d7ae6330;border-radius:999px;padding:7px 10px;color:#c7ae7f;font-size:9px;white-space:nowrap}
.private-capsule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.private-capsule-card{border:1px solid #ffffff10;border-radius:16px;padding:13px;background:#ffffff035;box-shadow:0 10px 28px #0002}
.private-capsule-card.unseen{border-color:#e3b96a56;background:linear-gradient(145deg,#e0b45e0d,#8158c20b);box-shadow:0 0 28px #ddb15c16}
.private-capsule-head{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}
.private-capsule-head>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#f4d59b;border:1px solid #e2b96850;background:radial-gradient(circle,#f0d4a2,#9b71372b 30%,#101827 72%);box-shadow:0 0 18px #ddb15c45}
.private-capsule-head small{display:block;font-size:8px;letter-spacing:.10em;color:#8e9caf}
.private-capsule-head strong{display:block;font:15px Georgia,serif;color:#ebcb91;margin-top:2px}
.private-capsule-card p{margin:11px 0 8px;color:#d8e0e8;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.private-capsule-meta{font-size:9px;color:#6f8094}
.phenomena-nav.capsule-alert{box-shadow:0 0 28px #e0b25e32,inset 0 0 0 1px #ddb15c42;animation:capsuleNavPulse 2s ease-in-out infinite}
@keyframes capsuleNavPulse{50%{box-shadow:0 0 40px #e0b25e52,inset 0 0 0 1px #ddb15c65}}
@media(max-width:900px){.private-capsule-list{grid-template-columns:1fr}}
@media(max-width:720px){.capsule-private-inbox-head{display:block}.capsule-private-inbox-head>span{display:inline-block;margin-top:8px}}


/* ==========================================================
   AURELIS COSMOS · v0.7.0 · IDENTIDAD VIVA
   ========================================================== */
.identity-nav{position:relative}
.identity-view{overflow:auto;background:radial-gradient(circle at 20% 5%,#633d8e1c,transparent 28%),linear-gradient(150deg,#050a12ef,#02060def)}
.identity-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:24px 28px;border-bottom:1px solid #ffffff0d}
.identity-head small,.identity-section-head small{font-size:8px;letter-spacing:.21em;color:#c4a66e}
.identity-head h2{font:31px Georgia,serif;color:#f0d3a0;margin:5px 0 6px}.identity-head p{max-width:760px;color:#8494a7;font-size:10px;line-height:1.55;margin:0}
.identity-layout{display:grid;grid-template-columns:1.25fr 1fr .82fr;grid-template-areas:'hero hero settings' 'objects journal settings';gap:14px;padding:18px;min-height:calc(100% - 115px)}
.identity-hero-card,.identity-objects-card,.identity-journal-card,.identity-settings-card{border:1px solid #ffffff0f;border-radius:23px;background:linear-gradient(155deg,#0a1520dd,#050a12eb);box-shadow:0 18px 50px #0005}
.identity-hero-card{grid-area:hero;display:grid;grid-template-columns:minmax(330px,.9fr) 1fr;align-items:center;min-height:310px;overflow:hidden}
.identity-objects-card{grid-area:objects;padding:17px}.identity-journal-card{grid-area:journal;padding:17px}.identity-settings-card{grid-area:settings;padding:17px}
.living-star-scene{--identity-color:#e8bd72;position:relative;height:100%;min-height:310px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--identity-color) 22%,transparent),transparent 34%)}
.living-star-scene:before{content:'';position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#fff .65px,transparent .8px);background-size:24px 24px}
.identity-main-star{position:relative;z-index:5;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:40px;color:#fff1cb;background:radial-gradient(circle at 35% 30%,#fff8df 0,var(--identity-color) 13%,#352a51 42%,#07101d 72%);border:1px solid color-mix(in srgb,var(--identity-color) 55%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--identity-color) 55%,transparent),0 0 95px color-mix(in srgb,var(--identity-color) 25%,transparent);animation:identityPulse 4.8s ease-in-out infinite}
@keyframes identityPulse{50%{transform:scale(1.045);filter:brightness(1.14)}}
.identity-orbit-ring{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--identity-color) 28%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.ring-a{width:300px;height:92px;animation:idOrbit 22s linear infinite}.ring-b{width:420px;height:140px;animation:idOrbit 34s linear infinite reverse}@keyframes idOrbit{to{transform:translate(-50%,-50%) rotate(348deg)}}
.identity-orbit-nodes{position:absolute;inset:0}.identity-satellite{position:absolute;z-index:6;display:grid;place-items:center;gap:4px;transform:translate(-50%,-50%);text-align:center}.identity-satellite i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#f0d29b;border:1px solid #d8af6744;background:#0b1421;box-shadow:0 0 18px #d6a95b25}.identity-satellite span{max-width:95px;color:#8797a9;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sat-0{left:17%;top:30%}.sat-1{left:78%;top:22%}.sat-2{left:87%;top:57%}.sat-3{left:69%;top:80%}.sat-4{left:30%;top:80%}.sat-5{left:10%;top:62%}.sat-6{left:50%;top:10%}
.identity-hero-copy{padding:26px}.identity-hero-copy>small{font-size:8px;letter-spacing:.22em;color:#b99b69}.identity-hero-copy h3{font:35px Georgia,serif;color:#f2d6a3;margin:5px 0}.identity-hero-copy>strong{display:inline-block;color:#8bdcb8;border:1px solid #69cba633;border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:.08em}.identity-hero-copy>p{color:#8798aa;font-size:11px}.identity-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.identity-stats span{border:1px solid #ffffff0e;border-radius:13px;background:#ffffff03;padding:10px;color:#77889a;font-size:7px;text-align:center}.identity-stats b{display:block;font:22px Georgia,serif;color:#e4c58f;margin-bottom:2px}
.identity-section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid #ffffff0d;padding-bottom:10px;margin-bottom:10px}.identity-section-head h3{font:19px Georgia,serif;color:#e9cc97;margin:3px 0 0}.identity-section-head>span{font-size:7px;color:#68798d;border:1px solid #ffffff0d;border-radius:999px;padding:5px 7px}
.identity-objects{display:grid;gap:8px}.identity-object{display:grid;grid-template-columns:39px 1fr;gap:9px;align-items:center;border:1px solid #ffffff0d;border-radius:14px;padding:9px;background:#ffffff025}.identity-object>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#e8c98e;background:#d7ab5810;border:1px solid #d7ab5830}.identity-object strong{display:block;color:#d9c29a;font:13px Georgia,serif}.identity-object small{display:block;color:#75869a;font-size:8px;margin-top:2px;line-height:1.35}.identity-empty{color:#64758a;font-size:9px;padding:12px 2px}
.identity-journal{display:grid;gap:7px;max-height:360px;overflow:auto}.identity-journal-item{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:start;border-left:1px solid #d9af5b26;padding:7px 8px}.identity-journal-item>b{color:#daba7d}.identity-journal-item p{margin:0;color:#aeb9c5;font-size:9px;line-height:1.4}.identity-journal-item small{color:#5f7083;font-size:7px}
.identity-settings-card label{display:block;color:#a99470;font-size:9px;font-weight:800;margin:10px 0}.identity-settings-card select{width:100%;margin-top:5px;border:1px solid #ffffff15;border-radius:10px;background:#030812;color:#fff;padding:9px}.identity-switches{border:1px solid #ffffff0d;border-radius:14px;padding:9px;margin:12px 0}.identity-switches label{display:flex;gap:8px;align-items:center;color:#8f9eae;font-weight:500;margin:7px 0}.identity-switches input{accent-color:#d9b261}
.profile-living-signature{--identity-color:#e8bd72;position:relative;width:92px;height:92px;display:grid;place-items:center;margin-bottom:12px}.profile-living-signature .profile-star{margin:0;position:relative;z-index:2;box-shadow:0 0 42px color-mix(in srgb,var(--identity-color) 45%,transparent)}.profile-orbit-mini{position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--identity-color) 42%,transparent);border-radius:50%;transform:scaleY(.35) rotate(-16deg);animation:idMiniOrbit 8s linear infinite}@keyframes idMiniOrbit{to{transform:scaleY(.35) rotate(344deg)}}
.profile-identity{border-top:1px solid #ffffff0d;margin-top:15px;padding-top:13px}.profile-identity-top{display:flex;justify-content:space-between;gap:8px}.profile-identity-top strong{color:#e0c38e;font:15px Georgia,serif}.profile-identity-top span{color:#748598;font-size:8px}.profile-crossings{margin-top:9px;border:1px solid #8b75d62d;border-radius:12px;background:#7255bb0b;color:#a999d0;padding:8px;font-size:9px}.profile-identity-objects{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.profile-identity-objects .identity-object{display:flex;padding:6px 8px}.profile-identity-objects .identity-object>b{width:25px;height:25px}.profile-identity-objects .identity-object small{display:none}.profile-identity-objects .identity-object strong{font-size:10px}.identity-editor-mini{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff0d}.identity-editor-mini>strong{font-size:8px;letter-spacing:.17em;color:#c1a46e}.identity-editor-mini select{width:100%;margin-top:5px;border:1px solid #ffffff18;border-radius:11px;background:#030812;color:#fff;padding:10px}
@media(max-width:1050px){.identity-layout{grid-template-columns:1fr 1fr;grid-template-areas:'hero hero' 'objects journal' 'settings settings'}.identity-settings-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.identity-settings-card .identity-section-head,.identity-settings-card #identitySave{grid-column:1/-1}}
@media(max-width:720px){.identity-head{display:block;padding:18px}.identity-head h2{font-size:25px}.identity-layout{display:block;padding:12px}.identity-hero-card{display:block;margin-bottom:12px}.living-star-scene{min-height:270px}.identity-hero-copy{padding:18px}.identity-stats{grid-template-columns:1fr 1fr}.identity-objects-card,.identity-journal-card,.identity-settings-card{margin-bottom:12px;display:block}.identity-settings-card #identitySave{width:100%}}

/* v0.7.4 · nick canónico */
.join-note{display:block;margin:8px 0 12px;color:#7d8da0;font-size:9px;line-height:1.5}

/* ==========================================================
   AURELIS COSMOS · v0.8.0 · PORTALES VIVOS
   ========================================================== */
.cosmos-tool{
  padding:8px 11px;border:1px solid #ffffff14;border-radius:999px;
  background:#ffffff04;color:#c9d2dc;font:12px inherit;cursor:pointer;
  transition:.2s
}
.cosmos-tool:hover,.cosmos-tool.active{border-color:#e7be7155;color:#f4d59d;background:#d8ad560b;box-shadow:0 0 24px #d9ae5a12}

.ambient-panel{
  position:fixed;z-index:48;right:18px;top:86px;width:300px;padding:15px;
  border-radius:19px;background:linear-gradient(150deg,#07111ced,#040810f2);
  box-shadow:0 24px 80px #000a,0 0 42px #6f8ed61a
}
.ambient-panel[hidden],.portal-nexus[hidden],.contemplation-exit[hidden]{display:none!important}
.ambient-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;border-bottom:1px solid #ffffff0d}
.ambient-panel-head small,.portal-nexus header small{display:block;font-size:7px;letter-spacing:.18em;color:#8b99ac}
.ambient-panel-head strong,.portal-nexus header strong{display:block;margin-top:3px;font:17px Georgia,serif;color:#efd09a}
.ambient-panel-head button,.portal-nexus header button{width:30px;height:30px;border-radius:50%;border:1px solid #ffffff12;background:#ffffff04;color:#a9b7c6;cursor:pointer}
.ambient-volume{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin:13px 0 10px;color:#8191a4;font-size:8px}
.ambient-volume input{width:100%;accent-color:#dcb46d}.ambient-volume b{color:#d9bd88;font-size:8px;min-width:34px;text-align:right}
.ambient-mute{width:100%;border:1px solid #d7b06432;border-radius:11px;background:#d2a34a09;color:#d9bf8d;padding:9px;font-size:7px;letter-spacing:.12em;font-weight:800;cursor:pointer}
.ambient-mute.muted{border-color:#ffffff10;color:#6f7e90;background:#ffffff03}
.ambient-panel p{margin:10px 0 0;color:#647589;font-size:7px;line-height:1.45}

.portal-nexus{
  position:fixed;z-index:49;right:18px;top:86px;width:min(390px,calc(100vw - 36px));max-height:66vh;
  padding:15px;border-radius:22px;background:linear-gradient(150deg,#0a1421f2,#04070ef6);
  box-shadow:0 28px 90px #000c,0 0 52px #7f64d621;overflow:auto
}
.portal-nexus header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #ffffff0d}
.portal-nexus>p{color:#687a8f;font-size:8px;line-height:1.5;margin:10px 0 12px}
.portal-nexus-list{display:grid;gap:8px}
.portal-nexus-empty{padding:18px 12px;border:1px dashed #ffffff12;border-radius:15px;text-align:center;color:#607184;font-size:8px}
.portal-item{display:grid;grid-template-columns:43px 1fr auto;gap:9px;align-items:center;border:1px solid #ffffff0e;border-radius:15px;background:#ffffff04;padding:9px;text-align:left}
.portal-item>span{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;color:#efd09b;border:1px solid #d8af6740;background:radial-gradient(circle,#f0d29b22,#7a5ab022 40%,#07101a 72%);box-shadow:0 0 24px #9b78dd2a;animation:livingPortalPulse 2.4s ease-in-out infinite}
.portal-item strong{display:block;color:#e7cca0;font:13px Georgia,serif}.portal-item small{display:block;color:#718297;font-size:7px;margin-top:3px}
.portal-item button{border:1px solid #d8b16435;border-radius:9px;background:#d1a54f09;color:#d9be8b;padding:8px 9px;font-size:6px;font-weight:900;cursor:pointer}
@keyframes livingPortalPulse{50%{transform:scale(1.07);box-shadow:0 0 34px #a77dec45}}

.portal-transit{
  --portal-accent:#e9bd6d;position:fixed;z-index:118;inset:0;display:grid;place-items:center;
  pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--portal-accent) 13%,transparent),transparent 25%),#01030ad9;
  backdrop-filter:blur(5px)
}
.portal-transit.active{opacity:1;visibility:visible}
.portal-transit:before,.portal-transit:after{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at center,transparent 0 28px,#ffffff08 29px 30px,transparent 31px 58px);animation:portalTunnel 1.35s ease-in-out infinite}
.portal-transit:after{animation-direction:reverse;animation-duration:1.75s;opacity:.42;transform:rotate(18deg)}
.portal-transit-core{position:relative;width:230px;height:230px;display:grid;place-items:center}
.portal-transit-core i{position:absolute;inset:18px;border-radius:50%;border:1px solid color-mix(in srgb,var(--portal-accent) 62%,white);box-shadow:0 0 38px color-mix(in srgb,var(--portal-accent) 34%,transparent),inset 0 0 35px #ffffff0a;animation:portalRing 1.1s linear infinite}
.portal-transit-core i:nth-child(2){inset:42px;animation-direction:reverse;animation-duration:.82s;border-style:dashed}.portal-transit-core i:nth-child(3){inset:67px;animation-duration:1.42s;opacity:.7}
.portal-transit-core b{font-size:34px;color:#fff4d7;text-shadow:0 0 35px var(--portal-accent);animation:portalStar 1s ease-in-out infinite}
.portal-transit-copy{position:absolute;top:calc(50% + 145px);text-align:center}.portal-transit-copy small{display:block;color:#7d8ea2;font-size:7px;letter-spacing:.25em}.portal-transit-copy strong{display:block;color:#f1d29c;font:24px Georgia,serif;margin-top:5px}.portal-transit-copy span{display:block;color:#77889a;font-size:7px;margin-top:5px}
@keyframes portalRing{to{transform:rotate(360deg) scale(1.06)}}
@keyframes portalTunnel{0%{transform:scale(.8);opacity:.18}50%{opacity:.55}100%{transform:scale(1.12);opacity:.08}}
@keyframes portalStar{50%{transform:scale(1.18);filter:brightness(1.35)}}

.contemplation-exit{
  position:fixed;z-index:132;left:50%;bottom:22px;transform:translateX(-50%);
  border:1px solid #d6af6638;border-radius:999px;background:#030812b8;color:#cfb989;
  padding:9px 14px;font-size:7px;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(12px)
}
body.contemplation-mode .cosmos-top,
body.contemplation-mode .cosmos-nav,
body.contemplation-mode .galaxy-title,
body.contemplation-mode .planet-labels,
body.contemplation-mode .presence-panel,
body.contemplation-mode .chat-panel,
body.contemplation-mode .social-stage,
body.contemplation-mode .event-portal-banner,
body.contemplation-mode .ambient-panel,
body.contemplation-mode .portal-nexus{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
body.contemplation-mode .contemplation-exit{display:block!important}
body.contemplation-mode #cosmosCanvas{filter:saturate(1.14) contrast(1.03)}

@media(max-width:1100px){.top-actions .contemplation-toggle{display:none}}
@media(max-width:900px){.top-actions #openPortalNexus{display:none}}
@media(max-width:720px){
  .top-actions #ambientToggle{display:none}
  .ambient-panel,.portal-nexus{right:12px;left:12px;top:76px;width:auto}
  .portal-transit-core{width:190px;height:190px}.portal-transit-copy{top:calc(50% + 120px)}
}


/* ==========================================================
   AURELIS COSMOS · v0.8.1 · PIE LEGAL JMC CONNECT
   ========================================================== */
.coming-foot-jmc{
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid #e4bd7040;
  color:#c9b483;
  font-size:11px;
  line-height:1.65;
  letter-spacing:.055em;
  text-align:center;
}
.coming-foot-jmc .coming-foot-product{
  color:#e8c98d;
  font-size:13px;
  font-weight:800;
  letter-spacing:.11em;
  text-shadow:0 0 20px #d6ab5e24;
}
.coming-foot-jmc .coming-foot-web{
  margin-top:5px;
  color:#b9aa8b;
  font-size:11px;
}
.coming-foot-jmc .coming-foot-web a{
  color:#dfc083;
  text-decoration:none;
  border-bottom:1px solid #d4ad6140;
}
.coming-foot-jmc .coming-foot-web a:hover{color:#f5dba8;border-bottom-color:#f0cb7b}
.coming-foot-jmc .coming-foot-web strong{
  color:#e6c67f;
  font-weight:700;
}
.coming-foot-jmc .coming-foot-rights{
  margin-top:7px;
  color:#9e927d;
  font-size:10px;
}
.coming-foot-jmc .coming-foot-license{
  max-width:680px;
  margin:4px auto 0;
  color:#827a6d;
  font-size:9px;
  line-height:1.6;
  letter-spacing:.035em;
}
@media(max-width:720px){
  .coming-foot-jmc{font-size:10px;padding-top:14px;margin-top:24px}
  .coming-foot-jmc .coming-foot-product{font-size:11px}
  .coming-foot-jmc .coming-foot-web{font-size:10px}
  .coming-foot-jmc .coming-foot-rights{font-size:9px}
  .coming-foot-jmc .coming-foot-license{font-size:8px}
}