:root{
  --bg:#050711;--bg2:#080b17;--surface:#0c1120;--surface2:#11182a;--surface3:#161f34;
  --text:#f7f9ff;--muted:#99a5c1;--soft:#71809e;--line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.18);--p:#8b7dff;--p2:#52d9ff;--g:#63ff9c;--g2:#26d9ff;
  --youtube:#ff3d45;--twitch:#a970ff;--hot:#ff5d82;--max:1280px;--r:28px;
  --ease:cubic-bezier(.2,.8,.2,1);--shadow:0 30px 90px rgba(0,0,0,.33);
  --worldA:var(--p);--worldB:var(--p2);
}
html[data-world="gaming"]{--worldA:var(--g);--worldB:var(--g2)}
html[data-world="personal"]{--worldA:var(--p);--worldB:var(--p2)}
html[data-theme="light"]{
  --bg:#eef2f9;--bg2:#f8faff;--surface:#ffffff;--surface2:#f5f7fc;--surface3:#eef2f9;
  --text:#111525;--muted:#59657d;--soft:#768198;--line:rgba(18,24,42,.10);--line2:rgba(18,24,42,.18);
  --shadow:0 28px 70px rgba(44,56,84,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{
  margin:0;min-height:100vh;color:var(--text);
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--worldA) 16%,transparent),transparent 34rem),
    radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--worldB) 10%,transparent),transparent 34rem),
    linear-gradient(180deg,var(--bg2),var(--bg) 62%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;transition:background-color .35s,color .35s;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 68%);z-index:-1;
}
button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}
img{max-width:100%}.shell{width:min(calc(100% - 28px),var(--max));margin:auto;padding:18px 0 76px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:.03em}.brand img{width:30px;height:30px;object-fit:contain}
.actions{display:flex;gap:8px}.icon-btn{
  width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:var(--surface);
  display:grid;place-items:center;cursor:pointer;transition:.2s var(--ease)
}.icon-btn:hover{transform:translateY(-2px);border-color:var(--line2);background:var(--surface2)}
.icon{width:21px;height:21px;display:block;fill:currentColor}.icon.stroke{fill:none;stroke:currentColor;stroke-width:1.8}

.hero{position:relative;min-height:650px;border:1px solid var(--line);border-radius:38px;overflow:hidden;background:
  linear-gradient(135deg,color-mix(in srgb,var(--worldA) 8%,transparent),transparent 48%),
  linear-gradient(315deg,color-mix(in srgb,var(--worldB) 7%,transparent),transparent 48%),var(--surface);
  box-shadow:var(--shadow);isolation:isolate;transition:background .5s var(--ease)
}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%),
  linear-gradient(transparent 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%);background-size:110px 110px;opacity:.3}
.hero-grid{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;padding:64px}
.kicker{display:flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:950}
.kicker::before{content:"";width:38px;height:2px;background:linear-gradient(90deg,var(--worldA),var(--worldB));border-radius:999px}
h1{font-size:clamp(4.3rem,10vw,9rem);line-height:.82;letter-spacing:-.08em;margin:22px 0 20px}
.hero-copy{max-width:610px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.65}
.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.chip{border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:9px 12px;color:var(--muted);font-size:.77rem;font-weight:850}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{
  border:1px solid var(--line);background:var(--surface2);border-radius:16px;padding:13px 17px;font-weight:900;cursor:pointer;
  transition:transform .2s var(--ease),border-color .2s,background .2s
}.btn:hover{transform:translateY(-3px);border-color:var(--line2)}.btn.primary{border:0;background:linear-gradient(135deg,var(--worldA),var(--worldB));color:#07101b}

.world-stage{position:relative;min-height:480px;display:grid;place-items:center;perspective:900px;touch-action:pan-y}
.world-ring,.world-ring2{position:absolute;border-radius:50%;border:1px solid var(--line);pointer-events:none;transition:transform .75s var(--ease),opacity .45s}
.world-ring{width:410px;height:410px}.world-ring2{width:310px;height:310px;opacity:.55}
.world-core{
  position:absolute;z-index:6;width:98px;height:98px;border-radius:32px;background:var(--surface2);border:1px solid var(--line2);
  display:grid;place-items:center;box-shadow:0 24px 55px rgba(0,0,0,.28);cursor:pointer;transition:.42s var(--ease)
}.world-core img{width:64px;height:64px;object-fit:contain}.world-core:hover{transform:scale(1.06) rotate(4deg);border-color:color-mix(in srgb,var(--worldA) 50%,var(--line2))}
.identity{
  position:absolute;width:215px;height:285px;border-radius:46px;overflow:hidden;border:1px solid var(--line2);background:var(--surface2);
  box-shadow:0 30px 75px rgba(0,0,0,.34);transition:transform .7s var(--ease),opacity .45s,filter .45s;will-change:transform
}.identity img{position:absolute;left:-6%;top:-6%;width:112%;height:112%;max-width:none;object-fit:cover;object-position:center;display:block}.identity::after{
  content:attr(data-label);position:absolute;left:15px;bottom:15px;padding:8px 11px;border-radius:999px;
  background:rgba(5,7,14,.76);color:white;border:1px solid rgba(255,255,255,.13);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:950
}.identity.personal{transform:translate(-118px,-48px) rotate(-7deg)}.identity.gaming{transform:translate(122px,56px) rotate(8deg)}
html[data-world="personal"] .identity.personal{transform:translate(-18px,0) rotate(-1deg) scale(1.13);z-index:4}
html[data-world="personal"] .identity.gaming{transform:translate(190px,75px) rotate(10deg) scale(.82);opacity:.38;filter:saturate(.5)}
html[data-world="gaming"] .identity.gaming{transform:translate(18px,0) rotate(1deg) scale(1.13);z-index:4}
html[data-world="gaming"] .identity.personal{transform:translate(-190px,-75px) rotate(-10deg) scale(.82);opacity:.38;filter:saturate(.5)}
.platform-node{
  position:absolute;z-index:5;width:46px;height:46px;border-radius:16px;background:var(--surface2);border:1px solid var(--line);
  display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:.55s var(--ease)
}.platform-node svg{width:22px;height:22px}.platform-node.youtube{color:var(--youtube);transform:translate(0,-205px)}
.platform-node.instagram{transform:translate(205px,0)}.platform-node.twitch{color:var(--twitch);transform:translate(-150px,175px)}
.platform-node.instagram svg{color:#ff5d9e}
html[data-world="personal"] .platform-node.twitch{opacity:.2;transform:translate(-105px,185px) scale(.75)}
html[data-world="gaming"] .platform-node.instagram{transform:translate(200px,-80px)}
.stage-hint{position:absolute;z-index:7;bottom:4px;left:50%;right:auto;transform:translateX(-50%);color:var(--soft);font-size:.68rem;text-align:center;white-space:nowrap;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(8px)}

.metrics{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:12px;margin:18px 0}
.metric{min-height:138px;border:1px solid var(--line);border-radius:25px;background:var(--surface);padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.metric.main{background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 12%,transparent),transparent 60%),var(--surface)}
.metric::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;bottom:-55px;border:1px solid var(--line);box-shadow:0 0 0 25px rgba(255,255,255,.012),0 0 0 50px rgba(255,255,255,.008)}
.metric-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:950}.metric-value{font-size:clamp(2rem,4vw,3.5rem);font-weight:950;letter-spacing:-.055em}
.metric-note{font-size:.75rem;color:var(--soft)}.skeleton{display:inline-block;width:88px;height:1em;border-radius:10px;background:linear-gradient(90deg,var(--surface3),color-mix(in srgb,var(--worldA) 17%,var(--surface3)),var(--surface3));background-size:240% 100%;animation:shimmer 1.4s ease-in-out infinite}
@keyframes shimmer{to{background-position:-240% 0}}

.world-nav{
  position:sticky;top:10px;z-index:30;max-width:720px;margin:18px auto 0;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;
  border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 18px 44px rgba(0,0,0,.2);backdrop-filter:blur(10px)
}.world-nav button{border:0;background:transparent;border-radius:14px;padding:12px 10px;color:var(--muted);font-weight:900;cursor:pointer;transition:.25s}.world-nav button.active{color:var(--text);background:var(--surface2)}

.section{margin-top:60px;content-visibility:auto;contain-intrinsic-size:680px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 4px 18px}
.index{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);font-weight:950}.section h2{font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.06em;margin:5px 0 0}.section-tag{max-width:360px;color:var(--soft);font-size:.84rem;text-align:right;line-height:1.5}

.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.reason{
  border:1px solid var(--line);border-radius:25px;padding:22px;background:var(--surface);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start
}.reason-icon{width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--worldA) 10%,var(--surface2));display:grid;place-items:center}.reason h3{margin:2px 0 5px}.reason p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.55}

.deck{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.social{
  grid-column:span 4;min-height:290px;border:1px solid var(--line);border-radius:29px;background:var(--surface);padding:20px;position:relative;overflow:hidden;
  transition:transform .22s var(--ease),border-color .22s,background .22s;isolation:isolate
}.social:hover{transform:translateY(-6px);border-color:var(--line2);background:var(--surface2)}.social.wide{grid-column:span 6}
.social::after{content:"";position:absolute;right:-80px;bottom:-95px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent),transparent 68%);z-index:-1}
.social.youtube{--accent:var(--youtube)}.social.instagram{--accent:#f04d9a}.social.twitch{--accent:var(--twitch)}
.social-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.avatar{width:62px;height:62px;border-radius:20px;object-fit:cover;background:var(--surface3);border:1px solid var(--line)}
.platform-logo{width:43px;height:43px;border-radius:15px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}.platform-logo svg{width:23px;height:23px}
.social h3{margin:22px 0 3px;font-size:1.22rem}.handle{font-size:.84rem;color:var(--muted)}
.count{position:absolute;left:20px;bottom:20px;font-size:2.05rem;font-weight:950;letter-spacing:-.05em}.count small{display:block;color:var(--soft);font-size:.68rem;letter-spacing:.02em;font-weight:750;margin-top:3px}
.card-action{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center}.card-action svg{width:18px;height:18px}

.live{
  margin-top:12px;border:1px solid var(--line);border-radius:29px;background:linear-gradient(135deg,color-mix(in srgb,var(--twitch) 10%,transparent),transparent 55%),var(--surface);
  min-height:164px;padding:25px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;overflow:hidden;position:relative
}.live.is-live{border-color:rgba(255,93,130,.48);background:linear-gradient(135deg,rgba(255,93,130,.13),rgba(169,112,255,.10)),var(--surface);box-shadow:0 20px 70px rgba(255,93,130,.08)}
.live-k{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:950;color:var(--twitch)}.live.is-live .live-k{color:var(--hot)}
.live h3{font-size:1.5rem;margin:7px 0 5px}.live p{margin:0;color:var(--muted);line-height:1.5}

.fresh{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.fresh:empty{display:none}.fresh-card{grid-column:span 4;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--surface);transition:.22s var(--ease)}
.fresh-card:hover{transform:translateY(-5px);border-color:var(--line2)}.fresh-media{aspect-ratio:16/10;background:var(--surface2);overflow:hidden;position:relative}.fresh-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--ease)}.fresh-card:hover img{transform:scale(1.035)}
.fresh-badge{position:absolute;left:12px;top:12px;padding:7px 9px;border-radius:999px;background:rgba(5,7,14,.78);color:white;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.fresh-copy{padding:16px}.fresh-meta{color:var(--soft);font-size:.72rem}.fresh-title{font-weight:900;line-height:1.35;margin-top:7px}

.utility-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.utility{
  border:1px solid var(--line);border-radius:28px;background:var(--surface);padding:24px
}.utility h3{font-size:1.35rem;margin:5px 0 7px}.utility p{margin:0 0 18px;color:var(--muted);line-height:1.55}.utility-actions{display:flex;flex-wrap:wrap;gap:8px}
.email-list{display:grid;gap:9px}.email-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px 14px;border-radius:16px;background:var(--surface2);border:1px solid var(--line)}
.email-copy{font-weight:850;overflow-wrap:anywhere}.copy-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surface3);cursor:pointer;display:grid;place-items:center}

.floating-live{position:fixed;right:18px;bottom:18px;left:auto;transform:translateY(calc(100% + 36px));z-index:60;width:min(390px,calc(100% - 36px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border-radius:22px;background:color-mix(in srgb,#130e1e 94%,transparent);color:white;border:1px solid rgba(169,112,255,.26);box-shadow:0 22px 70px rgba(0,0,0,.42);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:transform .42s var(--ease),opacity .3s var(--ease)}
.floating-live.show{transform:none;opacity:1;pointer-events:auto}.live-dot{width:10px;height:10px;margin-left:4px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 5px rgba(255,93,130,.10);animation:liveSoftPulse 2.4s ease-in-out infinite}@keyframes liveSoftPulse{50%{box-shadow:0 0 0 8px rgba(255,93,130,.035)}}
.floating-live-copy{min-width:0;display:flex;flex-direction:column;line-height:1.08}.floating-live-kicker{font-size:.56rem!important;color:#b9aec9!important;letter-spacing:.13em;text-transform:uppercase;font-weight:950;margin-bottom:3px}.floating-live strong{font-size:.9rem;white-space:nowrap}.floating-live-copy>span:last-child:not(.floating-live-kicker){font-size:.68rem;color:#b9aec9;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-live a{padding:10px 12px;border-radius:14px;background:white;color:#0b0d16;font-size:.74rem;font-weight:950;white-space:nowrap}

.quick-launch{position:fixed;inset:0;z-index:100;background:rgba(3,5,11,.72);display:none;place-items:start center;padding-top:min(12vh,110px);backdrop-filter:blur(10px)}.quick-launch.open{display:grid}
.launch-box{width:min(calc(100% - 24px),620px);border:1px solid var(--line2);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.launch-head{display:flex;gap:10px;padding:12px;border-bottom:1px solid var(--line)}
.launch-head input{flex:1;border:0;background:transparent;color:var(--text);font:inherit;font-size:1.05rem;outline:0}.launch-list{padding:8px;max-height:55vh;overflow:auto}.launch-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:15px;background:transparent;color:inherit;text-align:left;cursor:pointer}.launch-item:hover,.launch-item.active{background:var(--surface2)}.launch-item .platform-logo{width:38px;height:38px;border-radius:12px}.launch-copy strong{display:block}.launch-copy span{display:block;color:var(--soft);font-size:.75rem;margin-top:2px}.launch-empty{padding:18px 14px;color:var(--soft);font-size:.8rem;text-align:center}

.share-sheet{position:fixed;inset:0;z-index:110;background:rgba(3,5,11,.72);display:none;place-items:end center;padding:18px}.share-sheet.open{display:grid}.sheet{width:min(100%,560px);border:1px solid var(--line2);border-radius:28px;background:var(--surface);padding:24px;box-shadow:var(--shadow)}
.sheet-h{display:flex;justify-content:space-between;gap:12px;align-items:center}.sheet h3{margin:0}.sheet p{color:var(--muted);line-height:1.5}.share-url{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.share-url code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center;color:var(--muted)}

footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--soft);font-size:.74rem;margin-top:60px;padding:0 4px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s var(--ease)}.reveal.in{opacity:1;transform:none}.hidden{display:none!important}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;z-index:120;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:999px;font-size:.78rem;font-weight:900;pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:18px;padding:46px}.hero,.hero-grid{min-height:auto}.world-stage{min-height:450px}
  .metrics{grid-template-columns:1fr 1fr}.metric.main{grid-column:span 2}.social{grid-column:span 6}.fresh-card{grid-column:span 6}.utility-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .shell{width:min(calc(100% - 18px),var(--max));padding-top:10px}.hero{border-radius:28px}.hero-grid{padding:26px 20px}.world-stage{min-height:360px}
  h1{font-size:clamp(4.3rem,23vw,7rem)}.identity{width:148px;height:200px;border-radius:32px}.identity.personal{transform:translate(-76px,-34px) rotate(-7deg)}.identity.gaming{transform:translate(80px,40px) rotate(8deg)}
  html[data-world="personal"] .identity.personal{transform:translate(-5px,0) scale(1.13)}html[data-world="personal"] .identity.gaming{transform:translate(130px,55px) rotate(10deg) scale(.78)}
  html[data-world="gaming"] .identity.gaming{transform:translate(5px,0) scale(1.13)}html[data-world="gaming"] .identity.personal{transform:translate(-130px,-55px) rotate(-10deg) scale(.78)}
  .world-ring{width:280px;height:280px}.world-ring2{width:220px;height:220px}.world-core{width:72px;height:72px;border-radius:24px}.world-core img{width:48px;height:48px}
  .platform-node{width:40px;height:40px;border-radius:14px}.platform-node.youtube{transform:translate(0,-145px)}.platform-node.instagram{transform:translate(145px,0)}.platform-node.twitch{transform:translate(-102px,125px)}
  html[data-world="personal"] .platform-node.twitch{transform:translate(-76px,132px) scale(.7)}html[data-world="gaming"] .platform-node.instagram{transform:translate(140px,-55px)}
  .metrics{gap:9px}.metric{min-height:112px;padding:15px;border-radius:20px}.metric-value{font-size:1.9rem}
  .section{margin-top:44px}.section-head{align-items:start;flex-direction:column}.section-tag{text-align:left}.reason-grid{grid-template-columns:1fr}
  .deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:8px}.social,.social.wide{min-width:86%;min-height:260px;scroll-snap-align:center}
  .live{grid-template-columns:1fr}.live .btn{width:100%}.fresh{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.fresh-card{min-width:86%;scroll-snap-align:center}
  .utility{padding:20px}.floating-live{right:9px;bottom:9px;width:calc(100% - 18px)}.floating-live-copy>span:last-child:not(.floating-live-kicker){display:none}.floating-live a{padding:10px 11px}
}
@media(pointer:coarse){.social:hover,.btn:hover,.icon-btn:hover,.fresh-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.version-badge{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);border:1px solid var(--line);padding:5px 7px;border-radius:999px;font-weight:900}
.update-bar{position:fixed;left:50%;top:14px;transform:translate(-50%,-150%);z-index:150;width:min(calc(100% - 24px),720px);padding:10px 11px 10px 15px;border:1px solid color-mix(in srgb,var(--worldA) 45%,var(--line2));border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;transition:.4s var(--ease);backdrop-filter:blur(12px)}
.update-bar.show{transform:translate(-50%,0)}.update-bar-copy{flex:1;min-width:0}.update-bar-copy strong{display:block;font-size:.86rem}.update-bar-copy span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.update-bar .btn{padding:9px 12px;font-size:.75rem}
.portal-flash{position:fixed;z-index:145;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--worldB) 34%,transparent),color-mix(in srgb,var(--worldA) 10%,transparent) 27%,transparent 62%)}
.portal-flash.go{animation:portalFlash .72s var(--ease)}@keyframes portalFlash{0%{opacity:0;transform:scale(.72)}35%{opacity:.72}100%{opacity:0;transform:scale(1.28)}}
.world-ring{animation:ringDrift 18s linear infinite}.world-ring2{animation:ringDrift 24s linear infinite reverse}
.platform-node.youtube{animation:nodeYT 4.8s ease-in-out infinite}.platform-node.instagram{animation:nodeIG 5.4s ease-in-out infinite}.platform-node.twitch{animation:nodeTW 5.8s ease-in-out infinite}
@keyframes ringDrift{to{rotate:360deg}}@keyframes nodeYT{50%{margin-top:-8px}}@keyframes nodeIG{50%{margin-left:8px}}@keyframes nodeTW{50%{margin-top:8px}}
.social:hover .platform-logo{animation:iconPop .45s var(--ease)}@keyframes iconPop{50%{transform:scale(1.15) rotate(-6deg)}}
.metric.updated{animation:metricPulse .7s var(--ease)}@keyframes metricPulse{40%{border-color:color-mix(in srgb,var(--worldA) 52%,var(--line2));box-shadow:0 0 0 5px color-mix(in srgb,var(--worldA) 8%,transparent)}}
body.dragon-mode{--worldA:#2bdcff;--worldB:#76a7ff}.easter-overlay{position:fixed;inset:0;z-index:170;display:grid;place-items:center;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(16,67,160,.32),rgba(3,5,12,.92))}
.easter-overlay.show{animation:easterShow 2.4s var(--ease)}.easter-overlay img{width:min(58vw,620px);filter:drop-shadow(0 0 36px rgba(38,217,255,.46));transform:scale(.6) rotate(-8deg)}.easter-overlay.show img{animation:easterMark 2.4s var(--ease)}
@keyframes easterShow{0%,100%{opacity:0}16%,74%{opacity:1}}@keyframes easterMark{0%{transform:scale(.45) rotate(-15deg);opacity:0}32%,72%{transform:scale(1) rotate(0);opacity:1}100%{transform:scale(1.22) rotate(5deg);opacity:0}}
.legal-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:12px}.legal-nav{border:1px solid var(--line);border-radius:26px;background:var(--surface);padding:10px;align-self:start;position:sticky;top:82px}.legal-nav button{width:100%;text-align:left;border:0;background:transparent;color:var(--muted);border-radius:14px;padding:12px 13px;font-weight:850;cursor:pointer}.legal-nav button.active{background:var(--surface2);color:var(--text)}
.legal-panel{border:1px solid var(--line);border-radius:26px;background:var(--surface);padding:25px;min-height:390px}.legal-panel h3{font-size:1.5rem;margin:0 0 12px}.legal-panel h4{margin:22px 0 7px}.legal-panel p,.legal-panel li{color:var(--muted);line-height:1.65;font-size:.88rem}.legal-panel ul{padding-left:20px}.legal-note{border:1px solid var(--line);background:var(--surface2);border-radius:16px;padding:13px 14px;color:var(--muted);font-size:.8rem;line-height:1.55}
.changelog{display:grid;gap:10px}.release{border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}.release summary{list-style:none;cursor:pointer;padding:17px 19px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.release summary::-webkit-details-marker{display:none}.release-version{font-weight:950}.release-title{color:var(--muted);font-size:.84rem}.release-date{color:var(--soft);font-size:.72rem}.release-body{border-top:1px solid var(--line);padding:15px 19px 18px}.release-body ul{margin:0;padding-left:19px}.release-body li{color:var(--muted);font-size:.84rem;line-height:1.6;margin:4px 0}.release-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.release-tag{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:5px 7px;color:var(--soft);font-weight:850}
.tech-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.tech-pill{border:1px solid var(--line);border-radius:14px;background:var(--surface2);padding:10px}.tech-pill strong{display:block;font-size:.74rem}.tech-pill span{display:block;color:var(--soft);font-size:.7rem;margin-top:4px}.tech-pill.ok{border-color:rgba(99,255,156,.32)}.tech-pill.no{border-color:rgba(255,93,130,.28)}
.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text)}
.secret-badge{display:none;margin-top:10px;border:1px solid rgba(38,217,255,.22);background:rgba(38,217,255,.06);border-radius:15px;padding:10px 12px;color:#9defff;font-size:.78rem;font-weight:850}.secret-badge.show{display:block}
html.lite .world-ring,html.lite .world-ring2,html.lite .platform-node{animation:none!important}
@media(max-width:820px){.legal-grid{grid-template-columns:1fr}.legal-nav{position:static;display:flex;overflow-x:auto;gap:6px}.legal-nav button{min-width:max-content;width:auto}.tech-status{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.version-badge{display:none}.update-bar{top:8px}.update-bar-copy span{display:none}.tech-status{grid-template-columns:1fr}.legal-panel{padding:18px}.release summary{grid-template-columns:auto 1fr}.release-date{grid-column:2}}
@media(orientation:landscape) and (max-height:600px) and (min-width:620px){
  .hero-grid{grid-template-columns:1.05fr .95fr;min-height:480px;padding:28px 38px}.hero{min-height:480px}.world-stage{min-height:390px}
  .identity{width:168px;height:220px;border-radius:34px}.world-ring{width:315px;height:315px}.world-ring2{width:240px;height:240px}
  h1{font-size:clamp(4rem,11vh,6.3rem)}
}
@media(min-width:1800px){:root{--max:1500px}.hero-grid{padding:78px}.hero{min-height:720px}.hero-grid{min-height:720px}}


.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.health-actions{margin-top:14px}.tech-wide{grid-column:1/-1}

.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:200;background:linear-gradient(90deg,var(--worldA),var(--worldB));box-shadow:0 0 18px color-mix(in srgb,var(--worldB) 48%,transparent);transform-origin:left;pointer-events:none}
.platform-node{cursor:pointer}.platform-node:hover{border-color:color-mix(in srgb,currentColor 50%,var(--line2));box-shadow:0 0 28px color-mix(in srgb,currentColor 18%,transparent)}
.identity{animation:identityFloat 7s ease-in-out infinite}.identity.gaming{animation-delay:-3.4s}@keyframes identityFloat{50%{translate:0 -8px}}
.world-core{animation:coreBreath 4.8s ease-in-out infinite}@keyframes coreBreath{50%{box-shadow:0 24px 55px rgba(0,0,0,.28),0 0 0 8px color-mix(in srgb,var(--worldA) 5%,transparent)}}
.hero.tilt-ready .hero-grid{transform-style:preserve-3d}.world-stage{transition:transform .22s ease-out}.hero-copy,.kicker,h1,.hero-chips,.hero-cta{transform:translateZ(0)}
.achievement-summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 10%,transparent),transparent 55%),var(--surface);padding:20px;margin-bottom:12px}
.achievement-orb{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line2);color:var(--worldB);box-shadow:0 14px 36px rgba(0,0,0,.18)}.achievement-orb .icon{width:28px;height:28px}.achievement-score{display:flex;align-items:baseline;gap:6px}.achievement-score strong{font-size:2rem;letter-spacing:-.05em}.achievement-score span,.achievement-xp{color:var(--muted);font-size:.8rem}.achievement-progress{height:10px;border-radius:999px;background:var(--surface3);overflow:hidden}.achievement-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--worldA),var(--worldB));transition:width .7s var(--ease)}
.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.achievement-card{position:relative;min-height:190px;border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:17px;overflow:hidden;transition:.22s var(--ease)}.achievement-card:hover{transform:translateY(-4px);border-color:var(--line2)}.achievement-card.locked{filter:saturate(.25);opacity:.72}.achievement-card.secret.locked .achievement-name,.achievement-card.secret.locked .achievement-desc{filter:blur(5px);user-select:none}.achievement-card.unlocked{background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 9%,transparent),transparent 55%),var(--surface)}.achievement-card::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;bottom:-50px;background:radial-gradient(circle,color-mix(in srgb,var(--worldA) 18%,transparent),transparent 70%)}.achievement-card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.achievement-medal{width:44px;height:44px;border-radius:15px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;font-size:1.15rem}.achievement-status{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:5px 7px;color:var(--soft);font-weight:900}.achievement-card.unlocked .achievement-status{color:#76ffad;border-color:rgba(99,255,156,.25)}.achievement-name{font-weight:950;font-size:1rem;margin-top:17px}.achievement-desc{color:var(--muted);font-size:.76rem;line-height:1.5;margin-top:5px}.achievement-meta{position:absolute;left:17px;right:17px;bottom:15px;display:flex;justify-content:space-between;color:var(--soft);font-size:.66rem}.achievement-reward{color:var(--worldB)}
.reward-vault{margin-top:12px;border:1px solid var(--line);border-radius:28px;background:var(--surface);padding:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center}.reward-vault h3{font-size:1.4rem;margin:5px 0 7px}.reward-vault p{color:var(--muted);line-height:1.55;font-size:.85rem}.reward-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.reward-button{border:1px solid var(--line);border-radius:16px;background:var(--surface2);padding:12px;text-align:left;cursor:pointer;transition:.2s var(--ease)}.reward-button:hover{border-color:var(--line2);transform:translateY(-2px)}.reward-button.locked{opacity:.45;cursor:not-allowed}.reward-button.equipped{border-color:color-mix(in srgb,var(--worldA) 45%,var(--line2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--worldA) 20%,transparent)}.reward-button strong{display:block;font-size:.8rem}.reward-button span{display:block;color:var(--soft);font-size:.68rem;margin-top:3px}.achievement-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.achievement-unlock{position:fixed;inset:0;z-index:180;display:grid;place-items:center;background:rgba(2,4,10,.64);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.28s}.achievement-unlock.show{opacity:1}.achievement-unlock-card{position:relative;width:min(calc(100% - 28px),430px);border:1px solid color-mix(in srgb,var(--worldB) 36%,var(--line2));border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 14%,transparent),transparent 48%),var(--surface);padding:34px 28px;text-align:center;box-shadow:0 35px 120px rgba(0,0,0,.5);overflow:hidden;transform:scale(.8) translateY(24px);transition:.5s var(--ease)}.achievement-unlock.show .achievement-unlock-card{transform:scale(1) translateY(0)}.unlock-rays{position:absolute;inset:-90%;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,color-mix(in srgb,var(--worldB) 6%,transparent) 9deg 11deg);animation:unlockSpin 8s linear infinite;pointer-events:none}@keyframes unlockSpin{to{rotate:360deg}}.unlock-icon{position:relative;width:74px;height:74px;margin:0 auto 16px;border-radius:25px;background:var(--surface2);border:1px solid var(--line2);display:grid;place-items:center;font-size:2rem;color:var(--worldB);box-shadow:0 0 45px color-mix(in srgb,var(--worldB) 18%,transparent)}.achievement-unlock h3{position:relative;font-size:2rem;margin:7px 0 6px;letter-spacing:-.04em}.achievement-unlock p{position:relative;color:var(--muted);line-height:1.5}.unlock-reward{position:relative;margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:10px;color:var(--worldB);font-size:.78rem;font-weight:900}.achievement-particles{position:fixed;inset:0;z-index:181;pointer-events:none}.achievement-particle{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--worldB);animation:particleBurst .9s var(--ease) forwards}@keyframes particleBurst{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}
html.reward-constellation body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 17%,rgba(255,255,255,.38) 0 1px,transparent 1.5px),radial-gradient(circle at 45% 68%,rgba(255,255,255,.3) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 76%,rgba(255,255,255,.45) 0 1px,transparent 1.5px);background-size:310px 270px,420px 360px,380px 330px,520px 420px;animation:starDrift 40s linear infinite}@keyframes starDrift{to{background-position:310px 270px,-420px 360px,380px -330px,-520px -420px}}
html.reward-gold .hero,html.reward-gold .achievement-card.unlocked{border-color:rgba(255,210,90,.34)}html.reward-gold{--worldA:#ffd45a;--worldB:#fff0a3}.reward-core #worldCore{box-shadow:0 0 0 7px color-mix(in srgb,var(--worldB) 10%,transparent),0 0 48px color-mix(in srgb,var(--worldB) 30%,transparent)}html.reward-auralis{--worldA:#7c5cff;--worldB:#d78cff}html.reward-night{--worldA:#5464ff;--worldB:#55d8ff}html.reward-live{--worldA:#ff4f76;--worldB:#a970ff}
.special-day{position:fixed;right:16px;bottom:16px;z-index:55;border:1px solid var(--line2);background:var(--surface);border-radius:18px;padding:10px 12px;box-shadow:var(--shadow);font-size:.72rem;color:var(--muted);transform:translateY(130%);transition:.4s var(--ease)}.special-day.show{transform:none}.special-day strong{color:var(--text)}
@media(max-width:980px){.achievement-grid{grid-template-columns:repeat(2,1fr)}.reward-vault{grid-template-columns:1fr}}
@media(max-width:560px){.achievement-summary{grid-template-columns:auto 1fr}.achievement-progress{grid-column:1/-1}.achievement-grid{grid-template-columns:1fr}.reward-list{grid-template-columns:1fr}.achievement-card{min-height:170px}}
@media(prefers-reduced-motion:reduce){.identity,.world-core,.world-ring,.world-ring2,.platform-node,html.reward-constellation body::after{animation:none!important}.achievement-particle{display:none}}
html.lite .identity,html.lite .world-core,html.lite .world-ring,html.lite .world-ring2,html.lite .platform-node,html.lite.reward-constellation body::after{animation:none!important}

/* v5.1 — logro no intrusivo */
.achievement-unlock{
  position:fixed!important;inset:auto 16px auto auto!important;top:74px!important;z-index:180;
  width:min(390px,calc(100vw - 24px));display:block!important;background:transparent!important;
  backdrop-filter:none!important;opacity:0;pointer-events:none;transform:translateX(calc(100% + 32px));
  transition:opacity .28s var(--ease),transform .42s var(--ease)
}
.achievement-unlock.show{opacity:1;transform:translateX(0)}
.achievement-unlock-card{
  width:100%!important;border-radius:22px!important;padding:16px!important;text-align:left!important;
  display:grid;grid-template-columns:58px 1fr;column-gap:13px;align-items:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 13%,transparent),transparent 48%),var(--surface)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.38)!important;transform:none!important;overflow:hidden
}
.achievement-unlock.show .achievement-unlock-card{transform:none!important}
.achievement-unlock .unlock-rays{opacity:.42;inset:-180% -70%;animation-duration:14s}
.achievement-unlock .unlock-icon{grid-row:1/5;width:58px;height:58px;margin:0;border-radius:18px;font-size:1.45rem}
.achievement-unlock h3{font-size:1.08rem!important;margin:0 0 3px!important;line-height:1.15}
.achievement-unlock p{font-size:.76rem;margin:0;color:var(--muted);line-height:1.35}
.achievement-unlock .unlock-reward{font-size:.68rem;margin:7px 0 0!important;padding:6px 8px!important;justify-self:start}
.achievement-particles{inset:0;pointer-events:none}
.achievement-particle{left:calc(100% - 65px)!important;top:110px!important;width:5px;height:5px}
@media(max-width:620px){
  .achievement-unlock{top:auto!important;right:9px!important;bottom:12px!important;width:calc(100vw - 18px)}
  .achievement-unlock-card{grid-template-columns:50px 1fr;padding:13px!important;border-radius:19px!important}
  .achievement-unlock .unlock-icon{width:50px;height:50px;border-radius:16px}
  .achievement-particle{left:50%!important;top:calc(100% - 75px)!important}
}

/* v5.1 — secciones de documentación plegables */
.master-details{border:1px solid var(--line);border-radius:28px;background:var(--surface);overflow:hidden}
.master-summary{list-style:none;cursor:pointer;display:block;padding:0}
.master-summary::-webkit-details-marker{display:none}
.master-summary .section-head{margin:0;padding:22px 24px;align-items:center}
.master-summary h2{font-size:clamp(1.8rem,4vw,3rem);margin:4px 0 0}
.master-chevron{font-size:1.5rem;color:var(--soft);transition:transform .25s var(--ease)}
.master-details[open] .master-chevron{transform:rotate(180deg)}
.master-body{padding:0 16px 18px}
.master-details:not([open]) .master-body{display:none}
#changelog.section,#legal.section{content-visibility:visible;contain-intrinsic-size:auto}
#changelog .changelog,#legal .legal-grid{margin-top:0}

/* v5.2 - documentación realmente compacta cuando está cerrada */
#changelog.section,#legal.section{margin-top:14px!important}
.master-details:not([open]){border-radius:18px}
.master-details:not([open]) .master-summary .section-head{padding:12px 15px!important;min-height:54px;margin:0!important;display:flex;flex-direction:row;align-items:center;gap:10px}
.master-details:not([open]) .master-summary .index{display:none}
.master-details:not([open]) .master-summary h2{font-size:1rem!important;margin:0!important;letter-spacing:-.02em}
.master-details:not([open]) .master-summary .section-tag{font-size:.72rem;white-space:nowrap;margin-left:auto;text-align:right}
.master-details:not([open]) .master-chevron{font-size:1rem}
@media(max-width:620px){.master-details:not([open]) .master-summary .section-tag{display:none}}
/* Los estados que ya han respondido no parecen loaders eternos */
.count>.skeleton,.metric-value>.skeleton{min-width:74px}

/* v5.3 — archivos secretos fuera del flujo normal */
.secret-section[hidden]{display:none!important}.secret-section.is-revealed{content-visibility:visible;contain-intrinsic-size:auto}

/* =========================================================
   v5.4 — IMMERSIVE UIX SYSTEM
   Lightweight motion, compact explorer, private diagnostics.
   ========================================================= */
body{position:relative}
.shell{position:relative;z-index:1}
.ambient-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.72}
.ambient-orb{position:absolute;width:34vw;height:34vw;min-width:360px;min-height:360px;border-radius:50%;filter:blur(90px);opacity:.09;will-change:transform}
.orb-a{left:-12vw;top:18vh;background:var(--worldA);animation:ambientA 24s ease-in-out infinite alternate}
.orb-b{right:-10vw;top:42vh;background:var(--worldB);animation:ambientB 29s ease-in-out infinite alternate}
.orb-c{left:34vw;bottom:-22vw;background:color-mix(in srgb,var(--worldA) 45%,var(--worldB));animation:ambientC 34s ease-in-out infinite alternate}
.ambient-scan{position:absolute;left:-20%;top:0;width:140%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--worldB) 30%,transparent),transparent);box-shadow:0 0 34px color-mix(in srgb,var(--worldB) 14%,transparent);animation:scanDrift 16s linear infinite;opacity:.45}
@keyframes ambientA{to{transform:translate(13vw,14vh) scale(1.15)}}
@keyframes ambientB{to{transform:translate(-12vw,-15vh) scale(.9)}}
@keyframes ambientC{to{transform:translate(8vw,-12vh) scale(1.2)}}
@keyframes scanDrift{0%{transform:translateY(-5vh)}100%{transform:translateY(105vh)}}

.topbar{position:sticky;top:10px;z-index:46;margin-bottom:14px;padding:7px 8px 7px 11px;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 10px 34px rgba(0,0,0,.12)}
.brand{padding-right:6px}.brand span:not(.version-badge){letter-spacing:.09em;font-size:.78rem}
.version-badge{font-size:.58rem!important;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--soft);letter-spacing:.03em!important}

.hero{box-shadow:0 38px 110px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(580px circle at 72% 40%,color-mix(in srgb,var(--worldB) 9%,transparent),transparent 62%);mix-blend-mode:screen;opacity:.7}
.world-ring{animation:ringTurn 26s linear infinite}.world-ring2{animation:ringTurnReverse 19s linear infinite}
.world-ring::before,.world-ring2::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:8%;left:23%;background:var(--worldB);box-shadow:0 0 18px var(--worldB)}
@keyframes ringTurn{to{rotate:360deg}}@keyframes ringTurnReverse{to{rotate:-360deg}}
.platform-node{animation:nodeFloat 5.8s ease-in-out infinite}.platform-node.instagram{animation-delay:-1.7s}.platform-node.twitch{animation-delay:-3.1s}
@keyframes nodeFloat{50%{margin-top:-7px}}

.section{position:relative}.section::before{content:"";position:absolute;left:4px;right:4px;top:-30px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);opacity:.65}
.section-head{position:relative;padding-bottom:5px}.section-head::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:linear-gradient(90deg,var(--worldA),var(--worldB),transparent);transition:width 1.1s var(--ease) var(--reveal-delay,0ms)}
.section.in .section-head::after{width:min(42%,340px)}
.reveal{transition-delay:var(--reveal-delay,0ms)}

.social,.metric,.reason,.utility,.fresh-card,.explorer-shell{position:relative;--mx:50%;--my:50%;--rx:0deg;--ry:0deg;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .26s var(--ease),border-color .22s,background .22s,box-shadow .26s var(--ease)}
.social::before,.metric::before,.reason::before,.utility::before,.fresh-card::before,.explorer-shell::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(360px circle at var(--mx) var(--my),color-mix(in srgb,var(--worldB) 8%,transparent),transparent 55%);opacity:0;transition:opacity .24s;z-index:0}
.social:hover::before,.metric:hover::before,.reason:hover::before,.utility:hover::before,.fresh-card:hover::before,.explorer-shell:hover::before{opacity:1}
.social>* ,.metric>* ,.reason>* ,.utility>* ,.fresh-card>* ,.explorer-shell>*{position:relative;z-index:1}
.social:hover,.reason:hover,.utility:hover,.fresh-card:hover{transform:perspective(900px) translateY(-5px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 24px 65px rgba(0,0,0,.18)}
.metric:hover{transform:perspective(900px) translateY(-3px) rotateX(var(--rx)) rotateY(var(--ry));border-color:var(--line2)}
.reason,.utility,.metric{overflow:hidden}

/* Public experience rail: navigation, not diagnostics. */
.experience-rail{position:fixed;z-index:38;left:16px;top:50%;transform:translateY(-50%);display:grid;gap:7px;padding:8px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 60px rgba(0,0,0,.18)}
.experience-rail a{position:relative;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--soft);transition:.24s var(--ease)}
.experience-rail a i{width:5px;height:5px;border-radius:50%;background:currentColor;transition:.25s var(--ease)}
.experience-rail a span{position:absolute;left:38px;top:50%;transform:translate(5px,-50%);padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:.63rem;font-weight:850;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s var(--ease);box-shadow:0 12px 35px rgba(0,0,0,.18)}
.experience-rail a:hover span{opacity:1;transform:translate(0,-50%)}
.experience-rail a.active{color:var(--text);background:color-mix(in srgb,var(--worldA) 12%,var(--surface2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--worldA) 25%,transparent)}
.experience-rail a.active i{width:8px;height:8px;background:var(--worldB);box-shadow:0 0 16px var(--worldB)}

/* Compact explorer — visible, useful, never half a page. */
.explorer-section{margin-top:34px!important}
.explorer-shell{position:relative;min-height:178px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(125deg,color-mix(in srgb,var(--worldA) 9%,transparent),transparent 38%),linear-gradient(300deg,color-mix(in srgb,var(--worldB) 6%,transparent),transparent 38%),var(--surface);padding:20px;display:grid;grid-template-columns:minmax(230px,.92fr) minmax(180px,.55fr) minmax(280px,1.2fr) auto;gap:18px;align-items:center;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.14)}
.explorer-aura{position:absolute!important;z-index:0!important;width:280px;height:280px;border-radius:50%;right:24%;top:-160px;background:radial-gradient(circle,color-mix(in srgb,var(--worldB) 13%,transparent),transparent 68%);animation:explorerAura 8s ease-in-out infinite alternate}
@keyframes explorerAura{to{transform:translate(55px,35px) scale(1.12)}}
.explorer-intro{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-width:0}.explorer-intro h2{font-size:clamp(1.45rem,2.3vw,2.05rem);margin:4px 0 5px;letter-spacing:-.045em}.explorer-intro p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.45;max-width:390px}
.explorer-orb{position:relative;width:58px;height:58px;border-radius:19px;display:grid;place-items:center;border:1px solid var(--line2);background:var(--surface2);color:var(--worldB);box-shadow:0 14px 35px rgba(0,0,0,.2)}.explorer-orb .icon{width:25px;height:25px}.orb-pulse{position:absolute;inset:-1px;border-radius:inherit;border:1px solid color-mix(in srgb,var(--worldB) 30%,transparent);animation:orbPulse 3.4s ease-out infinite}@keyframes orbPulse{70%,100%{transform:scale(1.35);opacity:0}}
.explorer-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:13px 15px;border-radius:19px;background:color-mix(in srgb,var(--surface2) 82%,transparent);border:1px solid var(--line)}
.explorer-stat strong{display:block;font-size:1.48rem;letter-spacing:-.05em}.explorer-stat span{color:var(--soft);font-size:.65rem;line-height:1.3}.explorer-stats .achievement-progress{grid-column:1/-1;height:6px;margin-top:3px}
.explorer-preview{display:flex;gap:7px;overflow:hidden;min-width:0}.explorer-token{min-width:105px;max-width:128px;height:96px;padding:10px;border-radius:17px;border:1px solid var(--line);background:var(--surface2);display:flex;flex-direction:column;justify-content:space-between;transition:.22s var(--ease)}.explorer-token:hover{transform:translateY(-3px);border-color:var(--line2)}.explorer-token i{font-style:normal;color:var(--worldB);font-size:1rem}.explorer-token b{font-size:.7rem;line-height:1.15}.explorer-token em{font-style:normal;font-size:.55rem;color:var(--soft);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-token.done{background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 9%,transparent),transparent),var(--surface2)}
.explorer-open{align-self:stretch;min-width:112px;border:1px solid var(--line2);border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--worldA) 12%,var(--surface2)),var(--surface2));color:var(--text);padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-weight:900;cursor:pointer;transition:.25s var(--ease)}.explorer-open:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--worldB) 45%,var(--line2));box-shadow:0 18px 44px rgba(0,0,0,.2)}.explorer-open-arrow{font-size:1.45rem;align-self:flex-end;color:var(--worldB)}

/* Explorer drawer — full detail on demand. */
body.drawer-open{overflow:hidden}
.achievement-drawer{position:fixed;inset:0;z-index:170;pointer-events:none;visibility:hidden;transition:visibility .35s}
.achievement-drawer.open{pointer-events:auto;visibility:visible}
.achievement-drawer-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:rgba(2,4,10,.58);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s}
.achievement-drawer.open .achievement-drawer-backdrop{opacity:1}
.achievement-drawer-panel{position:absolute;right:10px;top:10px;bottom:10px;width:min(760px,calc(100vw - 24px));border:1px solid var(--line2);border-radius:31px;background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 7%,transparent),transparent 36%),var(--surface);box-shadow:0 40px 140px rgba(0,0,0,.55);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;transform:translateX(calc(100% + 24px)) scale(.985);transition:transform .45s var(--ease)}
.achievement-drawer.open .achievement-drawer-panel{transform:none}
.achievement-drawer-head{padding:22px 22px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.achievement-drawer-head h3{margin:4px 0 0;font-size:1.7rem;letter-spacing:-.04em}
.achievement-drawer-tabs{margin:0 22px 12px;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);display:grid;grid-template-columns:1fr 1fr;gap:5px}.achievement-drawer-tabs button{border:0;border-radius:11px;background:transparent;color:var(--muted);padding:10px;font-weight:900;cursor:pointer}.achievement-drawer-tabs button.active{background:var(--surface3);color:var(--text);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.achievement-drawer-scroll{overflow:auto;padding:0 22px 18px;overscroll-behavior:contain}.achievement-panel[hidden]{display:none!important}.achievement-panel.active{animation:panelIn .32s var(--ease)}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}}
.achievement-drawer .achievement-grid{grid-template-columns:repeat(2,1fr)}.achievement-drawer .achievement-card{min-height:178px}.achievement-drawer .drawer-vault{margin:0;grid-template-columns:1fr}.achievement-drawer .reward-list{grid-template-columns:repeat(2,1fr)}
.achievement-drawer-foot{display:flex;gap:8px;padding:13px 22px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px)}

/* LIVE notification stays visual, but status logic is now much fresher. */
.floating-live{border-color:color-mix(in srgb,var(--twitch) 32%,var(--line));box-shadow:0 24px 80px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.02)}
.floating-live.show{animation:liveArrive .55s var(--ease)}@keyframes liveArrive{0%{opacity:0;transform:translateY(18px) scale(.96)}100%{opacity:1;transform:none}}

@media(max-width:1380px){.experience-rail{display:none}}
@media(max-width:1050px){.explorer-shell{grid-template-columns:1fr 1fr auto}.explorer-preview{grid-column:1/3}.explorer-open{grid-column:3;grid-row:1/3}.explorer-token{flex:1;max-width:none}}
@media(max-width:720px){
  .topbar{top:6px}.explorer-shell{grid-template-columns:1fr auto;padding:16px;border-radius:25px;gap:12px}.explorer-intro{grid-column:1/-1}.explorer-stats{grid-column:1}.explorer-preview{grid-column:1/-1;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.explorer-preview::-webkit-scrollbar{display:none}.explorer-token{min-width:118px;flex:0 0 118px}.explorer-open{grid-column:2;grid-row:2;min-width:92px}.achievement-drawer-panel{top:auto;left:7px;right:7px;bottom:7px;width:auto;height:min(86vh,780px);border-radius:28px;transform:translateY(calc(100% + 18px)) scale(.99)}.achievement-drawer.open .achievement-drawer-panel{transform:none}.achievement-drawer .achievement-grid{grid-template-columns:1fr}.achievement-drawer .reward-list{grid-template-columns:1fr}.achievement-drawer-head{padding:18px 18px 10px}.achievement-drawer-tabs{margin:0 18px 10px}.achievement-drawer-scroll{padding:0 18px 14px}.achievement-drawer-foot{padding:11px 18px 16px;overflow-x:auto}.achievement-drawer-foot .btn{white-space:nowrap}
}
@media(max-width:480px){.explorer-shell{display:flex;flex-direction:column;align-items:stretch}.explorer-intro p{display:none}.explorer-stats{grid-template-columns:1fr 1fr}.explorer-open{min-height:56px;flex-direction:row;align-items:center}.explorer-open-arrow{align-self:auto}.explorer-token{height:84px}.ambient-orb{filter:blur(70px)}}
@media(prefers-reduced-motion:reduce){.ambient-orb,.ambient-scan,.world-ring,.world-ring2,.platform-node,.explorer-aura,.orb-pulse{animation:none!important}.social,.metric,.reason,.utility,.fresh-card,.explorer-shell{transform:none!important}.achievement-drawer-panel{transition-duration:.01ms}}
html.lite .ambient-orb,html.lite .ambient-scan,html.lite .world-ring,html.lite .world-ring2,html.lite .platform-node,html.lite .explorer-aura,html.lite .orb-pulse{animation:none!important}


/* =========================================================
   v5.5 — PERFORMANCE-FIRST IMMERSIVE UIX
   Transform/opacity only for ambient motion. No pointer-driven 3D.
   ========================================================= */
.scroll-progress{width:100%;transform:scaleX(0);box-shadow:none;will-change:transform}

/* Kill baseline layout-heavy motion from older layers. */
.identity,.world-core,.platform-node{animation:none!important;will-change:auto!important}
.hero.tilt-ready .hero-grid{transform-style:flat}.world-stage{transition:none}

/* Ambient depth without giant animated blur filters. */
.ambient-field{opacity:.72;background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--worldA) 6%,transparent),transparent 28%),radial-gradient(circle at 88% 42%,color-mix(in srgb,var(--worldB) 5%,transparent),transparent 26%)}
.ambient-orb{width:220px;height:220px;min-width:0;min-height:0;filter:none!important;opacity:.07;background:radial-gradient(circle at 50% 50%,currentColor 0,transparent 68%);animation:none!important;will-change:auto}
.orb-a{left:-80px;top:18vh;color:var(--worldA)}.orb-b{right:-90px;top:54vh;color:var(--worldB)}.orb-c{display:none}
.ambient-scan{left:0;width:100%;opacity:.16;box-shadow:none;animation:none}

/* Glass only where it matters visually; no realtime backdrop blur on sticky/fixed UI. */
.topbar,.world-nav,.experience-rail,.floating-live,.update-bar,.achievement-drawer-foot{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.topbar{background:color-mix(in srgb,var(--surface) 96%,var(--bg))}
.world-nav{background:color-mix(in srgb,var(--surface) 97%,var(--bg))}
.experience-rail{background:color-mix(in srgb,var(--surface) 96%,var(--bg))}
.floating-live{background:#130e1e}

/* Hero motion only while visible and only on small compositor-friendly elements. */
.world-ring,.world-ring2{animation:none!important;will-change:auto}
.hero.motion-active .world-ring{animation:ringEfficient 30s linear infinite;will-change:transform}
.hero.motion-active .world-ring2{animation:ringEfficientReverse 42s linear infinite;will-change:transform}
@keyframes ringEfficient{to{transform:rotate(360deg)}}
@keyframes ringEfficientReverse{to{transform:rotate(-360deg)}}
.platform-node svg{animation:none}
.hero.motion-active .platform-node svg{animation:nodeGlyph 6.5s ease-in-out infinite;transform-origin:center;will-change:transform}
.hero.motion-active .platform-node.instagram svg{animation-delay:-2s}.hero.motion-active .platform-node.twitch svg{animation-delay:-4s}
@keyframes nodeGlyph{50%{transform:translateY(-3px) scale(1.045)}}
.hero::after{mix-blend-mode:normal;opacity:.35}

/* Cards: simple elevation and a one-pixel signal edge, never a dynamic radial gradient. */
.social,.metric,.reason,.utility,.fresh-card,.explorer-shell{transform:none!important;transform-style:flat!important;--rx:0deg!important;--ry:0deg!important;transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s}
.social::before,.metric::before,.reason::before,.utility::before,.fresh-card::before,.explorer-shell::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--worldA),var(--worldB),transparent);opacity:.7;transform:scaleX(0);transform-origin:center;transition:transform .32s var(--ease);z-index:2;pointer-events:none}
.social:hover::before,.metric:hover::before,.reason:hover::before,.utility:hover::before,.fresh-card:hover::before,.explorer-shell:hover::before,.pointer-active::before{transform:scaleX(.82)}
.social:hover,.reason:hover,.utility:hover,.fresh-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 46px rgba(0,0,0,.16)}
.metric:hover{transform:translateY(-2px)!important;box-shadow:none}

/* Critical layout repair: later generic child rule in v5.4 was overriding absolute positioning. */
.social>.count{position:absolute!important;left:20px!important;bottom:20px!important;top:auto!important;right:auto!important;z-index:3}
.social>.card-action{position:absolute!important;right:18px!important;bottom:18px!important;left:auto!important;top:auto!important;z-index:3}
.social>.social-top,.social>h3,.social>.handle{position:relative;z-index:3}
.count{line-height:1}.count small{line-height:1.25;margin-top:7px}

/* Explorer baseline animation is off; pulse exists only while visible. */
.explorer-aura,.orb-pulse{animation:none!important}
.explorer-shell.motion-active .orb-pulse{animation:orbPulseEfficient 3.8s ease-out infinite;will-change:transform,opacity}
@keyframes orbPulseEfficient{70%,100%{transform:scale(1.28);opacity:0}}

/* ---------- Project Atlas ---------- */
.projects-section{content-visibility:auto;contain-intrinsic-size:560px}
.project-atlas{position:relative}
.project-thread{height:22px;margin:0 6px 11px;position:relative;overflow:hidden}
.project-thread::before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:var(--line)}
.project-thread span{position:absolute;left:0;top:9px;width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--worldA),var(--worldB),transparent 78%);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}
.projects-section.in .project-thread span{transform:scaleX(1)}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.project-card{--project-accent:var(--worldA);grid-column:span 4;min-height:410px;position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--line);border-radius:30px;background:linear-gradient(155deg,color-mix(in srgb,var(--project-accent) 8%,transparent),transparent 38%),var(--surface);padding:22px;display:flex;flex-direction:column;transition:transform .22s var(--ease),border-color .22s,background .22s,box-shadow .22s;contain:layout paint}
.project-card::before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--project-accent) 62%,transparent) 13%,var(--project-accent) 50%,color-mix(in srgb,var(--project-accent) 62%,transparent) 87%,transparent 100%);transform:scaleX(0);transform-origin:center;transition:transform .75s var(--ease);z-index:0}
.projects-section.in .project-card::before{transform:scaleX(1)}
.project-card::after{content:"";position:absolute;top:-30%;bottom:-30%;width:56px;left:-100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);transform:skewX(-12deg) translateX(0);transition:transform .72s var(--ease);pointer-events:none}
.project-card:hover::after{transform:skewX(-12deg) translateX(720px)}
.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--project-accent) 34%,var(--line2));box-shadow:0 22px 58px rgba(0,0,0,.18)}
.project-jaisa{--project-accent:#9fc86b}.project-lumen{--project-accent:#ffcc78}.project-auralis{--project-accent:#8c72ff}
.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}
.project-mark{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--project-accent) 34%,var(--line));background:color-mix(in srgb,var(--project-accent) 10%,var(--surface2));font-weight:950;font-size:1.28rem;letter-spacing:-.05em;color:color-mix(in srgb,var(--project-accent) 82%,white)}
.project-mark-wide{font-size:.98rem;letter-spacing:-.08em}.project-mark-auralis{font-size:1.55rem;font-style:italic}
.project-status{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--soft);font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;background:var(--surface2)}
.project-status i{width:6px;height:6px;border-radius:50%;background:var(--project-accent)}
.project-status.developing i{animation:statusSignal 2.8s ease-in-out infinite;will-change:transform,opacity}
@keyframes statusSignal{50%{transform:scale(.55);opacity:.45}}
.project-code{font-size:.62rem;letter-spacing:.17em;color:var(--soft);font-weight:900}
.project-card h3{font-size:clamp(1.55rem,2.2vw,2.1rem);letter-spacing:-.045em;margin:8px 0 4px}
.project-role{color:color-mix(in srgb,var(--project-accent) 72%,var(--muted));font-size:.78rem;font-weight:850}
.project-card p{color:var(--muted);font-size:.84rem;line-height:1.58;margin:17px 0 18px;max-width:48ch}
.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tags span{font-size:.62rem;color:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 8px;background:var(--surface2)}
.project-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.project-link{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:.69rem;font-weight:850;color:var(--muted);transition:transform .18s var(--ease),border-color .18s,color .18s,background .18s}
.project-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--project-accent) 35%,var(--line2));color:var(--text)}
.project-link.primary{color:var(--text);border-color:color-mix(in srgb,var(--project-accent) 28%,var(--line));background:color-mix(in srgb,var(--project-accent) 8%,var(--surface2))}.project-link b{font-size:.9rem}
.project-link.disabled{opacity:.5;cursor:default}.project-link.disabled:hover{transform:none;border-color:var(--line);color:var(--muted)}
.ghost-link{display:inline-flex;align-items:center}

/* Adaptive fallback: keeps design, cuts all continuous decoration. */
html.performance-lite .world-ring,html.performance-lite .world-ring2,html.performance-lite .platform-node svg,html.performance-lite .orb-pulse,html.performance-lite .project-status i,html.page-paused .world-ring,html.page-paused .world-ring2,html.page-paused .platform-node svg,html.page-paused .orb-pulse,html.page-paused .project-status i{animation:none!important}

@media(max-width:980px){.project-card{grid-column:span 6}.project-auralis{grid-column:span 12;min-height:340px}}
@media(max-width:650px){.project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:8px}.project-card{min-width:88%;min-height:390px;scroll-snap-align:center;contain:paint}.project-thread{display:none}.project-card:hover{transform:none}.social>.count{left:18px!important;bottom:18px!important}.social>.card-action{right:16px!important;bottom:16px!important}}
@media(prefers-reduced-motion:reduce){.hero.motion-active .world-ring,.hero.motion-active .world-ring2,.hero.motion-active .platform-node svg,.project-status.developing i,.explorer-shell.motion-active .orb-pulse{animation:none!important}.project-card::after{display:none}.projects-section.in .project-thread span,.projects-section.in .project-card::before{transition:none;transform:scaleX(1)}}

/* Baseline idle cost: hidden effects do not animate until they are actually shown. */
.live-dot{animation:none!important;box-shadow:0 0 0 5px rgba(255,93,130,.10)}
.floating-live.show .live-dot{animation:liveDotEfficient 2.6s ease-in-out infinite!important;will-change:transform,opacity}
@keyframes liveDotEfficient{50%{transform:scale(.68);opacity:.58}}
.achievement-unlock .unlock-rays{animation:none!important}
.achievement-unlock.show .unlock-rays{animation:unlockSpin 14s linear infinite!important;will-change:transform}
.easter-overlay{visibility:hidden}.easter-overlay.show{visibility:visible}
.project-status.developing i{animation:none!important}
.project-card.motion-active .project-status.developing i{animation:statusSignal 2.8s ease-in-out infinite!important;will-change:transform,opacity}
html.performance-lite .project-card.motion-active .project-status.developing i,html.page-paused .project-card.motion-active .project-status.developing i{animation:none!important}
.platform-logo.project{--accent:var(--worldB);color:var(--worldB)}
/* v5.5: overlays stay crisp and cheap; blur is intentionally avoided */
.quick-launch,
.achievement-drawer-backdrop{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}


/* =========================================================
   v5.6 — PROJECT IDENTITIES + LAZY MEDIA STAGE
   ========================================================= */
.project-mark.project-mark-logo{width:72px;height:72px;border-radius:21px;padding:5px;overflow:hidden;display:grid;place-items:center;flex:0 0 72px;font-size:0;letter-spacing:0}
.project-mark-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:15px}
.project-mark-jaisa{background:#fff!important;border-color:rgba(255,255,255,.68)!important;padding:6px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.project-mark-jaisa img{border-radius:12px}
.project-mark-lumen{background:#020204!important;padding:2px!important;border-color:color-mix(in srgb,#ffcc78 35%,var(--line))!important}
.project-mark-lumen img{object-fit:cover;border-radius:17px}
.project-mark-auralis{background:linear-gradient(145deg,#090c1b,#0f1430)!important;padding:3px!important;border-color:color-mix(in srgb,#8c72ff 42%,var(--line))!important;font-style:normal}
.project-mark-auralis img{object-fit:contain}

/* The explorer signal belongs to the top edge. Never let an auto inset place it through the content. */
.explorer-shell::before{top:0!important;bottom:auto!important}

.media-section{content-visibility:auto;contain-intrinsic-size:860px}
.media-showcase{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.78fr);gap:18px;align-items:stretch}
.media-stage,.media-queue{border:1px solid color-mix(in srgb,var(--line) 72%,rgba(120,170,255,.14));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,rgba(102,157,255,.05)),color-mix(in srgb,var(--surface2) 84%,rgba(124,102,255,.03)));border-radius:32px;overflow:hidden;position:relative;contain:paint;backdrop-filter:saturate(132%) blur(10px)}
.media-stage::before,.media-queue::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--worldB) 72%,white),transparent);opacity:.65;pointer-events:none;z-index:2}
.media-stage{min-width:0;display:flex;flex-direction:column;box-shadow:0 26px 84px rgba(0,0,0,.20)}
.media-queue{box-shadow:0 18px 58px rgba(0,0,0,.12)}
.media-stage-frame{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 22% 18%,rgba(120,172,255,.2),transparent 26%),radial-gradient(circle at 78% 16%,rgba(142,109,255,.18),transparent 24%),#050711;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,rgba(255,255,255,.08));isolation:isolate}
.media-stage-frame::before{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%);pointer-events:none;z-index:1}
.media-stage-frame::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,rgba(3,5,12,.92),rgba(3,5,12,.28),transparent);pointer-events:none;z-index:2}
.media-stage-frame.is-playing::after{display:none}
.media-stage-frame img,.media-stage-frame iframe,.media-stage-frame video{display:block;width:100%;height:100%;border:0}
.media-stage-frame img{object-fit:cover;transform:scale(1.001)}
.media-stage-frame[data-kind^="instagram"] img{object-fit:contain;background:#050711}
.media-stage-frame iframe{background:#000}
.media-stage-frame video{object-fit:contain;background:#000}
.media-stage-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:32px;color:var(--muted);z-index:1}
.media-stage-placeholder strong{font-size:1.04rem;color:var(--text)}
.media-stage-placeholder>span:last-child{font-size:.72rem;max-width:42ch;line-height:1.5}
.media-signal-dot{width:9px;height:9px;border-radius:50%;background:var(--worldB);box-shadow:0 0 0 6px color-mix(in srgb,var(--worldB) 10%,transparent)}
.media-signal-ring{position:absolute;width:92px;height:92px;border-radius:50%;border:1px solid color-mix(in srgb,var(--worldB) 27%,transparent);opacity:.6}
.media-section.in .media-signal-ring{animation:mediaSignal 2.8s ease-out 3}
@keyframes mediaSignal{0%{transform:scale(.65);opacity:.72}100%{transform:scale(1.45);opacity:0}}
.media-poster{position:absolute;inset:0;z-index:1}
.media-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 42%,rgba(3,5,12,.18));pointer-events:none}
.media-poster img{position:absolute;inset:0}
.media-stage-chip{position:absolute;left:18px;top:18px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(5,7,14,.82);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.62rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.media-stage-chip.live{background:#281331;border-color:rgba(169,112,255,.5)}
.media-stage-chip i{width:6px;height:6px;border-radius:50%;background:currentColor}
.media-stage-chip.live i{background:#ff4d7f;box-shadow:0 0 0 5px rgba(255,77,127,.12)}
.media-stage-overlay{position:absolute;left:22px;right:22px;bottom:22px;z-index:4;display:grid;gap:5px;padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(5,7,14,.18),rgba(5,7,14,.68));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.media-stage-brow{font-size:.59rem;letter-spacing:.12em;font-weight:950;text-transform:uppercase;color:#a7c4ff}
.media-stage-overlay strong{font-size:clamp(1rem,2vw,1.28rem);line-height:1.16;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.media-stage-overlay span{font-size:.67rem;line-height:1.45;color:rgba(255,255,255,.74);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.media-poster-play{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:26px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(180deg,rgba(9,13,27,.72),rgba(5,7,14,.92));color:white;display:grid;place-items:center;cursor:pointer;box-shadow:0 26px 60px rgba(0,0,0,.38);transition:transform .22s var(--ease),background .18s,border-color .18s,box-shadow .18s}
.media-poster-play::before{content:"";width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor;margin-left:4px}
.media-poster-play:hover{transform:translate(-50%,-50%) scale(1.065);background:#0d1122;border-color:color-mix(in srgb,var(--worldB) 55%,white);box-shadow:0 28px 64px rgba(0,0,0,.44)}
.media-stage-body{padding:20px 22px 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:152px;background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.02))}
.media-stage-copy{min-width:0;max-width:760px}.media-kicker{font-size:.62rem;letter-spacing:.14em;font-weight:950;color:var(--worldB);text-transform:uppercase}.media-stage-copy h3{margin:8px 0 6px;font-size:clamp(1.34rem,2vw,2rem);letter-spacing:-.04em;line-height:1.08}.media-stage-copy p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}
.media-stage-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.media-highlight{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface2) 70%,rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--line) 82%,rgba(255,255,255,.09));font-size:.62rem;font-weight:840;color:var(--soft)}
.media-highlight.is-accent{background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 22%,rgba(255,255,255,.05)),color-mix(in srgb,var(--worldB) 18%,rgba(255,255,255,.03)));border-color:color-mix(in srgb,var(--worldB) 34%,var(--line));color:var(--text)}
.media-stage-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}.media-stage-actions .btn{white-space:nowrap;min-height:54px;padding-inline:24px;font-weight:900}
.media-queue{padding:15px;display:grid;grid-template-rows:auto 1fr;min-height:0}
.media-queue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 4px 14px}.media-queue-head>div{display:grid;gap:4px}.media-queue-head strong{font-size:1rem}.media-queue-sub{margin:0;font-size:.66rem;line-height:1.45;color:var(--muted);max-width:26ch}.media-queue-head>span{min-width:36px;height:30px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:var(--soft);font-size:.67rem;font-weight:900;background:var(--surface2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.media-queue-list{display:grid;align-content:start;gap:10px;max-height:560px;overflow:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.media-queue-item{width:100%;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);color:inherit;padding:9px;display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s var(--ease),box-shadow .18s var(--ease)}
.media-queue-item:hover{background:linear-gradient(140deg,color-mix(in srgb,var(--worldA) 8%,transparent),transparent),var(--surface2);transform:translateY(-1px) translateX(2px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.media-queue-item.active{background:linear-gradient(132deg,color-mix(in srgb,var(--worldA) 14%,transparent),color-mix(in srgb,var(--worldB) 8%,transparent)),var(--surface2);border-color:color-mix(in srgb,var(--worldB) 30%,var(--line));box-shadow:0 18px 44px rgba(0,0,0,.14)}
.media-queue-thumb{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#080a14;border:1px solid color-mix(in srgb,var(--line) 84%,rgba(255,255,255,.06))}.media-queue-thumb::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,rgba(5,7,14,.62),transparent)}.media-queue-thumb img{width:100%;height:100%;display:block;object-fit:cover}.media-queue-thumb.no-image{display:grid;place-items:center;color:var(--soft);font-size:.62rem;font-weight:900}.media-queue-thumb .live-dot-mini{position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#ff4d7f;box-shadow:0 0 0 4px rgba(255,77,127,.14);z-index:2}
.media-queue-rank{position:absolute;right:8px;bottom:8px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(5,7,14,.78);border:1px solid rgba(255,255,255,.14);font-size:.56rem;font-weight:950;letter-spacing:.08em;color:#fff}
.media-queue-copy{min-width:0;display:grid;align-content:center;gap:5px}.media-queue-meta{font-size:.57rem;letter-spacing:.09em;text-transform:uppercase;color:var(--worldB);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-queue-title{font-size:.76rem;line-height:1.3;font-weight:860;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-queue-badges{display:flex;flex-wrap:wrap;gap:6px;min-height:18px}.media-queue-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface2) 76%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--line) 78%,rgba(255,255,255,.08));font-size:.54rem;font-weight:900;color:var(--soft);text-transform:uppercase;letter-spacing:.04em}.media-queue-badge.is-latest{background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 24%,transparent),color-mix(in srgb,var(--worldB) 20%,transparent));border-color:color-mix(in srgb,var(--worldB) 30%,var(--line));color:var(--text)}.media-queue-badge.is-live{background:rgba(88,16,43,.72);border-color:rgba(255,77,127,.28);color:#ffd4e2}.media-queue-age{font-size:.58rem;color:var(--soft)}
.media-queue-empty{min-height:200px;border:1px dashed var(--line);border-radius:20px;display:grid;place-items:center;text-align:center;padding:22px;color:var(--soft);font-size:.7rem;line-height:1.5;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.media-stage-error{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;padding:26px;color:var(--muted);background:#050711}.media-stage-error strong{color:white}

html.performance-lite .media-signal-ring,html.page-paused .media-signal-ring{animation:none!important}
@media(max-width:980px){.media-showcase{grid-template-columns:1fr}.media-stage-body{min-height:auto}.media-queue-list{display:flex;overflow-x:auto;max-height:none;padding:0 0 4px;scroll-snap-type:x proximity}.media-queue-item{min-width:320px;grid-template-columns:104px minmax(0,1fr);scroll-snap-align:start}.media-queue-sub{max-width:none}}
@media(max-width:650px){.project-mark.project-mark-logo{width:62px;height:62px;flex-basis:62px;border-radius:18px}.project-card-top{margin-bottom:26px}.media-stage,.media-queue{border-radius:24px}.media-stage-frame::after{height:42%}.media-stage-overlay{left:14px;right:14px;bottom:14px;padding:13px 14px;border-radius:18px}.media-stage-body{align-items:stretch;flex-direction:column;padding:16px}.media-stage-actions{justify-content:stretch}.media-stage-actions .btn{flex:1}.media-stage-highlights{margin-top:12px}.media-poster-play{width:64px;height:64px;border-radius:20px}.media-queue-item{min-width:86%;grid-template-columns:92px minmax(0,1fr)}.media-queue-head{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.media-signal-ring{animation:none!important}.media-poster-play,.media-queue-item{transition:none}}


/* v6.0.0 — logo visibility + fully reimagined media hub */
.brand img{
  padding:5px;border-radius:12px;
  background:linear-gradient(145deg,#090c1b,#121a30);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)
}
.world-core{
  background:linear-gradient(145deg,#090c1b,#121a30);
  border-color:rgba(255,255,255,.12)
}
.world-core img{filter:drop-shadow(0 0 18px rgba(82,217,255,.22))}
html[data-theme="light"] .brand img,
html[data-theme="light"] .world-core,
html[data-theme="light"] .project-mark-auralis{
  background:linear-gradient(145deg,#090c1b,#121a30)!important;
  border-color:rgba(17,26,48,.14)!important
}
html[data-theme="light"] .world-core img,
html[data-theme="light"] .brand img{filter:drop-shadow(0 0 14px rgba(82,217,255,.16))}

.media-showcase{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr);gap:20px;align-items:stretch}
.media-stage,.media-queue{
  border-radius:36px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,rgba(75,112,255,.04)),color-mix(in srgb,var(--surface2) 90%,rgba(75,112,255,.02)));
  border:1px solid color-mix(in srgb,var(--line) 72%,rgba(120,170,255,.16));
  box-shadow:0 30px 90px rgba(0,0,0,.18);
  backdrop-filter:saturate(136%) blur(12px)
}
.media-stage{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:18px;min-width:0;padding:18px;position:relative;overflow:hidden;isolation:isolate}
.media-stage::after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(82,217,255,.12),transparent 68%);pointer-events:none;z-index:0}
.media-stage-frame{min-height:560px;height:100%;aspect-ratio:auto;border-radius:30px;border:1px solid color-mix(in srgb,var(--line) 76%,rgba(255,255,255,.08));box-shadow:0 20px 60px rgba(0,0,0,.22)}
.media-stage-frame::before{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%)}
.media-stage-frame::after{height:44%;background:linear-gradient(to top,rgba(3,5,12,.94),rgba(3,5,12,.35),transparent)}
.media-stage-frame[data-kind^="instagram"] img,.media-stage-frame video{object-fit:cover}
.media-poster{position:relative;width:100%;height:100%}
.media-poster img{width:100%;height:100%;object-fit:cover;display:block}
.media-stage-chip{left:20px;top:20px;padding:10px 14px;border-radius:999px;background:rgba(5,7,14,.76);border-color:rgba(255,255,255,.16);font-size:.6rem;letter-spacing:.12em}
.media-stage-overlay{left:20px;right:20px;bottom:20px;padding:20px 20px 18px;border-radius:26px;background:linear-gradient(180deg,rgba(5,7,14,.14),rgba(5,7,14,.75));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.media-stage-brow{font-size:.6rem;letter-spacing:.16em;color:#8cdfff}
.media-stage-overlay strong{font-size:clamp(1.2rem,2vw,1.62rem);line-height:1.1}
.media-stage-overlay span{font-size:.72rem;line-height:1.5;color:rgba(255,255,255,.8)}
.media-stage-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:18px;min-height:560px;padding:20px;border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 90%,rgba(255,255,255,.02)),color-mix(in srgb,var(--surface3) 78%,rgba(0,0,0,.02)));border:1px solid color-mix(in srgb,var(--line) 75%,rgba(255,255,255,.06));overflow:hidden}
.media-stage-body::before{content:"CENTRO DE SEÑALES";display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 24%,transparent),color-mix(in srgb,var(--worldB) 16%,transparent));border:1px solid color-mix(in srgb,var(--worldB) 28%,var(--line));font-size:.58rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:var(--text);margin-bottom:2px}
.media-stage-copy{min-width:0;max-width:none;display:grid;gap:10px}
.media-kicker{font-size:.58rem;letter-spacing:.16em;color:var(--worldB)}
.media-stage-copy h3{margin:2px 0 0;font-size:clamp(1.7rem,2.5vw,2.2rem);letter-spacing:-.05em;line-height:1.04}
.media-stage-copy p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}
.media-stage-highlights{display:grid;gap:10px;margin-top:2px}
.media-highlight{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border:1px solid color-mix(in srgb,var(--line) 82%,rgba(255,255,255,.06));font-size:.67rem;font-weight:820;color:var(--text)}
.media-highlight::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--worldA),var(--worldB));box-shadow:0 0 0 6px color-mix(in srgb,var(--worldA) 12%,transparent)}
.media-highlight.is-accent{background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 16%,transparent),color-mix(in srgb,var(--worldB) 8%,transparent));border-color:color-mix(in srgb,var(--worldB) 26%,var(--line))}
.media-stage-actions{display:grid;gap:10px;justify-content:stretch}
.media-stage-actions .btn{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;padding-inline:18px}
.media-queue{padding:18px;min-height:0;display:grid;grid-template-rows:auto 1fr;position:relative;overflow:hidden}
.media-queue::after{content:"";position:absolute;left:34px;top:92px;bottom:28px;width:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--worldB) 24%,transparent),transparent);pointer-events:none}
.media-queue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:4px 4px 18px}
.media-queue-head>div{display:grid;gap:6px}
.media-queue-head strong{font-size:1.12rem;letter-spacing:-.02em}
.media-queue-sub{margin:0;font-size:.71rem;line-height:1.52;color:var(--muted);max-width:none}
.media-queue-head>span{min-width:44px;height:34px;border-radius:13px;border:1px solid color-mix(in srgb,var(--worldB) 26%,var(--line));display:grid;place-items:center;color:var(--text);font-size:.72rem;font-weight:950;background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 16%,transparent),color-mix(in srgb,var(--worldB) 10%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.media-queue-list{display:grid;align-content:start;gap:12px;max-height:640px;overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.media-queue-item{width:100%;position:relative;border:1px solid color-mix(in srgb,var(--line) 80%,rgba(255,255,255,.04));border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);color:inherit;padding:12px 14px;display:grid;grid-template-columns:98px minmax(0,1fr) 32px;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s var(--ease),box-shadow .18s var(--ease)}
.media-queue-item::before{content:"";position:absolute;left:15px;top:20px;bottom:20px;width:2px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--worldA) 42%,transparent),transparent)}
.media-queue-item:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 7%,transparent),transparent),var(--surface2);transform:translateY(-1px) translateX(2px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.media-queue-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 14%,transparent),color-mix(in srgb,var(--worldB) 8%,transparent)),var(--surface2);border-color:color-mix(in srgb,var(--worldB) 26%,var(--line));box-shadow:0 20px 44px rgba(0,0,0,.14)}
.media-queue-thumb{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#080a14;border:1px solid color-mix(in srgb,var(--line) 82%,rgba(255,255,255,.08));margin-left:10px}
.media-queue-thumb::after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(to top,rgba(5,7,14,.74),transparent)}
.media-queue-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.media-queue-thumb.no-image{display:grid;place-items:center;color:var(--soft);font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.media-queue-thumb .live-dot-mini{left:9px;top:9px;width:8px;height:8px;box-shadow:0 0 0 4px rgba(255,77,127,.14)}
.media-queue-rank{right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(5,7,14,.82);border:1px solid rgba(255,255,255,.14);font-size:.54rem;letter-spacing:.08em}
.media-queue-copy{min-width:0;display:grid;align-content:center;gap:6px}
.media-queue-meta{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--worldB);font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-queue-title{font-size:.82rem;line-height:1.34;font-weight:860;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.media-queue-badges{display:flex;flex-wrap:wrap;gap:6px;min-height:auto}
.media-queue-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface2) 76%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--line) 78%,rgba(255,255,255,.08));font-size:.52rem;font-weight:900;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.media-queue-badge.is-latest{background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 24%,transparent),color-mix(in srgb,var(--worldB) 18%,transparent));border-color:color-mix(in srgb,var(--worldB) 30%,var(--line));color:var(--text)}
.media-queue-badge.is-live{background:rgba(88,16,43,.72);border-color:rgba(255,77,127,.28);color:#ffd4e2}
.media-queue-age{font-size:.6rem;color:var(--soft);line-height:1.4}
.media-queue-open{width:32px;height:32px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 84%,rgba(255,255,255,.08));display:grid;place-items:center;background:color-mix(in srgb,var(--surface2) 78%,rgba(255,255,255,.03));font-size:.92rem;color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.media-queue-empty{min-height:220px;border:1px dashed var(--line);border-radius:24px;display:grid;place-items:center;text-align:center;padding:22px;color:var(--soft);font-size:.72rem;line-height:1.6;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.media-stage-placeholder{gap:12px;padding:32px 40px}
.media-stage-placeholder strong{font-size:1.12rem;color:#fff}
.media-stage-placeholder>span:last-child{font-size:.76rem;max-width:34ch}
@media(max-width:1160px){.media-stage{grid-template-columns:1fr;min-height:0}.media-stage-frame{min-height:480px}.media-stage-body{min-height:auto}.media-showcase{grid-template-columns:1fr}.media-queue-list{max-height:none}}
@media(max-width:820px){.media-stage,.media-queue{border-radius:28px}.media-stage{padding:14px;gap:14px}.media-stage-body{padding:16px;border-radius:24px}.media-stage-frame{min-height:390px;border-radius:24px}.media-stage-overlay{left:14px;right:14px;bottom:14px;padding:16px;border-radius:20px}.media-queue{padding:14px}.media-queue::after{display:none}.media-queue-list{display:flex;overflow-x:auto;overflow-y:hidden;gap:12px;padding:0 0 4px;scroll-snap-type:x proximity}.media-queue-item{min-width:330px;scroll-snap-align:start;grid-template-columns:90px minmax(0,1fr) 32px}.media-stage-actions .btn{min-height:52px}}
@media(max-width:560px){.media-stage-frame{min-height:320px}.media-stage-copy h3{font-size:1.42rem}.media-highlight{padding:10px 11px;font-size:.64rem}.media-queue-item{min-width:88%}.media-stage-chip{left:14px;top:14px}.media-poster-play{width:62px;height:62px;border-radius:20px}.brand img{width:32px;height:32px}.world-core{border-radius:26px}}


/* v6.0.1 — shadows, logos in light mode, performance */
:root{
  --surface-shadow-soft:0 14px 34px rgba(15,23,42,.07),0 4px 12px rgba(15,23,42,.04);
  --surface-shadow-raised:0 22px 52px rgba(15,23,42,.10),0 8px 20px rgba(15,23,42,.05);
  --surface-shadow-card:0 18px 44px rgba(15,23,42,.08),0 6px 16px rgba(15,23,42,.04);
}
html[data-theme="dark"]{
  --surface-shadow-soft:0 16px 40px rgba(0,0,0,.24),0 6px 18px rgba(0,0,0,.14);
  --surface-shadow-raised:0 24px 58px rgba(0,0,0,.30),0 10px 24px rgba(0,0,0,.18);
  --surface-shadow-card:0 20px 48px rgba(0,0,0,.26),0 8px 18px rgba(0,0,0,.16);
}

.section-block:not(.hero-section),
.utility-grid,
.reason-grid,
.metrics,
.deck,
.fresh,
.media-showcase,
.explorer-section,
.project-grid,
.legal-cards,
.faq-grid{
  padding:8px;
  margin:-8px;
}

.social,
.metric,
.reason,
.utility,
.fresh-card,
.explorer-shell,
.project-card,
.media-stage,
.media-queue,
.email-row,
.social-link-chip,
.project-link,
.explorer-open,
.achievement-card,
.reward-card,
.btn{
  box-shadow:var(--surface-shadow-soft);
}

.social:hover,
.fresh-card:hover,
.project-card:hover,
.explorer-open:hover,
.btn:hover,
.media-queue-item:hover,
.media-queue-item.active{
  box-shadow:var(--surface-shadow-raised);
}

.utility,
.explorer-shell,
.project-card,
.media-stage,
.media-queue{
  border-color:color-mix(in srgb,var(--line) 88%,rgba(255,255,255,.12));
}

/* Remove paint containment that hard-clips shadows, replace with safer containment */
.project-card,
.media-stage,
.media-queue{
  contain:layout style !important;
}

.media-stage,
.media-queue{
  overflow:visible;
  box-shadow:var(--surface-shadow-raised) !important;
}

.media-stage-frame,
.media-stage-body,
.media-queue-item,
.email-row,
.explorer-open,
.project-link,
.social-link-chip{
  box-shadow:var(--surface-shadow-card);
}

.media-queue-list,
.project-grid,
.deck,
.fresh{
  scrollbar-gutter:stable both-edges;
}

/* Make the logo readable in light mode too */
.brand,
.world-core{
  isolation:isolate;
}
.brand img{
  box-shadow:0 14px 30px rgba(7,12,24,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
.world-core{
  box-shadow:0 18px 42px rgba(7,12,24,.18), inset 0 1px 0 rgba(255,255,255,.1);
}
.world-core::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:18px;
  background:radial-gradient(circle at 50% 45%,rgba(98,218,255,.18),transparent 70%);
  pointer-events:none;
  z-index:0;
}
.world-core img,
.brand img{position:relative;z-index:1}
html[data-theme="light"] .brand img,
html[data-theme="light"] .world-core{
  background:linear-gradient(145deg,#091225,#12203a) !important;
  border-color:rgba(12,22,44,.18) !important;
  box-shadow:0 16px 36px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-theme="light"] .world-core::before{
  background:radial-gradient(circle at 50% 45%,rgba(98,218,255,.22),transparent 70%);
}
html[data-theme="light"] .brand img,
html[data-theme="light"] .world-core img{
  filter:drop-shadow(0 0 16px rgba(104,222,255,.22));
}

/* Better date visibility in media queue */
.media-queue-age{
  font-size:.62rem;
  color:color-mix(in srgb,var(--muted) 88%,var(--text));
  line-height:1.45;
}
.media-queue-meta{
  color:color-mix(in srgb,var(--worldB) 76%,var(--text));
}

/* Large-traffic paint savings without clipping cards */
main>section:not(.hero-section){
  content-visibility:auto;
  contain-intrinsic-size:900px;
}

@media(max-width:820px){
  .section-block:not(.hero-section),
  .utility-grid,
  .reason-grid,
  .metrics,
  .deck,
  .fresh,
  .media-showcase,
  .explorer-section,
  .project-grid,
  .legal-cards,
  .faq-grid{
    padding:5px;
    margin:-5px;
  }
  .media-stage,
  .media-queue,
  .utility,
  .project-card,
  .explorer-shell{
    box-shadow:var(--surface-shadow-soft) !important;
  }
}


/* v6.0.2 — responsive density, unclipped shadows, polished media */
:root{
  --max:1240px;
  --shadow-clean:0 8px 22px rgba(14,23,42,.055),0 2px 7px rgba(14,23,42,.035);
  --shadow-clean-hover:0 12px 28px rgba(14,23,42,.075),0 4px 10px rgba(14,23,42,.04);
  --shadow-inner:inset 0 1px 0 rgba(255,255,255,.58);
}
html[data-theme="dark"]{
  --shadow-clean:0 9px 24px rgba(0,0,0,.20),0 2px 8px rgba(0,0,0,.12);
  --shadow-clean-hover:0 13px 30px rgba(0,0,0,.24),0 4px 11px rgba(0,0,0,.14);
  --shadow-inner:inset 0 1px 0 rgba(255,255,255,.035);
}

/* content-visibility creates paint containment and was clipping child shadows */
.section,
.media-section,
.explorer-section,
main>section:not(.hero){
  content-visibility:visible!important;
  contain:none!important;
  overflow:visible!important;
}

/* undo old negative breathing workaround and use real spacing */
.section-block:not(.hero-section),
.utility-grid,.reason-grid,.metrics,.deck,.fresh,.media-showcase,.explorer-section,.project-grid,.legal-cards,.faq-grid{
  margin:0!important;
  padding:0!important;
}
.section{margin-top:52px!important}
#logros{margin-top:68px!important}
#changelog{margin-top:48px!important}
#legal{margin-top:24px!important}

/* one consistent, restrained elevation system */
.topbar,.hero,.metric,.reason,.social,.live,.fresh-card,.utility,.explorer-shell,.project-card,
.media-stage,.media-queue,.master-details,.legal-panel,.achievement-drawer-panel,.sheet,.launch-box{
  box-shadow:var(--shadow-clean)!important;
}
.social:hover,.fresh-card:hover,.project-card:hover,.media-queue-item:hover,.media-queue-item.active,.btn:hover,.explorer-open:hover{
  box-shadow:var(--shadow-clean-hover)!important;
}
/* interior controls should not cast large external shadows */
.email-row,.btn,.project-link,.social-link-chip,.explorer-token,.explorer-open,.media-queue-item,
.media-stage-frame,.media-stage-body,.media-highlight,.achievement-card,.reward-card,.chip,.platform-node,.icon-btn{
  box-shadow:var(--shadow-inner)!important;
}

/* remove paint containment from surfaces with external elevation */
.project-card,.media-stage,.media-queue,.explorer-shell{contain:layout style!important}

/* keep media clipping only inside the visual frame, not on the outer card */
.media-stage,.media-queue{overflow:visible!important}
.media-stage-frame,.media-stage-body,.media-queue-list{overflow:hidden}
.media-queue-list{overflow-y:auto}

/* Desktop density: the previous 1800px rule made the page grow too much */
@media(min-width:1180px){
  html{font-size:14.5px}
  .shell{width:min(calc(100% - 34px),var(--max));padding-top:14px;padding-bottom:58px}
  .topbar{min-height:58px;padding:8px 10px 8px 13px}
  .hero,.hero-grid{min-height:535px!important}
  .hero-grid{padding:42px 46px!important;gap:28px!important}
  h1{font-size:clamp(4.6rem,8.2vw,7.3rem)!important;margin:18px 0 15px!important}
  .hero-copy{font-size:1.03rem;line-height:1.58;max-width:560px}
  .hero-chips{margin-top:18px}.hero-cta{margin-top:21px}
  .world-stage{min-height:425px!important}
  .metrics{margin-top:12px}
  .metric{min-height:118px;padding:17px}
  .metric-value{font-size:clamp(2rem,3.2vw,3rem)}
  .section h2{font-size:clamp(2rem,3.6vw,3.25rem)}
  .section-head{margin-bottom:14px}
  .utility{padding:20px}.project-card{padding:19px;min-height:365px}
  .explorer-shell{min-height:154px;padding:17px}
}
@media(min-width:1800px){
  :root{--max:1320px!important}
  html{font-size:14.25px}
  .hero,.hero-grid{min-height:550px!important}
  .hero-grid{padding:44px 50px!important}
  .world-stage{min-height:430px!important}
}

/* Recent content: denser, clearer and less visually heavy */
.media-showcase{gap:16px!important;grid-template-columns:minmax(0,1.18fr) minmax(315px,.82fr)!important}
.media-stage{grid-template-columns:minmax(0,1fr) 286px!important;gap:14px!important;padding:14px!important;border-radius:30px!important}
.media-stage-frame{min-height:455px!important;border-radius:24px!important}
.media-stage-body{min-height:455px!important;padding:16px!important;border-radius:24px!important;gap:14px!important}
.media-stage-body::before{padding:7px 10px;font-size:.54rem}
.media-stage-copy h3{font-size:clamp(1.45rem,2.1vw,1.9rem)!important}
.media-stage-copy p{font-size:.73rem!important;line-height:1.5!important}
.media-stage-highlights{gap:7px!important}.media-highlight{padding:9px 10px!important;font-size:.61rem!important;border-radius:14px!important}
.media-stage-actions .btn{min-height:48px!important}
.media-queue{padding:14px!important;border-radius:30px!important}
.media-queue-list{max-height:520px!important;gap:9px!important}
.media-queue-item{grid-template-columns:86px minmax(0,1fr) 30px!important;gap:10px!important;padding:9px 10px!important;border-radius:18px!important}
.media-queue-thumb{border-radius:13px!important;margin-left:6px!important}
.media-queue-title{font-size:.74rem!important}.media-queue-meta{font-size:.52rem!important}.media-queue-age{font-size:.57rem!important}
.media-queue-badge{padding:3px 7px!important;font-size:.48rem!important}
.media-queue-open{width:30px!important;height:30px!important;border-radius:10px!important}
.media-stage-overlay{left:16px!important;right:16px!important;bottom:16px!important;padding:15px 16px!important;border-radius:20px!important}
.media-poster-play{width:66px!important;height:66px!important;border-radius:21px!important}

/* Strong light-mode logo contrast */
html[data-theme="light"] .brand img,
html[data-theme="light"] .world-core{
  background:linear-gradient(145deg,#071226,#132645)!important;
  border-color:rgba(4,14,32,.20)!important;
}
html[data-theme="light"] .brand img,
html[data-theme="light"] .world-core img{filter:drop-shadow(0 0 11px rgba(95,220,255,.28))!important}

/* Smaller layouts remain comfortable rather than simply scaled down */
@media(max-width:1179px){
  :root{--max:1120px}
  .hero,.hero-grid{min-height:auto!important}
  .hero-grid{padding:34px 30px!important}
  .section{margin-top:46px!important}
  #logros{margin-top:58px!important}
  .media-showcase{grid-template-columns:1fr!important}
  .media-stage{grid-template-columns:minmax(0,1fr) 280px!important}
}
@media(max-width:900px){
  .media-stage{grid-template-columns:1fr!important}
  .media-stage-frame{min-height:390px!important}
  .media-stage-body{min-height:auto!important}
  .section{margin-top:40px!important}
  #logros{margin-top:50px!important}
}
@media(max-width:640px){
  html{font-size:14px}
  .hero-grid{padding:25px 18px!important}
  .media-stage-frame{min-height:300px!important}
  .media-stage,.media-queue{border-radius:24px!important}
  .section{margin-top:34px!important}
}

/* Finish the shadow language on floating/secondary UI as well */
.experience-rail,.experience-rail a span,.achievement-orb,.explorer-orb,.floating-live,.update-bar,.special-day,.project-mark-jaisa,.media-stage-chip{
  box-shadow:var(--shadow-clean)!important;
}
.media-poster-play{box-shadow:0 10px 24px rgba(0,0,0,.24)!important}
.media-poster-play:hover{box-shadow:0 13px 30px rgba(0,0,0,.28)!important}
.media-stage,.media-queue{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* v6.0.3 — clearer vertical rhythm between blocks */
#personal .reason-grid,#gaming .reason-grid{margin-bottom:28px!important}
.metrics{margin:24px 0 30px!important}
.metrics + .world-nav{margin-top:0!important}
.section-head{margin-bottom:20px!important}
#personal .deck,#gaming .deck{margin-top:0!important}
@media(max-width:1179px){
  #personal .reason-grid,#gaming .reason-grid{margin-bottom:23px!important}
  .metrics{margin:20px 0 25px!important}
  .section-head{margin-bottom:18px!important}
}
@media(max-width:640px){
  #personal .reason-grid,#gaming .reason-grid{margin-bottom:18px!important}
  .metrics{margin:17px 0 22px!important}
  .section-head{margin-bottom:16px!important}
}

/* v6.0.4 — clean media timeline + detected-date state */
.media-queue::after{display:none!important}
.media-queue-item::before{
  left:10px!important;
  top:50%!important;
  bottom:auto!important;
  width:3px!important;
  height:30px!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(180deg,var(--worldA),var(--worldB))!important;
  opacity:.5!important;
}
.media-queue-item.active::before{height:46px!important;opacity:.95!important}
.media-queue-list{padding-left:2px!important}
.media-queue-thumb{margin-left:8px!important}
.media-queue-item{overflow:hidden!important}
.media-queue-badge.is-detected{
  background:linear-gradient(135deg,color-mix(in srgb,var(--worldB) 16%,transparent),color-mix(in srgb,var(--worldA) 10%,transparent));
  border-color:color-mix(in srgb,var(--worldB) 26%,var(--line));
  color:var(--text)
}
.media-queue-age{font-variant-numeric:tabular-nums}

@media(max-width:820px){
  .media-queue-item::before{height:26px!important;left:8px!important}
  .media-queue-item.active::before{height:36px!important}
}


/* v6.0.5 — solo una pieza por cuenta oficial */
.media-queue-list{max-height:none!important;overflow:visible!important;scrollbar-width:none!important;padding-right:0!important}
.media-queue-list::-webkit-scrollbar{display:none!important}
.media-queue{overflow:hidden!important}
.media-queue-item{min-height:86px}
.media-queue-rank{display:none!important}
@media(min-width:1161px){.media-showcase{align-items:start}.media-queue{height:auto;min-height:0}.media-stage{min-height:0}}


.media-queue-badge.is-owner{color:var(--text);border-color:color-mix(in srgb,var(--worldB) 22%,var(--line));background:color-mix(in srgb,var(--worldB) 7%,var(--surface2))}

.media-queue-badge.is-fallback{color:var(--soft);border-style:dashed;background:transparent}

/* =========================================================
   ARIAM SOCIAL UNIVERSE v7.0.0
   Major editorial / portfolio refinement
   ========================================================= */
:root{
  --bg:#060b16;
  --bg2:#080e1b;
  --surface:#0d1424;
  --surface2:#111a2d;
  --surface3:#162139;
  --text:#f6f8ff;
  --muted:#9ba8c2;
  --soft:#73829f;
  --line:rgba(155,177,216,.15);
  --line2:rgba(155,177,216,.25);
  --worldA:#7977ff;
  --worldB:#4dd7ff;
  --shadow-soft:0 12px 34px rgba(0,0,0,.18);
  --shadow-card:0 16px 42px rgba(0,0,0,.22);
  --shadow-raised:0 24px 64px rgba(0,0,0,.26);
  --panel-radius:26px;
  --card-radius:18px;
  --control-radius:13px;
  --max:1280px;
}
html[data-world="gaming"]{--worldA:#7977ff;--worldB:#4dd7ff}
html[data-world="personal"]{--worldA:#7977ff;--worldB:#4dd7ff}
html[data-theme="light"]{
  --bg:#f3f6fb;
  --bg2:#f7f9fc;
  --surface:#ffffff;
  --surface2:#f8fafd;
  --surface3:#eef3f9;
  --text:#0a1020;
  --muted:#60708d;
  --soft:#7a879d;
  --line:#dde4ef;
  --line2:#cbd6e5;
  --shadow-soft:0 8px 24px rgba(15,23,42,.055);
  --shadow-card:0 10px 30px rgba(15,23,42,.065);
  --shadow-raised:0 18px 42px rgba(15,23,42,.09);
}
html{font-size:15px}
body{background:linear-gradient(180deg,var(--bg2),var(--bg) 72%)}
body::before{opacity:.12;background-size:96px 96px}
html[data-theme="light"] body::before{opacity:.025}
.shell{width:min(calc(100% - 32px),var(--max));padding:16px 0 62px}
.runtime-data{display:none!important}

/* Typography discipline */
h1{font-weight:800}
.section h2,.project-card h3,.media-stage-copy h3{font-weight:780}
.social h3,.purpose-card h3,.contact-panel h3,.live h3{font-weight:700}
.btn,.project-link,.contact-btn,.experience-rail a span{font-weight:700}
.index,.kicker,.project-code,.project-status,.media-kicker,.live-k{font-weight:650;letter-spacing:.145em}
.section-tag,.universe-lead,.purpose-card p,.project-card p,.contact-copy p,.media-stage-copy p{font-weight:430}
.index{font-size:.75rem}

/* Header: public-facing, not developer-facing */
.topbar{
  position:sticky;top:10px;z-index:48;
  margin:0 0 16px;padding:7px 8px 7px 10px;
  border-radius:18px;border:1px solid var(--line);
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(14px) saturate(1.08);
  box-shadow:var(--shadow-soft)
}
.brand{gap:10px;padding-right:6px;font-weight:800;letter-spacing:.09em;font-size:.78rem}
.brand img{width:32px;height:32px;padding:5px;border-radius:11px;background:linear-gradient(145deg,#091225,#12203a);border:1px solid rgba(255,255,255,.08);box-shadow:none}
.actions{align-items:center;gap:7px}
.icon-btn{width:40px;height:40px;border-radius:12px;background:var(--surface2);box-shadow:none}
.icon-btn:hover{transform:translateY(-1px)}
.preferences-wrap{position:relative}
.preferences-popover{
  position:absolute;right:0;top:48px;width:270px;padding:10px;
  border:1px solid var(--line);border-radius:18px;background:var(--surface);
  box-shadow:var(--shadow-raised);opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);
  transform-origin:top right;transition:.18s var(--ease);z-index:60
}
.preferences-popover.open{opacity:1;visibility:visible;transform:none}
.pref-head{display:flex;justify-content:space-between;align-items:end;padding:6px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.pref-head strong{font-size:.82rem}.pref-head span{font-size:.65rem;color:var(--soft)}
.pref-action{width:100%;border:0;background:transparent;color:var(--text);padding:9px;border-radius:12px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}
.pref-action:hover{background:var(--surface2)}
.pref-icon{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--surface2)}
.pref-icon .icon{width:18px;height:18px}.pref-action strong{display:block;font-size:.75rem}.pref-action small{display:block;color:var(--soft);font-size:.64rem;margin-top:2px}.pref-action>b{font-size:.72rem;color:var(--soft)}

/* Hero */
.hero{
  min-height:600px;border-radius:30px;border-color:var(--line);overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 6%,transparent),transparent 46%),linear-gradient(315deg,color-mix(in srgb,var(--worldB) 5%,transparent),transparent 50%),var(--surface);
  box-shadow:var(--shadow-card)
}
.hero::before{opacity:.12;background-size:132px 132px}
.hero::after{opacity:.45}
.hero-grid{min-height:600px;grid-template-columns:1.03fr .97fr;gap:38px;padding:58px}
.hero-copy-block{position:relative;z-index:4}
.kicker{font-size:.74rem;font-weight:650}.kicker::before{width:34px}
h1{font-size:clamp(4.7rem,9vw,8rem);line-height:.84;margin:24px 0 24px;letter-spacing:-.075em}
.hero-copy{max-width:600px;font-size:clamp(1rem,1.5vw,1.17rem);line-height:1.62;margin:0;color:var(--muted)}
.hero-copy strong{color:var(--text);font-weight:600}
.hero-note{margin:10px 0 0;color:var(--soft);font-size:.84rem}
.hero-chips{display:none!important}
.hero-cta{margin-top:26px;gap:9px}
.btn{border-radius:13px;padding:12px 16px;box-shadow:none}
.btn:hover{transform:translateY(-2px)}
.world-stage{min-height:450px}
.identity{border-radius:38px;box-shadow:0 24px 58px rgba(0,0,0,.25)}
.world-core{border-radius:27px;box-shadow:0 18px 42px rgba(0,0,0,.22)}
html[data-theme="light"] .hero{background:linear-gradient(135deg,rgba(121,119,255,.035),transparent 46%),linear-gradient(315deg,rgba(77,215,255,.035),transparent 48%),#fff}
html[data-theme="light"] .hero::after{opacity:.12}
html[data-theme="light"] .brand img,html[data-theme="light"] .world-core{background:linear-gradient(145deg,#091225,#12203a)!important;border-color:rgba(15,27,51,.16)!important}

/* Sections: more editorial rhythm */
.section{margin-top:86px;content-visibility:auto;contain-intrinsic-size:700px}
.section::before{display:none!important}
.section-head{align-items:end;margin:0 4px 24px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.section-head::after{bottom:-1px;height:1px;width:min(34%,300px)!important;background:linear-gradient(90deg,var(--worldA),var(--worldB),transparent)}
.section h2{font-size:clamp(2.25rem,4.6vw,3.65rem);line-height:1;letter-spacing:-.055em}
.section-tag{max-width:420px;font-size:.8rem;line-height:1.55;color:var(--soft)}

/* What I do */
.purpose-section{margin-top:62px}
.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.purpose-card{position:relative;min-height:210px;padding:24px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}
.purpose-card::after{content:"";position:absolute;right:-40px;bottom:-55px;width:130px;height:130px;border:1px solid var(--line);border-radius:50%;opacity:.5}
.purpose-no{position:absolute;right:18px;top:16px;color:var(--soft);font-size:.67rem;letter-spacing:.14em}
.purpose-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--worldA) 8%,var(--surface2));border:1px solid var(--line);font-size:1rem}
.purpose-card h3{font-size:1.22rem;margin:32px 0 7px}
.purpose-card p{margin:0;max-width:32ch;color:var(--muted);font-size:.82rem;line-height:1.6}

/* Projects first: strongest proof of work */
.projects-section{margin-top:86px}
.project-atlas{padding:0!important;margin:0!important;overflow:visible}
.project-thread{display:none!important}
.project-grid{gap:14px;overflow:visible}
.project-card{
  min-height:440px;border-radius:22px;padding:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);overflow:hidden;contain:layout style
}
.project-card::before{height:2px;left:20px;right:20px;top:0;opacity:.95}
.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-raised)}
.project-card h3{font-size:1.58rem;letter-spacing:-.04em;margin:15px 0 5px}
.project-card p{font-size:.79rem;line-height:1.6;color:var(--muted);margin:15px 0 17px}
.project-card-top{margin-bottom:26px}
.project-mark{width:62px;height:62px;flex-basis:62px;border-radius:17px;box-shadow:none}
.project-mark-jaisa{background:#fff!important}
.quiet-logo{background:#090b11!important;box-shadow:none!important}
.project-role{font-size:.72rem}
.project-tags{gap:6px}.project-tags span{font-size:.6rem;padding:6px 9px}
.project-links{gap:7px;margin-top:auto}.project-link{border-radius:11px;font-size:.66rem;padding:8px 10px}
.auralis-signal{position:absolute;right:-18px;top:90px;width:160px;height:160px;opacity:.06;pointer-events:none;filter:saturate(.75)}
.auralis-signal img{width:100%;height:100%;object-fit:contain}
html[data-theme="light"] .project-card{box-shadow:var(--shadow-soft)}
html[data-theme="light"] .project-lumen{background:linear-gradient(180deg,rgba(255,196,105,.025),#fff 34%)}
html[data-theme="light"] .project-auralis{background:linear-gradient(180deg,rgba(142,109,255,.035),#fff 34%)}
html[data-theme="light"] .project-jaisa{background:linear-gradient(180deg,rgba(150,200,91,.035),#fff 34%)}

/* Universe sections: compact, content-first */
.universe-section{margin-top:86px}
.universe-head{align-items:flex-end}
.universe-lead{margin:10px 0 0;max-width:600px;color:var(--muted);font-size:.9rem;line-height:1.55}
.universe-pillars{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.universe-pillars span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);font-size:.66rem;color:var(--muted);font-weight:600}
.reason-grid{display:none!important}
.compact-deck{gap:14px}
.social{
  min-height:205px;border-radius:20px;padding:18px;background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-soft);overflow:hidden;transform:none!important
}
.social:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-card);background:var(--surface)}
.social::before{display:none!important}
.social::after{width:140px;height:140px;right:-55px;bottom:-70px;opacity:.55}
.social-top{align-items:center}.avatar{width:50px;height:50px;border-radius:14px}.platform-logo{width:40px;height:40px;border-radius:12px}
.social-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:28px;padding-right:48px}
.social h3{margin:0 0 3px;font-size:1.05rem}.handle{font-size:.76rem}
.count{position:static;font-size:1.65rem;line-height:1;text-align:right;white-space:nowrap}
.count small{font-size:.61rem;margin-top:4px}
.card-action{right:16px;bottom:16px;width:38px;height:38px;border-radius:11px}
.gaming-deck .social{grid-column:span 4}
.compact-live{min-height:118px;margin-top:14px;border-radius:20px;padding:20px 22px;box-shadow:var(--shadow-soft);overflow:visible}
.compact-live h3{font-size:1.15rem;margin:5px 0 3px}.compact-live p{font-size:.76rem}

/* Recent content: editorial, max 5 verified real items, no timeline */
.editorial-media-section{margin-top:92px}
.editorial-media{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);gap:16px;align-items:stretch}
.editorial-media .media-stage,.editorial-media .media-queue{border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-card);backdrop-filter:none;overflow:hidden;contain:layout style}
.editorial-media .media-stage::before,.editorial-media .media-queue::before,.editorial-media .media-stage::after,.editorial-media .media-queue::after{display:none!important}
.editorial-feature{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;gap:0!important;padding:0!important}
.editorial-feature .media-stage-frame{min-height:470px;height:100%;border:0;border-radius:0;box-shadow:none;background:#050711}
.editorial-feature .media-stage-body{min-height:470px;padding:28px 24px;border:0;border-radius:0;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;box-shadow:none}
.editorial-feature .media-stage-body::before{display:none!important}
.media-stage-chip{left:18px;top:18px;padding:8px 11px;border-radius:999px;font-size:.58rem;background:rgba(5,7,14,.78)}
.media-stage-overlay{left:18px;right:18px;bottom:18px;padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(5,7,14,.05),rgba(5,7,14,.68));border:1px solid rgba(255,255,255,.08)}
.media-stage-brow{font-size:.57rem}.media-stage-overlay strong{font-size:1.1rem}
.media-poster-play{width:64px;height:64px;border-radius:20px}
.media-kicker{font-size:.66rem;color:var(--worldB)}
.media-stage-copy h3{font-size:clamp(1.45rem,2.2vw,2rem);margin:9px 0 9px;line-height:1.05}
.media-stage-copy p{font-size:.74rem;line-height:1.55;color:var(--muted)}
.media-stage-highlights{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.media-highlight{display:inline-flex;width:auto;padding:7px 9px;border-radius:999px;font-size:.59rem;background:var(--surface2);box-shadow:none}
.media-highlight::before{width:5px;height:5px;box-shadow:none}
.media-stage-actions{display:block}.media-stage-actions .btn{width:100%;min-height:48px}
.editorial-more{padding:18px!important;display:flex!important;flex-direction:column;min-height:470px}
.media-queue-head{padding:2px 2px 16px;align-items:start}.media-queue-head strong{font-size:1rem}.media-queue-sub{font-size:.67rem}.media-queue-head>span{min-width:34px;height:30px;border-radius:10px;font-size:.64rem}
.media-queue-list{display:grid;grid-template-columns:1fr;gap:9px;max-height:none!important;overflow:visible!important;padding:0!important}
.media-queue-item{grid-template-columns:86px minmax(0,1fr) 30px!important;gap:11px!important;padding:10px!important;border-radius:15px!important;background:var(--surface2)!important;border:1px solid var(--line)!important;box-shadow:none!important;min-height:84px}
.media-queue-item::before{display:none!important}
.media-queue-item:hover{transform:translateY(-1px)!important;border-color:var(--line2)!important;box-shadow:none!important}
.media-queue-item.active{display:none!important}
.media-queue-thumb{margin:0!important;border-radius:11px!important}
.media-queue-rank,.media-queue-badges{display:none!important}
.media-queue-copy{gap:4px!important}.media-queue-meta{font-size:.55rem;font-weight:650}.media-queue-title{font-size:.72rem;line-height:1.28}.media-queue-age{font-size:.57rem;line-height:1.35;color:var(--soft)}
.media-queue-open{width:30px;height:30px;border-radius:10px}
.media-queue-empty{display:none!important}
.media-queue.is-empty{display:none!important}
.editorial-media.is-single{grid-template-columns:1fr}
.editorial-media.is-single .media-queue{display:none!important}
html[data-theme="light"] .editorial-media .media-stage,html[data-theme="light"] .editorial-media .media-queue{box-shadow:var(--shadow-soft)}

/* Contact: smaller, clearer, no plain-text emails in DOM */
.contact-section{margin-top:86px}
.contact-panel{display:grid;grid-template-columns:1fr 1.05fr auto;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft)}
.contact-kicker{font-size:.66rem;letter-spacing:.145em;text-transform:uppercase;color:var(--soft);font-weight:650}
.contact-copy h3{font-size:1.22rem;margin:6px 0}.contact-copy p{max-width:48ch;margin:0;color:var(--muted);font-size:.72rem;line-height:1.5}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.contact-btn{position:relative;border:1px solid var(--line);border-radius:15px;background:var(--surface2);padding:13px 42px 13px 14px;text-align:left;cursor:pointer;color:var(--text);transition:.2s var(--ease)}
.contact-btn:hover{transform:translateY(-2px);border-color:var(--line2)}
.contact-btn span{display:block;font-size:.58rem;color:var(--soft);text-transform:uppercase;letter-spacing:.12em}.contact-btn strong{display:block;font-size:.78rem;margin-top:3px}.contact-btn b{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
.personal-contact{background:linear-gradient(135deg,color-mix(in srgb,#7977ff 7%,var(--surface2)),var(--surface2))}.gaming-contact{background:linear-gradient(135deg,color-mix(in srgb,#4dd7ff 7%,var(--surface2)),var(--surface2))}
.share-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.share-actions .btn{font-size:.7rem;padding:11px 13px}

/* Achievements remain a discoverable easter egg, not a headline feature */
.explorer-section.understated{margin-top:70px!important}
.understated .explorer-shell{min-height:150px;border-radius:22px;padding:17px;box-shadow:var(--shadow-soft);background:linear-gradient(125deg,color-mix(in srgb,var(--worldA) 4%,transparent),transparent 40%),var(--surface)}
.understated .explorer-intro h2{font-size:1.5rem}.understated .explorer-intro p{font-size:.68rem}.understated .explorer-orb{width:50px;height:50px;border-radius:15px}.understated .explorer-open{border-radius:15px}

/* Changelog moved out of the home. Legal stays compact and closed by default. */
.legal-compact-section{margin-top:34px!important}
.legal-compact{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:none;overflow:hidden}
.legal-compact .master-summary{padding:14px 16px}
.legal-summary-copy{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%}
.legal-summary-copy strong{font-size:.82rem}.legal-summary-copy>span:last-child{color:var(--soft);font-size:.68rem;text-align:right}
.legal-compact .master-body{padding:14px;border-top:1px solid var(--line)}
.legal-grid{border-radius:16px}

footer{margin-top:42px;padding:22px 4px 0;border-top:1px solid var(--line);font-size:.68rem;color:var(--soft)}
footer small{font-size:.58rem;color:color-mix(in srgb,var(--soft) 72%,transparent);margin-left:4px}
.footer-links{gap:14px}

/* Experience rail: informative on hover, transient label on section change */
.experience-rail{border-radius:16px;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);gap:5px}
.experience-rail a{width:28px;height:28px;border-radius:9px}
.experience-rail a span{left:36px;font-size:.65rem;border-radius:9px;box-shadow:var(--shadow-soft)}
.experience-rail a.flash span{opacity:1;transform:translate(0,-50%)}
.experience-rail a.active i{width:7px;height:7px}

/* Theme semantics: platform glows are local, global interface stays restrained */
.social.instagram::after{background:radial-gradient(circle,rgba(240,77,154,.16),transparent 68%)}
.social.youtube::after{background:radial-gradient(circle,rgba(255,61,69,.14),transparent 68%)}
.social.twitch::after{background:radial-gradient(circle,rgba(169,112,255,.15),transparent 68%)}
html[data-theme="light"] .social::after{opacity:.22}
html[data-theme="light"] .ambient-orb,html[data-theme="light"] .ambient-scan{display:none!important}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.92)}
html[data-theme="light"] .social,html[data-theme="light"] .purpose-card,html[data-theme="light"] .contact-panel,html[data-theme="light"] .explorer-shell{box-shadow:var(--shadow-soft)}

/* Do not keep old perspective/hover machinery on core portfolio cards */
.social,.purpose-card,.project-card,.contact-panel,.media-stage,.media-queue{transform:none!important;transform-style:flat!important}
.social::before,.purpose-card::before,.project-card .surface-glow{display:none!important}

/* Drawer becomes a mobile bottom-sheet; desktop remains right drawer */
@media(max-width:900px){
  html{font-size:14.5px}
  .shell{width:min(calc(100% - 22px),var(--max));padding-bottom:42px}
  .experience-rail{display:none!important}
  .topbar{top:7px}
  .hero{min-height:0;border-radius:24px}
  .hero-grid{min-height:0;grid-template-columns:1fr;padding:36px 26px 28px;gap:20px}
  h1{font-size:clamp(4.2rem,21vw,7rem);margin:22px 0 20px}
  .hero-copy{max-width:54ch}
  .world-stage{min-height:380px;transform:scale(.93);transform-origin:center}
  .section{margin-top:68px}.section-head{align-items:start;flex-direction:column;gap:10px}.section-tag{text-align:left;max-width:620px}
  .purpose-grid{grid-template-columns:1fr 1fr}.purpose-card:last-child{grid-column:1/-1}
  .project-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,82%);grid-template-columns:none;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;padding:4px 3px 18px;gap:12px}.project-card{scroll-snap-align:start}
  .universe-head{align-items:start}.universe-pillars{justify-content:flex-start}
  .editorial-media{grid-template-columns:1fr}.editorial-feature{grid-template-columns:1.15fr .85fr!important}.editorial-more{min-height:0}.media-queue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-panel{grid-template-columns:1fr 1fr}.share-actions{grid-column:1/-1;justify-content:flex-start}
  .explorer-shell{grid-template-columns:1fr!important}.explorer-preview{display:none!important}
  .achievement-drawer-panel{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:min(84vh,760px)!important;border-radius:24px 24px 0 0!important}
}
@media(max-width:650px){
  html{font-size:14px}
  .actions{gap:5px}.icon-btn{width:38px;height:38px}.brand img{width:30px;height:30px}
  .preferences-popover{position:fixed;right:12px;top:66px;width:min(300px,calc(100vw - 24px))}
  .hero-grid{padding:30px 20px 22px}.hero-cta{display:grid;grid-template-columns:1fr 1fr}.hero-cta .ghost-link{grid-column:1/-1;text-align:center}.btn{text-align:center}
  .world-stage{min-height:330px;transform:scale(.82);margin:-18px 0 -14px}
  .purpose-grid{grid-template-columns:1fr}.purpose-card:last-child{grid-column:auto}.purpose-card{min-height:165px}.purpose-card h3{margin-top:22px}
  .project-grid{grid-auto-columns:88%}.project-card{min-height:430px}
  .deck,.compact-deck,.gaming-deck{display:grid;grid-template-columns:1fr!important}.social,.social.wide,.gaming-deck .social{grid-column:auto!important;min-height:188px}.social-copy{margin-top:22px}.count{font-size:1.45rem}
  .compact-live{grid-template-columns:1fr;gap:14px}
  .editorial-feature{grid-template-columns:1fr!important}.editorial-feature .media-stage-frame{min-height:320px}.editorial-feature .media-stage-body{min-height:0;padding:20px}.media-queue-list{display:flex;overflow-x:auto!important;gap:9px;scroll-snap-type:x proximity}.media-queue-item{min-width:82%;scroll-snap-align:start}.editorial-more{padding:14px!important}
  .contact-panel{grid-template-columns:1fr;padding:18px}.contact-actions{grid-template-columns:1fr 1fr}.share-actions{grid-column:auto}.share-actions .btn{flex:1}
  .legal-summary-copy{grid-template-columns:1fr}.legal-summary-copy>span:last-child{text-align:left}.legal-grid{grid-template-columns:1fr}.legal-nav{display:flex;overflow-x:auto}.legal-nav button{white-space:nowrap}
  footer{display:grid;gap:14px!important}.footer-links{flex-wrap:wrap}
}
@media(max-width:420px){
  .hero-cta{grid-template-columns:1fr}.hero-cta .ghost-link{grid-column:auto}.contact-actions{grid-template-columns:1fr}.media-queue-item{min-width:92%}
}

@media(prefers-reduced-motion:reduce){
  .project-card,.social,.purpose-card,.contact-btn,.btn,.experience-rail a span{transition:none!important}
}


/* =========================================================
   ARIAM SOCIAL UNIVERSE v7.1.0
   Movement metrics, signal center, micrographics, sound UX
   ========================================================= */

/* Keep interaction premium and restrained */
.btn:hover,.social:hover,.project-card:hover,.contact-btn:hover,.purpose-card:hover{transform:translateY(-1px)!important}

/* MOVEMENT / REAL METRICS */
.movement-section{margin-top:58px}
.movement-grid{display:grid;grid-template-columns:1.28fr 1fr .86fr .9fr;gap:14px}
.movement-card{position:relative;min-height:230px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden;isolation:isolate}
.movement-card::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-76px;bottom:-96px;border:1px solid var(--line);opacity:.45;pointer-events:none}
.movement-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--soft);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.movement-card-head small{font-size:.57rem;letter-spacing:.02em;text-transform:none;font-weight:500;text-align:right;color:var(--muted)}
.movement-value-row{display:flex;align-items:end;gap:12px;margin-top:17px;position:relative;z-index:2}
.movement-value-row strong{font-size:2.65rem;line-height:.88;letter-spacing:-.06em;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
.movement-value-row span{max-width:17ch;color:var(--muted);font-size:.66rem;line-height:1.35}
.movement-value-row.compact strong{font-size:2rem}
.constellation{height:112px;margin-top:8px;position:relative;z-index:2}
.constellation svg{width:100%;height:100%;overflow:visible}
.constellation-lines path{fill:none;stroke:color-mix(in srgb,var(--worldB) 26%,var(--line));stroke-width:1;stroke-dasharray:140;stroke-dashoffset:140}
.constellation-core{fill:color-mix(in srgb,var(--worldA) 62%,var(--worldB));filter:drop-shadow(0 0 9px color-mix(in srgb,var(--worldB) 28%,transparent));transform-origin:center;opacity:.4}
.constellation-node{stroke:var(--surface);stroke-width:2;opacity:.25;transform-box:fill-box;transform-origin:center;transform:scale(.55)}
.constellation-node.ig{fill:#f04d9a}.constellation-node.yt{fill:#ff3d45}.constellation-node.tw{fill:#a970ff}.constellation-node.is-missing{fill:var(--soft);opacity:.22}
.constellation text{fill:var(--soft);font-size:7px;font-family:inherit}
.movement-section.in .constellation-lines path{animation:drawMetricLine .8s var(--ease) forwards}
.movement-section.in .constellation-core{animation:metricCore .6s var(--ease) .16s forwards}
.movement-section.in .constellation-node{animation:metricNode .5s var(--ease) .35s forwards}
@keyframes drawMetricLine{to{stroke-dashoffset:0}}@keyframes metricCore{to{opacity:1;transform:scale(1)}}@keyframes metricNode{to{opacity:1;transform:scale(1)}}

.signal-bars{display:grid;gap:13px;margin-top:25px;position:relative;z-index:2}
.signal-row>div{display:flex;justify-content:space-between;gap:8px;font-size:.62rem;color:var(--muted);margin-bottom:6px}
.signal-row b{font-weight:650;color:var(--text)}
.signal-row i{display:block;height:7px;border-radius:999px;background:var(--surface3);overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.signal-row i span{display:block;width:var(--signal,0%);height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--worldA),var(--worldB));transition:width .4s var(--ease)}
.signal-row:nth-child(1) i span{background:linear-gradient(90deg,#f04d9a,#8b5cf6)}
.signal-row:nth-child(2) i span{background:linear-gradient(90deg,#ff3d45,#ff756a)}
.signal-row:nth-child(3) i span{background:linear-gradient(90deg,#9146ff,#b77cff)}
.movement-section.in .signal-row i span{animation:signalGrow .75s var(--ease) .18s forwards}@keyframes signalGrow{to{transform:scaleX(1)}}

.ecosystem-orbit{height:124px;position:relative;margin-top:7px}
.ecosystem-core{position:absolute;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#091225,#12203a);border:1px solid rgba(255,255,255,.09);font-weight:800;color:#fff;z-index:3}
.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.65}.ring-one{width:150px;height:74px}.ring-two{width:106px;height:106px}
.project-node{position:absolute;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface2);overflow:hidden;opacity:0;transform:scale(.65)}
.project-node img{width:100%;height:100%;object-fit:contain}.project-node.jaisa{left:12%;top:18%;background:#fff}.project-node.lumen{right:8%;top:28%;background:#090b11}.project-node.auralis{left:46%;bottom:2%;background:#090b15}
.movement-section.in .project-node{animation:projectNodeIn .5s var(--ease) forwards}.movement-section.in .project-node.lumen{animation-delay:.12s}.movement-section.in .project-node.auralis{animation-delay:.24s}@keyframes projectNodeIn{to{opacity:1;transform:scale(1)}}

.twitch-wave{position:absolute;left:18px;right:18px;bottom:15px;width:calc(100% - 36px);height:72px;overflow:visible}
.twitch-wave path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.wave-base{stroke:var(--line)}.wave-live{stroke:#a970ff;stroke-dasharray:320;stroke-dashoffset:320;opacity:.38}
.movement-section.in .wave-live{animation:waveDraw 1s var(--ease) .2s forwards}@keyframes waveDraw{to{stroke-dashoffset:0}}
.twitch-metric-card.is-live{border-color:rgba(169,112,255,.35);background:linear-gradient(145deg,rgba(145,70,255,.08),transparent 55%),var(--surface)}
.twitch-metric-card.is-live .movement-value-row strong{color:#d9c6ff}.twitch-metric-card.is-live .wave-live{opacity:1}
.twitch-metric-card.is-unknown .wave-live{opacity:.14}
.movement-footnote{margin:10px 4px 0;color:var(--soft);font-size:.61rem;line-height:1.45}
html[data-theme="light"] .movement-card{box-shadow:var(--shadow-soft)}

/* What I do: proprietary micrographics instead of generic glyphs */
.purpose-viz{position:relative;width:74px;height:54px;margin-top:2px}
.purpose-viz i,.purpose-viz span{position:absolute;display:block}
.create-viz i{width:9px;height:9px;border:1px solid color-mix(in srgb,var(--worldB) 55%,var(--line2));border-radius:3px;background:color-mix(in srgb,var(--worldA) 7%,var(--surface2));opacity:.5}
.create-viz i:nth-child(1){left:3px;top:12px}.create-viz i:nth-child(2){left:28px;top:1px}.create-viz i:nth-child(3){left:48px;top:26px}.create-viz i:nth-child(4){left:18px;top:37px}.create-viz span{left:31px;top:23px;width:12px;height:12px;transform:rotate(45deg);background:linear-gradient(135deg,var(--worldA),var(--worldB));border-radius:3px;opacity:.35}
.purpose-section.in .create-viz i,.purpose-section.in .create-viz span{animation:createAssemble .7s var(--ease) forwards}@keyframes createAssemble{50%{opacity:1;transform:translateY(-2px) rotate(0)}100%{opacity:.9}}
.build-viz span{width:9px;height:9px;border-radius:50%;background:var(--surface2);border:1px solid color-mix(in srgb,var(--worldB) 45%,var(--line2));z-index:2}.build-viz span:nth-child(1){left:3px;top:7px}.build-viz span:nth-child(2){right:3px;top:7px}.build-viz span:nth-child(3){left:3px;bottom:6px}.build-viz span:nth-child(4){right:3px;bottom:6px}.build-viz i{--rot:0deg;height:1px;background:color-mix(in srgb,var(--worldB) 38%,var(--line));transform-origin:left;transform:rotate(var(--rot)) scaleX(0)}.build-viz i:nth-of-type(1){left:11px;top:11px;width:50px}.build-viz i:nth-of-type(2){left:11px;top:44px;width:50px}.build-viz i:nth-of-type(3){--rot:47deg;left:7px;top:14px;width:34px}.purpose-section.in .build-viz i{animation:buildLine .7s var(--ease) forwards}@keyframes buildLine{to{transform:rotate(var(--rot)) scaleX(1)}}
.communicate-viz span{left:6px;top:10px;border:1px solid color-mix(in srgb,var(--worldB) 45%,var(--line2));border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg);opacity:.25}.communicate-viz span:nth-child(1){width:18px;height:18px}.communicate-viz span:nth-child(2){width:34px;height:34px;left:0;top:2px}.communicate-viz span:nth-child(3){width:50px;height:50px;left:-8px;top:-6px}.communicate-viz i{left:10px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--worldB);box-shadow:0 0 0 5px color-mix(in srgb,var(--worldB) 10%,transparent)}.purpose-section.in .communicate-viz span{animation:signalReveal .8s var(--ease) forwards}@keyframes signalReveal{to{opacity:.85}}
.purpose-card h3{margin-top:24px}

/* SIGNAL CENTER: editorial + adaptive, without the old oversized timeline */
.media-center-label{display:inline-flex;align-self:flex-start;margin-bottom:18px;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--worldB) 28%,var(--line));background:color-mix(in srgb,var(--worldB) 6%,var(--surface2));font-size:.56rem;letter-spacing:.13em;font-weight:700;color:var(--text)}
.editorial-media{grid-template-columns:minmax(0,1.48fr) minmax(320px,.62fr);gap:16px;align-items:start}
.editorial-media .media-stage,.editorial-media .media-queue{border-radius:24px}
.editorial-feature{grid-template-columns:minmax(0,1.22fr) minmax(270px,.78fr)!important;min-height:500px}
.editorial-feature .media-stage-frame,.editorial-feature .media-stage-body{min-height:500px}
.editorial-feature .media-stage-body{padding:24px;justify-content:space-between}
.media-stage-highlights{gap:6px}.media-highlight{font-size:.57rem;padding:6px 8px}
.editorial-more{min-height:auto;padding:16px!important}
.media-queue-head{padding:1px 1px 14px}.media-queue-head strong{font-size:.98rem}.media-queue-sub{max-width:28ch}
.media-queue-item{grid-template-columns:82px minmax(0,1fr) 30px!important;min-height:80px;padding:9px!important;border-radius:14px!important}
.media-queue-title{font-size:.71rem}.media-queue-age{font-size:.55rem}.media-queue-meta{font-size:.53rem;letter-spacing:.09em}
.media-queue-thumb{aspect-ratio:16/10!important}
.editorial-media.is-single{display:block}.editorial-media.is-single .media-stage{width:min(100%,940px);margin-inline:auto}.editorial-media.is-single .media-queue{display:none!important}
.editorial-media.has-2{grid-template-columns:minmax(0,1.6fr) minmax(270px,.4fr)}
.editorial-media.has-2 .media-queue-item{grid-template-columns:76px minmax(0,1fr) 30px!important}
.editorial-media.has-3,.editorial-media.has-4,.editorial-media.has-5{grid-template-columns:minmax(0,1.48fr) minmax(320px,.62fr)}
.media-stage:has(.media-stage-frame[data-kind="youtube"]){box-shadow:0 18px 44px rgba(255,61,69,.045)}
.media-stage:has(.media-stage-frame[data-kind^="instagram"]){box-shadow:0 18px 44px rgba(240,77,154,.045)}
.media-stage:has(.media-stage-frame[data-kind^="twitch"]){box-shadow:0 18px 44px rgba(169,112,255,.05)}

/* Footer / return portal */
.footer-end{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.back-top{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--text);padding:8px 11px;cursor:pointer;font-size:.65rem;font-weight:700;transition:.18s var(--ease)}
.back-top b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:color-mix(in srgb,var(--worldB) 8%,var(--surface));color:var(--worldB);font-size:.8rem}
.back-top:hover{transform:translateY(-1px);border-color:var(--line2)}
.world-core.return-pulse{animation:returnPortal .65s var(--ease)}@keyframes returnPortal{50%{transform:scale(1.07);box-shadow:0 0 0 10px color-mix(in srgb,var(--worldB) 8%,transparent),0 18px 42px rgba(0,0,0,.22)}100%{transform:none}}

/* Light mode: less glow, more white-space discipline */
html[data-theme="light"] .movement-card,html[data-theme="light"] .purpose-card,html[data-theme="light"] .media-stage,html[data-theme="light"] .media-queue{background:#fff}
html[data-theme="light"] .constellation-core{filter:none}
html[data-theme="light"] .media-stage:has(.media-stage-frame[data-kind="youtube"]),html[data-theme="light"] .media-stage:has(.media-stage-frame[data-kind^="instagram"]),html[data-theme="light"] .media-stage:has(.media-stage-frame[data-kind^="twitch"]){box-shadow:var(--shadow-soft)}

@media(max-width:1120px){
  .movement-grid{grid-template-columns:1fr 1fr}.movement-card{min-height:220px}
  .editorial-media,.editorial-media.has-2,.editorial-media.has-3,.editorial-media.has-4,.editorial-media.has-5{grid-template-columns:1fr}
  .editorial-more{min-height:0}.media-queue-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .movement-section{margin-top:48px}.movement-grid{grid-template-columns:1fr 1fr;gap:10px}.movement-card{min-height:190px;padding:16px;border-radius:18px}.audience-card{grid-column:1/-1}.movement-value-row strong{font-size:2.25rem}.movement-value-row.compact strong{font-size:1.65rem}.movement-card-head{align-items:flex-start;flex-direction:column;gap:4px}.movement-card-head small{text-align:left}.constellation{height:100px}.ecosystem-orbit{height:104px}.movement-footnote{font-size:.58rem}
  .editorial-feature{grid-template-columns:1fr!important;min-height:0}.editorial-feature .media-stage-frame{min-height:320px}.editorial-feature .media-stage-body{min-height:0}.media-queue-list{display:flex;grid-template-columns:none;overflow-x:auto!important;scroll-snap-type:x proximity}.media-queue-item{min-width:82%;scroll-snap-align:start}.media-center-label{margin-bottom:12px}
  .footer-end{justify-content:flex-start}.back-top{width:max-content}
}
@media(max-width:460px){.movement-grid{grid-template-columns:1fr}.audience-card{grid-column:auto}.movement-card{min-height:180px}.signal-bars{margin-top:18px}.project-node.jaisa{left:18%}.project-node.lumen{right:14%}}
@media(prefers-reduced-motion:reduce){.constellation-lines path,.constellation-core,.constellation-node,.signal-row i span,.project-node,.wave-live,.world-core.return-pulse{animation:none!important;transform:none!important;opacity:1!important;stroke-dashoffset:0!important}}

.movement-section.in .constellation-node.is-missing{animation:none!important;opacity:.22!important;transform:scale(1)!important}
.twitch-metric-card:not(.is-live) .wave-live{opacity:.12}


/* =========================================================
   v7.2.0 — FINAL ART DIRECTION / SYSTEM POLISH
   Deliberate depth, master Gaming identity, responsive anchors,
   richer verified Twitch context and reward previews.
   ========================================================= */
:root{
  --radius-panel:26px;
  --radius-card:18px;
  --radius-control:12px;
  --shadow-soft:0 7px 22px rgba(0,0,0,.12);
  --shadow-card:0 13px 34px rgba(0,0,0,.16);
  --shadow-raised:0 18px 46px rgba(0,0,0,.19);
  --sticky-offset:92px;
}
html{scroll-padding-top:var(--sticky-offset)}
section[id],.hero[id]{scroll-margin-top:var(--sticky-offset)}

/* Sticky navigation must never visually eat the title it navigates to. */
.topbar{top:10px;box-shadow:0 8px 24px rgba(0,0,0,.11);border-radius:17px}
.section{position:relative}
.section-head{padding-top:2px}

/* One coherent Gaming mark. The large gaming.webp remains artwork, not avatar/logo. */
.avatar.gaming-master{
  object-fit:contain!important;
  padding:8px;
  background:linear-gradient(145deg,#081326,#0b1b34)!important;
  border-color:rgba(77,215,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.12);
  filter:drop-shadow(0 0 8px rgba(77,215,255,.10));
}

/* Type / microcopy contrast: small information must remain readable. */
.index,.movement-card-head,.project-code,.project-status,.contact-kicker,.media-kicker{color:color-mix(in srgb,var(--soft) 86%,var(--text))}
.movement-card-head{font-size:.65rem}.movement-card-head small{font-size:.61rem;color:color-mix(in srgb,var(--muted) 90%,var(--text))}
.movement-value-row span,.movement-footnote,.section-tag,.media-queue-age{color:color-mix(in srgb,var(--muted) 88%,var(--text))}

/* Depth system: border + surface does most of the work, not giant shadows. */
.movement-card,.purpose-card,.project-card,.social,.contact-panel,.explorer-shell,.media-stage,.media-queue,.compact-live{box-shadow:var(--shadow-soft)!important}
.project-card:hover,.social:hover,.purpose-card:hover,.contact-btn:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-card)!important}
.btn:hover,.project-link:hover,.icon-btn:hover{transform:translateY(-1px)!important}

/* Metrics: make the proprietary constellation and signal bars easier to read. */
.constellation text{font-size:9px;fill:color-mix(in srgb,var(--muted) 86%,var(--text));font-weight:600;letter-spacing:.01em}
.signal-row i{height:7px;background:color-mix(in srgb,var(--surface3) 92%,var(--line))}
.signal-row i span::after{content:"";position:absolute;right:-1px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 10%,transparent)}
.signal-row i span{position:relative}
.twitch-metric-card .movement-value-row{padding-bottom:56px}
.twitch-metric-card.is-live .movement-value-row{padding-bottom:56px}

/* Purpose visuals animate once on reveal, then become static. */
.purpose-viz{filter:drop-shadow(0 8px 18px rgba(0,0,0,.08))}
.purpose-card{overflow:hidden}
.purpose-card::after{content:"";position:absolute;right:-62px;bottom:-70px;width:160px;height:160px;border:1px solid color-mix(in srgb,var(--worldB) 9%,var(--line));border-radius:50%;pointer-events:none}

/* Project hierarchy refinement. */
.project-status{font-size:.59rem;max-width:58%;text-align:right;line-height:1.2}
.project-lumen .project-role{color:#efbf73}
.project-auralis{overflow:hidden}
.project-auralis::after{content:"";position:absolute;inset:auto -15% -30% 42%;height:56%;background:radial-gradient(ellipse at center,color-mix(in srgb,#8c72ff 10%,transparent),transparent 66%);pointer-events:none}

/* Twitch stays useful while offline. */
.compact-live{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
.live-copy{min-width:0}.live-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px;min-width:150px}
.live-last{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;row-gap:2px;align-items:baseline;margin-top:12px;max-width:680px}
.live-last>span{grid-row:1/3;font-size:.56rem;letter-spacing:.13em;color:var(--twitch);font-weight:800}
.live-last strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-last small{font-size:.62rem;color:var(--soft)}
.live-secondary{font-size:.64rem;color:var(--muted);font-weight:700;padding:4px 2px}.live-secondary:hover{color:var(--text)}

/* Recent content: editorial at every cardinality, never a half-empty dashboard. */
.editorial-media.is-single .media-stage{width:min(100%,880px);margin-inline:auto}
.editorial-media.is-single .editorial-feature{grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr)!important}
.editorial-media.is-single .editorial-feature,.editorial-media.is-single .media-stage-frame,.editorial-media.is-single .media-stage-body{min-height:430px}
.editorial-media.has-2{grid-template-columns:minmax(0,1.7fr) minmax(250px,.5fr)}
.editorial-media.has-3,.editorial-media.has-4,.editorial-media.has-5{grid-template-columns:minmax(0,1.5fr) minmax(300px,.58fr)}
.media-queue-item{box-shadow:none!important}
.media-queue-title{font-weight:720;letter-spacing:-.01em}
.media-queue-age{font-weight:520}
.media-queue-meta{color:var(--worldB)}

/* Reward preview: show what a reward means before equipping it. */
.reward-vault-ui{display:grid;grid-template-columns:1fr;gap:14px}
.reward-preview{display:grid;grid-template-columns:112px 1fr;gap:15px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 4%,var(--surface2)),var(--surface2));min-height:104px;overflow:hidden}
.reward-preview-stage{position:relative;min-height:78px;border:1px solid var(--line);border-radius:14px;background:var(--bg);display:grid;place-items:center;overflow:hidden}
.reward-preview-core{position:relative;z-index:3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line2);font-weight:850;color:var(--worldB)}
.reward-preview-ring{position:absolute;width:68px;height:68px;border:1px solid color-mix(in srgb,var(--worldB) 26%,transparent);border-radius:50%}
.reward-preview-spark{position:absolute;width:5px;height:5px;background:var(--worldB);border-radius:50%;transform:translate(30px,-25px);box-shadow:-45px 24px 0 color-mix(in srgb,var(--worldA) 62%,transparent)}
.reward-preview-copy{min-width:0}.reward-preview-copy>span{display:block;font-size:.55rem;letter-spacing:.14em;color:var(--soft);font-weight:800}.reward-preview-copy strong{display:block;margin-top:4px;font-size:.78rem}.reward-preview-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.64rem;line-height:1.4}
.reward-preview[data-reward="constellation"] .reward-preview-stage{background-image:radial-gradient(circle at 20% 28%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 25%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 65% 72%,rgba(255,255,255,.35) 0 1px,transparent 1.5px)}
.reward-preview[data-reward="gold"] .reward-preview-core{color:#ffe083;border-color:rgba(255,214,111,.35)}
.reward-preview[data-reward="auralis"] .reward-preview-stage{box-shadow:inset 0 0 36px rgba(139,94,255,.16)}
.reward-preview[data-reward="night"] .reward-preview-stage{background:#030816}
.reward-preview[data-reward="live"] .reward-preview-core{color:#c79aff;box-shadow:0 0 0 5px rgba(169,112,255,.08)}
.reward-preview[data-reward="dragon"] .reward-preview-core{transform:rotate(-4deg);box-shadow:0 0 24px rgba(77,215,255,.13)}

/* Rail label behaves as a transient section title, not only a tooltip. */
.experience-rail a.flash span{opacity:1;transform:translate(0,-50%);color:var(--text);border-color:color-mix(in srgb,var(--worldB) 22%,var(--line));padding-right:14px}
.experience-rail a.flash span::after{content:"";position:absolute;left:-10px;top:50%;width:12px;height:1px;background:linear-gradient(90deg,var(--worldB),transparent)}

/* Light mode is a separate art direction: little glow, crisp surfaces. */
html[data-theme="light"] body{background:linear-gradient(180deg,#f8faff,#eef3fa 72%)}
html[data-theme="light"] body::before{opacity:.08}
html[data-theme="light"] .ambient-field{opacity:.18}
html[data-theme="light"] .hero,html[data-theme="light"] .movement-card,html[data-theme="light"] .purpose-card,html[data-theme="light"] .project-card,html[data-theme="light"] .social,html[data-theme="light"] .media-stage,html[data-theme="light"] .media-queue,html[data-theme="light"] .compact-live,html[data-theme="light"] .contact-panel{box-shadow:0 7px 24px rgba(30,42,67,.055)!important}
html[data-theme="light"] .social::after{opacity:.16}
html[data-theme="light"] .project-auralis::after{opacity:.45}
html[data-theme="light"] .avatar.gaming-master{background:linear-gradient(145deg,#081326,#0b1b34)!important}

/* Wider tablet and mobile discipline. */
@media(max-width:1100px){
  :root{--sticky-offset:82px}
  .section{margin-top:68px}
  .compact-live{grid-template-columns:1fr}.live-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.live-last{max-width:100%}
}
@media(max-width:700px){
  :root{--sticky-offset:72px}
  .topbar{top:6px}
  .section{margin-top:58px}
  .editorial-media.is-single .editorial-feature{grid-template-columns:1fr!important}.editorial-media.is-single .editorial-feature,.editorial-media.is-single .media-stage-frame,.editorial-media.is-single .media-stage-body{min-height:0}.editorial-media.is-single .media-stage-frame{min-height:300px}
  .project-status{max-width:64%}
  .reward-preview{grid-template-columns:88px 1fr}
}
@media(max-width:460px){
  .live-last{grid-template-columns:1fr}.live-last>span{grid-row:auto}.live-actions{display:grid;grid-template-columns:1fr;width:100%}.live-actions .btn{width:100%;text-align:center}
  .reward-preview{grid-template-columns:1fr}.reward-preview-stage{min-height:72px}
}

/* =========================================================
   ARIAM SOCIAL UNIVERSE v7.3.0
   Narrative-first hierarchy, truthful data visualisation,
   Signal Deck, semantic social cards and mobile dock.
   ========================================================= */
:root{
  --text:#f7f9ff;
  --muted:#a7b2ca;
  --soft:#8492af;
  --sticky-offset:88px;
}

/* Narrative order: proof of work first, metrics as evidence afterwards. */
.purpose-section{margin-top:64px}
.projects-section{margin-top:82px}
.movement-section{margin-top:82px}
.movement-section + .universe-section{margin-top:86px}

/* Header becomes quieter after the first screen without losing usability. */
.topbar{transition:min-height .22s var(--ease),padding .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}
.topbar.is-compact{padding:5px 7px 5px 9px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-color:color-mix(in srgb,var(--line) 86%,transparent);box-shadow:0 6px 18px rgba(0,0,0,.10)}
.topbar.is-compact .brand img{width:29px;height:29px;border-radius:10px}
.topbar.is-compact .icon-btn{width:36px;height:36px}
.topbar.is-compact .brand{font-size:.73rem}

/* Hero instructions disappear after the first intentional world interaction. */
.stage-hint{transition:opacity .25s var(--ease),transform .25s var(--ease)}
.stage-hint.is-dismissed{opacity:0;transform:translateY(5px);pointer-events:none}

/* WHAT I DO — clearer, specifically Ariam rather than generic agency copy. */
.purpose-card{min-height:235px;padding:24px 24px 22px}
.purpose-card h3{margin:22px 0 4px}
.purpose-label{display:block;max-width:29ch;font-size:.77rem;line-height:1.35;color:var(--text);font-weight:680;letter-spacing:-.01em;margin-bottom:8px}
.purpose-card p{max-width:37ch;font-size:.8rem;color:var(--muted)}
.purpose-section.in .purpose-card{animation:purposeCardSettle .5s var(--ease) both}
.purpose-section.in .purpose-card:nth-child(2){animation-delay:.08s}.purpose-section.in .purpose-card:nth-child(3){animation-delay:.16s}
@keyframes purposeCardSettle{from{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Projects: badges are concise; brand colour remains local to each project. */
.project-status{max-width:48%;letter-spacing:.12em}
.project-card-top{align-items:flex-start}
.project-lumen .project-status span{color:color-mix(in srgb,#efbf73 78%,var(--muted))}
.project-auralis .project-status span{color:color-mix(in srgb,#9b86ff 78%,var(--muted))}
.project-jaisa .project-status span{color:color-mix(in srgb,#9bc868 78%,var(--muted))}

/* SOCIAL CARDS — add meaning without making them taller dashboards. */
.social{min-height:220px}
.social-copy{align-items:flex-end;margin-top:24px}
.social-copy>div:first-child{min-width:0;max-width:72%}
.social-purpose{margin:8px 0 0!important;max-width:36ch!important;font-size:.7rem!important;line-height:1.45!important;color:var(--soft)!important;font-weight:450!important}
.count.unavailable{max-width:132px;white-space:normal;text-align:right;line-height:1.2}
.count.unavailable strong{display:block;font-size:.72rem;color:var(--muted);font-weight:720}
.count.unavailable small{display:block;margin-top:5px;font-size:.57rem;line-height:1.25;color:var(--soft)}

/* METRICS — no synthetic trends. All history is server-backed when available. */
.movement-grid{grid-template-columns:1.32fr 1fr .88fr .9fr}
.audience-card{min-height:252px}
.constellation{height:92px;margin-top:5px}
.history-real{position:relative;z-index:3;margin-top:7px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.history-real-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.54rem;letter-spacing:.12em;color:var(--soft);font-weight:760}
.history-real-head small{font-size:.56rem;letter-spacing:0;font-weight:540;color:var(--muted);text-align:right}
#audienceHistorySvg{display:block;width:100%;height:36px;margin-top:4px;overflow:visible}
#audienceHistoryPath{fill:none;stroke:url(#historyGradient);stroke:var(--worldB);stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.9}
#audienceHistoryDots circle{fill:var(--worldB);stroke:var(--surface);stroke-width:1.6}
.history-real.is-empty #audienceHistorySvg{opacity:.18}

/* Distribution wording makes the denominator explicit. */
.signal-row>div span{font-variant-numeric:tabular-nums}

/* Twitch status visual is a state instrument, not a fake time-series graph. */
.twitch-metric-card{display:flex;flex-direction:column}
.twitch-metric-card .movement-value-row{padding-bottom:0!important}
.twitch-status-visual{position:relative;height:76px;margin-top:10px;overflow:hidden;opacity:.72}
.twitch-status-ring{position:absolute;left:26px;top:50%;border:1px solid color-mix(in srgb,#a970ff 28%,var(--line));border-radius:50%;transform:translate(-50%,-50%)}
.twitch-status-ring.ring-a{width:44px;height:44px}.twitch-status-ring.ring-b{width:70px;height:70px;opacity:.55}
.twitch-status-core{position:absolute;left:26px;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:var(--soft);box-shadow:0 0 0 7px color-mix(in srgb,var(--soft) 8%,transparent)}
.twitch-status-line{position:absolute;left:62px;right:8px;top:50%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,#a970ff 36%,var(--line)),transparent)}
.twitch-check{display:grid;gap:3px;margin-top:auto;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.twitch-check span{font-size:.58rem;color:var(--soft)}
.twitch-check strong{font-size:.65rem;color:var(--muted);font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.twitch-metric-card.is-live .twitch-status-core{background:#a970ff;box-shadow:0 0 0 7px rgba(169,112,255,.10),0 0 20px rgba(169,112,255,.32)}
.twitch-metric-card.is-live .twitch-status-ring{animation:twitchStatePing 1.8s ease-out infinite}
@keyframes twitchStatePing{0%{opacity:.8;transform:translate(-50%,-50%) scale(.86)}70%,100%{opacity:.08;transform:translate(-50%,-50%) scale(1.12)}}

/* SIGNAL DECK — one primary story plus a small verified radar, not a generic media card. */
.editorial-media-section{margin-top:88px}
.editorial-media{gap:14px}
.editorial-media .media-stage,.editorial-media .media-queue{border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 2.5%,var(--surface)),var(--surface));box-shadow:var(--shadow-soft)!important}
.editorial-feature{position:relative;overflow:hidden}
.editorial-feature::after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--worldB) 9%,transparent);border-radius:50%;pointer-events:none}
.media-center-label{margin-bottom:13px;padding:6px 9px;font-size:.53rem;background:transparent;border-color:color-mix(in srgb,var(--worldB) 24%,var(--line));color:color-mix(in srgb,var(--worldB) 72%,var(--text))}
.media-stage-copy h3{font-size:clamp(1.55rem,2.45vw,2.35rem);line-height:1.04;max-width:15ch}
.media-stage-copy p{font-size:.75rem}
.media-stage-overlay{left:14px!important;right:14px!important;bottom:14px!important;padding:11px 12px!important;border-radius:14px!important;max-width:72%;backdrop-filter:blur(8px)}
.media-stage-overlay strong{display:none!important}
.media-stage-overlay .media-stage-brow{margin:0 0 3px!important}
.media-stage-overlay span{font-size:.62rem!important}
.media-stage-highlights{margin-top:15px}
.media-stage-actions{gap:8px}
.media-stage-actions .btn{width:100%;text-align:center}
.editorial-more{position:relative;border:1px solid var(--line);background:var(--surface)}
.editorial-more::after{content:"";position:absolute;right:18px;top:60px;width:7px;height:7px;border-radius:50%;background:var(--worldB);box-shadow:0 0 0 6px color-mix(in srgb,var(--worldB) 8%,transparent);opacity:.65}
.media-queue-head{padding-right:24px}
.media-queue-head>span:last-child{border-radius:10px!important}
.media-queue-list{gap:8px!important}
.media-queue-item{position:relative;grid-template-columns:76px minmax(0,1fr) 30px!important;min-height:78px;padding:8px!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;background:color-mix(in srgb,var(--surface2) 65%,transparent)!important;border-radius:14px!important;overflow:hidden}
.media-queue-item::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:999px;background:linear-gradient(180deg,var(--worldA),var(--worldB));opacity:.8}
.media-queue-item:hover{border-color:color-mix(in srgb,var(--worldB) 24%,var(--line))!important;background:var(--surface2)!important;transform:translateX(1px)!important}
.media-queue-thumb{border-radius:11px!important}
.media-queue-meta{font-size:.54rem!important;letter-spacing:.11em!important}
.media-queue-title{font-size:.72rem!important;line-height:1.24!important}
.media-queue-age{font-size:.57rem!important}
.media-queue-open{width:29px!important;height:29px!important;border-radius:9px!important}
.editorial-media.is-single .media-stage{width:min(100%,900px)}
.editorial-media.is-single .editorial-feature{grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr)!important}

/* Contact tells visitors which route to choose before they click it. */
.contact-actions{gap:9px}
.contact-btn{min-height:58px;padding:11px 13px}
.contact-btn strong{max-width:26ch;font-size:.69rem;line-height:1.25}
.contact-btn span{font-size:.56rem}

/* Rail remains a desktop signature; active label is a transient chapter marker. */
.experience-rail a.flash span{min-width:max-content}

/* Mobile gets an actual navigation surface instead of simply losing the rail. */
.mobile-dock{display:none;position:fixed;z-index:52;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);grid-template-columns:repeat(5,1fr);gap:3px;width:min(calc(100% - 20px),430px);padding:6px;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px) saturate(1.08);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.mobile-dock a,.mobile-dock button{border:0;background:transparent;color:var(--muted);min-width:0;padding:6px 5px;border-radius:13px;display:grid;place-items:center;gap:3px;font:inherit;text-decoration:none;cursor:pointer}
.mobile-dock a:active,.mobile-dock button:active{background:var(--surface2);color:var(--text)}
.mobile-dock span{font-size:.92rem;line-height:1}.mobile-dock small{font-size:.53rem;font-weight:650}

/* Light mode keeps the same system without dark-mode glow residue. */
html[data-theme="light"]{--muted:#5d6c88;--soft:#72809a}
html[data-theme="light"] .twitch-status-core{box-shadow:0 0 0 7px rgba(72,86,112,.055)}
html[data-theme="light"] .editorial-feature::after{opacity:.5}
html[data-theme="light"] .media-queue-item{background:#f8faff!important}

@media(max-width:1380px){
  .mobile-dock{display:grid}
  body{padding-bottom:78px}
}
@media(max-width:1100px){
  .movement-grid{grid-template-columns:1fr 1fr}.audience-card{grid-column:1/-1}.ecosystem-card,.twitch-metric-card{min-height:210px}
  .social-purpose{max-width:44ch!important}.social-copy>div:first-child{max-width:76%}
}
@media(max-width:700px){
  .purpose-card{min-height:210px}.purpose-label{font-size:.74rem}
  .movement-grid{grid-template-columns:1fr}.audience-card{grid-column:auto}.movement-card{min-height:205px}
  .social{min-height:205px}.social-copy{align-items:flex-start}.social-copy>div:first-child{max-width:68%}.social-purpose{font-size:.66rem!important}
  .contact-btn strong{max-width:none}
  .editorial-media.is-single .editorial-feature{grid-template-columns:1fr!important}
  .media-stage-overlay{max-width:86%}
}
@media(max-width:480px){
  .mobile-dock{width:calc(100% - 14px);bottom:max(7px,env(safe-area-inset-bottom));border-radius:17px}
  .mobile-dock small{font-size:.5rem}
  .social-copy{display:grid;grid-template-columns:1fr auto;padding-right:42px}.social-copy>div:first-child{max-width:100%}
  .social-purpose{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .twitch-metric-card.is-live .twitch-status-ring,.purpose-section.in .purpose-card{animation:none!important}
}
.mobile-dock a.active{background:color-mix(in srgb,var(--worldB) 8%,var(--surface2));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--worldB) 16%,transparent)}
.mobile-dock a.active span{color:var(--worldB)}
.distribution-context{display:block;margin-top:12px;color:var(--soft);font-size:.56rem;line-height:1.35;max-width:30ch}

/* ==== v7.4.0 premium interaction, realtime and editorial overrides ==== */
.project-card::after{
  opacity:0;
  transform:translate3d(-16%,0,0) rotate(12deg);
  transition:opacity .34s ease,transform .6s ease;
}
.project-card:hover::after,
.project-card:focus-within::after{
  opacity:.9;
  transform:translate3d(118%,0,0) rotate(12deg);
}
.project-auralis::after{
  opacity:0;
  transform:translate3d(0,14px,0) scale(.96);
  transition:opacity .38s ease,transform .55s ease;
}
.project-auralis:hover::after,
.project-auralis:focus-within::after{
  opacity:.18;
  transform:translate3d(0,0,0) scale(1);
}
.project-auralis .auralis-signal{
  opacity:.025;
  transform:translate3d(0,8px,0) scale(.96);
  transition:opacity .42s ease,transform .55s ease;
}
.project-auralis:hover .auralis-signal,
.project-auralis:focus-within .auralis-signal{
  opacity:.09;
  transform:translate3d(0,0,0) scale(1);
}
.project-auralis .project-link.primary{
  box-shadow:0 18px 36px rgba(96,103,255,.18),inset 0 1px 0 rgba(255,255,255,.18);
}
.movement-sync-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(108,122,255,.16),rgba(50,204,255,.12));
  border:1px solid rgba(117,135,255,.28);
  box-shadow:0 18px 30px rgba(6,11,30,.26);
  color:rgba(232,237,255,.92);
}
.movement-grid .movement-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%,rgba(89,103,255,.16),transparent 42%),
    linear-gradient(180deg,rgba(10,18,50,.96),rgba(5,11,33,.94));
  border-color:rgba(124,142,255,.2);
  box-shadow:0 26px 48px rgba(2,7,22,.38), inset 0 1px 0 rgba(255,255,255,.05);
}
.movement-grid .movement-card::before{
  content:"";
  position:absolute;
  inset:auto -20% -38% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(77,96,255,.13),transparent 68%);
  pointer-events:none;
}
.metric-total{
  gap:18px;
}
.metric-total strong{
  font-size:68px;
  line-height:.92;
  letter-spacing:-.06em;
}
.metric-total span{
  max-width:180px;
  line-height:1.35;
}
.signal-row{
  gap:18px;
}
.signal-label{
  font-size:16px;
  letter-spacing:-.01em;
}
.signal-bar{
  height:14px;
  padding:2px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(125,147,255,.14);
}
.signal-bar::after{
  transition:width .65s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 22px rgba(105,112,255,.24);
}
.constellation-board{
  background:radial-gradient(circle at 50% 50%,rgba(88,103,255,.12),transparent 44%),rgba(255,255,255,.01);
  border:1px solid rgba(114,136,255,.14);
  border-radius:28px;
  padding:16px;
}
.constellation-board svg{
  filter:drop-shadow(0 20px 30px rgba(4,9,25,.24));
}
.twitch-status-card .status-ring,
.twitch-status-card .status-pulse{
  box-shadow:0 0 0 1px rgba(122,130,255,.16),0 0 28px rgba(108,118,255,.11);
}
.media-editorial-head{
  align-items:flex-end;
  gap:28px;
}
.media-editorial-lead{
  max-width:780px;
  margin:12px 0 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.55;
}
.media-section-tag{
  max-width:520px;
  text-align:right;
}
.media-stage,
.editorial-more{
  background:
    radial-gradient(circle at 100% 0%,rgba(102,114,255,.14),transparent 36%),
    linear-gradient(180deg,rgba(8,14,40,.98),rgba(5,11,32,.96));
  border-color:rgba(117,136,255,.16);
  box-shadow:0 30px 56px rgba(3,7,21,.42), inset 0 1px 0 rgba(255,255,255,.04);
}
.media-stage-frame{
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 30px 54px rgba(2,6,18,.4);
}
.media-stage-body{
  gap:22px;
  align-content:start;
}
.media-stage-utility{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.media-stage-sync{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(110,194,255,.34);
  background:rgba(11,22,54,.62);
  color:#92d5ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.media-stage-copy h3{
  margin:0;
  font-size:clamp(2.2rem,3vw,3.45rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.media-stage-copy p{
  margin:0;
  font-size:17px;
  line-height:1.65;
  color:rgba(225,231,249,.8);
}
.media-stage-highlights span{
  padding:12px 16px;
  background:linear-gradient(135deg,rgba(18,31,75,.78),rgba(13,22,54,.68));
  border-color:rgba(124,149,255,.18);
  box-shadow:0 14px 22px rgba(4,9,24,.18);
}
.media-play,
.media-stage-actions .btn{
  min-height:64px;
  font-size:1.04rem;
  justify-content:center;
}
.media-queue-head{
  align-items:flex-start;
  gap:18px;
}
.media-queue-head strong{
  font-size:1.3rem;
  letter-spacing:-.02em;
}
.media-queue-head #mediaCounter{
  min-width:42px;
  min-height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(106,119,255,.16),rgba(74,208,255,.14));
  border:1px solid rgba(117,136,255,.22);
  color:var(--text);
}
.media-queue-item{
  border-radius:24px;
  border:1px solid rgba(114,133,255,.12);
  background:linear-gradient(180deg,rgba(11,19,46,.9),rgba(7,13,32,.88));
  box-shadow:0 16px 30px rgba(4,9,24,.18);
}
.media-queue-item:hover,
.media-queue-item:focus-visible,
.media-queue-item[aria-pressed="true"]{
  border-color:rgba(118,144,255,.32);
  transform:translateY(-2px);
  box-shadow:0 20px 34px rgba(5,10,26,.28);
}
.media-queue-item.active::before{
  background:linear-gradient(180deg,#82d7ff,#7b85ff);
}
.media-queue-item .thumb{
  border-radius:18px;
}
@media (max-width: 1024px){
  .media-editorial-head{
    align-items:flex-start;
  }
  .media-section-tag{
    max-width:none;
    text-align:left;
  }
  .media-stage-frame{
    border-radius:28px;
  }
}
@media (max-width: 720px){
  .movement-sync-badge{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .metric-total strong{
    font-size:56px;
  }
  .media-stage-copy h3{
    font-size:2rem;
  }
  .media-play,
  .media-stage-actions .btn{
    min-height:58px;
  }
}

/* ==== v7.5.0 CONTENT RECENT / SOCIAL SIGNAL WALL ==== */
.media-social-section{position:relative}
.media-social-head{align-items:flex-end;gap:34px}
.media-social-head>div:first-child{max-width:820px}
.media-social-lead{margin:12px 0 0;max-width:760px;color:var(--muted);font-size:17px;line-height:1.6}
.media-social-status{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(112,141,255,.18);background:linear-gradient(135deg,rgba(110,122,255,.1),rgba(55,205,255,.07));box-shadow:0 18px 32px rgba(2,8,24,.18);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#aab8d6;white-space:nowrap}
.media-social-pulse{width:8px;height:8px;border-radius:50%;background:#58d8ff;box-shadow:0 0 0 5px rgba(88,216,255,.08),0 0 20px rgba(88,216,255,.45);animation:mediaPulse 2.4s ease-in-out infinite}
@keyframes mediaPulse{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
.media-network-wall{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.8fr);gap:18px;align-items:stretch}
.media-feature-card,.media-network-radar{position:relative;overflow:hidden;border:1px solid rgba(119,139,255,.16);background:linear-gradient(180deg,rgba(11,19,47,.98),rgba(7,13,32,.97));box-shadow:0 28px 60px rgba(2,7,21,.33),inset 0 1px 0 rgba(255,255,255,.04)}
.media-feature-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:590px;border-radius:30px}
.media-feature-card::before{content:"";position:absolute;inset:-25% -20% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(88,104,255,.14),transparent 68%);pointer-events:none}
.media-feature-card::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#7c79ff 20%,#4dd8ff 50%,#7c79ff 80%,transparent);opacity:.7}
.media-feature-visual{position:relative;min-height:590px;overflow:hidden;background:#050913}
.media-feature-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 56%,rgba(2,6,16,.72) 100%)}
.media-feature-poster,.media-feature-profile-art{position:absolute;inset:0}
.media-feature-poster img{width:100%;height:100%;object-fit:cover;display:block}
.media-feature-profile-art{display:grid;place-items:center;align-content:center;gap:18px;text-align:center;padding:42px;background:radial-gradient(circle at 50% 42%,rgba(83,118,255,.16),transparent 30%),linear-gradient(150deg,#071025,#050914)}
.media-feature-profile-art img{position:relative;z-index:2;width:130px;height:130px;border-radius:30px;object-fit:cover;border:1px solid rgba(122,150,255,.22);box-shadow:0 24px 50px rgba(0,0,0,.36),0 0 42px rgba(78,185,255,.12)}
.media-feature-profile-art strong{position:relative;z-index:2;font-size:1.8rem;color:var(--text)}
.media-feature-profile-art>span:last-child{position:relative;z-index:2;color:var(--muted);font-weight:700}
.media-feature-orbit{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(112,137,255,.14);box-shadow:inset 0 0 0 72px rgba(255,255,255,.01)}
.media-feature-orbit::before,.media-feature-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(88,211,255,.09)}
.media-feature-orbit::before{inset:42px}.media-feature-orbit::after{inset:94px}
.media-feature-network-chip,.media-feature-status-chip{position:absolute;z-index:4;top:20px;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 13px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(16px)}
.media-feature-network-chip{left:20px;color:#fff;background:rgba(4,8,18,.76);border:1px solid rgba(255,255,255,.13)}
.media-feature-network-chip b{font-size:13px}
.media-feature-network-chip.youtube b{color:#ff4c58}.media-feature-network-chip.instagram b{color:#ff5aa5}.media-feature-network-chip.twitch b{color:#a970ff}
.media-feature-status-chip{right:20px;color:#a9e7ff;background:rgba(7,18,39,.76);border:1px solid rgba(88,210,255,.22)}
.media-feature-status-chip.live{color:#fff;background:rgba(145,61,255,.82);border-color:rgba(177,122,255,.62);box-shadow:0 0 30px rgba(145,61,255,.22)}
.media-feature-info{position:relative;z-index:2;display:flex;flex-direction:column;padding:34px 34px 30px;min-width:0}
.media-feature-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:34px}
.media-feature-label,.media-feature-verified{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.media-feature-label{color:#6ddcff}.media-feature-verified{padding:8px 10px;border:1px solid rgba(103,205,255,.22);border-radius:999px;color:#94b5d8;background:rgba(65,112,173,.08)}
.media-feature-platform{margin-bottom:12px;color:#58d8ff;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.media-feature-info h3{margin:0;color:var(--text);font-size:clamp(2rem,2.8vw,3.2rem);line-height:1.02;letter-spacing:-.05em}
.media-feature-info p{margin:18px 0 0;max-width:52ch;color:var(--muted);font-size:15px;line-height:1.6}
.media-feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.media-feature-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(117,139,255,.16);background:rgba(255,255,255,.025);color:#9babc8;font-size:11px;font-weight:800}
.media-feature-chip::before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#629cff;box-shadow:0 0 12px rgba(98,156,255,.65)}
.media-feature-chip.is-accent{color:#d4f4ff;border-color:rgba(84,210,255,.28);background:linear-gradient(135deg,rgba(92,107,255,.12),rgba(67,210,255,.09))}
.media-feature-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:auto;padding-top:30px}
.media-feature-actions .btn{justify-content:center;min-height:56px}
.media-feature-actions .primary{background:linear-gradient(135deg,#7477ff,#4ed2ff);box-shadow:0 18px 36px rgba(80,120,255,.2)}
.media-network-radar{display:flex;flex-direction:column;border-radius:30px;padding:26px}
.media-network-radar::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,216,255,.7),rgba(129,103,255,.7),transparent)}
.media-radar-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;padding:2px 2px 18px}
.media-radar-head strong{display:block;margin-top:7px;color:var(--text);font-size:1.25rem;letter-spacing:-.02em}
.media-radar-head p{margin:6px 0 0;max-width:46ch;color:var(--muted);font-size:12px;line-height:1.5}
.media-radar-count{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;border:1px solid rgba(92,205,255,.24);background:linear-gradient(135deg,rgba(102,115,255,.14),rgba(69,211,255,.09));font-size:15px;font-weight:900;color:#d8f4ff;box-shadow:0 14px 28px rgba(2,8,24,.18)}
.media-network-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}
.media-network-card{--network-accent:#5fcfff;position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 34px;gap:12px;align-items:center;min-height:122px;padding:12px;border:1px solid rgba(118,139,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(14,23,52,.88),rgba(8,15,37,.88));text-align:left;color:inherit;cursor:pointer;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}
.media-network-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--network-accent);box-shadow:0 0 16px var(--network-accent);opacity:.8}
.media-network-card.youtube{--network-accent:#ff4a5b}.media-network-card.instagram{--network-accent:#ff4f9d}.media-network-card.twitch{--network-accent:#9d66ff}
.media-network-card:hover,.media-network-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--network-accent) 32%,transparent);box-shadow:0 20px 34px rgba(2,7,22,.28);outline:none;background:linear-gradient(180deg,rgba(18,28,61,.96),rgba(10,17,42,.96))}
.media-network-thumb{position:relative;display:block;width:74px;height:74px;border-radius:18px;overflow:hidden;background:#070d1b;border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 24px rgba(0,0,0,.22)}
.media-network-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.media-network-platform-icon{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(4,8,18,.82);border:1px solid rgba(255,255,255,.11);color:var(--network-accent);font-size:11px;font-weight:900;backdrop-filter:blur(10px)}
.media-network-copy{min-width:0;display:grid;gap:5px}
.media-network-eyebrow{font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--network-accent)}
.media-network-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text);font-size:13px;line-height:1.22}
.media-network-status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7786a4;font-size:10px;line-height:1.2}
.media-network-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;border:1px solid rgba(119,141,255,.14);background:rgba(255,255,255,.025);color:#dbe6ff;font-size:14px;transition:transform .24s ease,border-color .24s ease}
.media-network-card:hover .media-network-arrow{transform:translate(2px,-2px);border-color:color-mix(in srgb,var(--network-accent) 40%,transparent)}
.media-network-card.is-profile{opacity:.9}
.media-network-card.is-profile .media-network-thumb img{padding:12px;object-fit:contain;background:radial-gradient(circle,rgba(94,124,255,.11),transparent 70%),#081122}
html[data-theme="light"] .media-social-status{background:rgba(255,255,255,.82);border-color:rgba(78,108,167,.14);box-shadow:0 12px 24px rgba(30,42,67,.05);color:#5f6f8a}
html[data-theme="light"] .media-feature-card,html[data-theme="light"] .media-network-radar{background:linear-gradient(180deg,#fff,#f9fbff);border-color:rgba(78,105,159,.13);box-shadow:0 12px 32px rgba(35,50,77,.06),inset 0 1px 0 #fff}
html[data-theme="light"] .media-feature-info h3,html[data-theme="light"] .media-radar-head strong,html[data-theme="light"] .media-network-copy strong{color:#10182b}
html[data-theme="light"] .media-feature-info p,html[data-theme="light"] .media-radar-head p{color:#60708b}
html[data-theme="light"] .media-feature-profile-art{background:radial-gradient(circle at 50% 42%,rgba(83,118,255,.09),transparent 30%),linear-gradient(150deg,#f4f7ff,#eef5ff)}
html[data-theme="light"] .media-network-card{background:linear-gradient(180deg,#fbfcff,#f4f7fc);border-color:rgba(80,106,155,.11)}
html[data-theme="light"] .media-network-card:hover,html[data-theme="light"] .media-network-card:focus-visible{background:#fff;box-shadow:0 14px 28px rgba(35,50,77,.08)}
html[data-theme="light"] .media-network-status{color:#6c7b95}
html[data-theme="light"] .media-network-arrow{background:#fff;color:#19243a}
@media (max-width:1180px){.media-network-wall{grid-template-columns:1fr}.media-network-radar{min-height:auto}.media-feature-card{min-height:540px}.media-feature-visual{min-height:540px}.media-network-grid{grid-template-columns:1fr 1fr 1fr 1fr}.media-network-card{grid-template-columns:58px minmax(0,1fr);min-height:110px}.media-network-thumb{width:58px;height:58px}.media-network-arrow{display:none}}
@media (max-width:860px){.media-social-head{align-items:flex-start}.media-social-status{width:100%;justify-content:flex-start;white-space:normal}.media-feature-card{grid-template-columns:1fr;min-height:0}.media-feature-visual{position:relative;min-height:420px}.media-feature-info{padding:26px}.media-feature-actions{grid-template-columns:1fr 1fr}.media-network-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.media-social-lead{font-size:15px}.media-feature-visual{min-height:330px}.media-feature-info h3{font-size:2rem}.media-feature-actions{grid-template-columns:1fr}.media-network-radar{padding:18px}.media-radar-head{align-items:flex-start}.media-radar-head p{display:none}.media-network-grid{grid-template-columns:1fr}.media-network-card{grid-template-columns:64px minmax(0,1fr) 34px;min-height:100px}.media-network-thumb{width:64px;height:64px}.media-network-arrow{display:grid}}
@media (prefers-reduced-motion:reduce){.media-social-pulse{animation:none}.media-network-card{transition:none}}

/* ==== v7.8.0 — integrated activity / performance console ==== */
.insight-console{
  position:relative;
  margin-top:16px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:30px;
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--worldA) 8%,transparent),transparent 30%),
    radial-gradient(circle at 95% 100%,color-mix(in srgb,var(--worldB) 7%,transparent),transparent 28%),
    color-mix(in srgb,var(--surface) 96%,transparent);
  overflow:hidden;
}
.insight-console::before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--worldA),var(--worldB),transparent);
  opacity:.7;
}
.insight-console-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:2px 2px 16px;
}
.insight-console-head h3{
  margin:5px 0 0;
  font-size:clamp(1.35rem,2.1vw,2rem);
  letter-spacing:-.04em;
  line-height:1;
}
.insight-console-head p{
  max-width:590px;
  margin:0;
  color:var(--soft);
  font-size:.72rem;
  line-height:1.55;
  text-align:right;
}
.insight-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:10px;
}
.insight-card{
  position:relative;
  min-height:210px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:23px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 84%,transparent),color-mix(in srgb,var(--surface) 96%,transparent));
  overflow:hidden;
  isolation:isolate;
  transition:border-color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease);
}
.insight-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--worldA) 38%,var(--line2));
}
.insight-card::after{
  content:"";
  position:absolute;
  width:170px;height:170px;
  right:-72px;bottom:-84px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--worldB) 18%,transparent);
  box-shadow:0 0 0 30px color-mix(in srgb,var(--worldA) 2.5%,transparent),0 0 0 60px color-mix(in srgb,var(--worldB) 1.5%,transparent);
  pointer-events:none;
  z-index:-1;
}
.insight-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--soft);
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.insight-top small{
  font:inherit;
  font-size:.56rem;
  letter-spacing:.04em;
  text-transform:none;
  text-align:right;
  opacity:.86;
}
.insight-value{
  display:flex;
  align-items:flex-end;
  gap:12px;
  margin-top:20px;
}
.insight-value strong{
  min-width:1ch;
  font-size:clamp(2.55rem,4vw,4.15rem);
  line-height:.82;
  letter-spacing:-.07em;
  font-variant-numeric:tabular-nums;
}
.insight-value span{
  max-width:116px;
  padding-bottom:2px;
  color:var(--muted);
  font-size:.7rem;
  line-height:1.25;
}
.insight-card>p{
  position:absolute;
  left:17px;right:17px;bottom:15px;
  margin:0;
  color:var(--soft);
  font-size:.62rem;
  line-height:1.45;
}
.insight-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:18px;
}
.insight-split>div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface3) 72%,transparent);
}
.insight-split span{color:var(--soft);font-size:.61rem}.insight-split b{font-size:.72rem}
.insight-track{
  display:flex;
  width:100%;height:6px;
  margin-top:8px;
  border-radius:999px;
  overflow:hidden;
  background:var(--surface3);
}
.insight-track i{
  width:var(--share,0%);
  height:100%;
  transition:width .75s var(--ease);
}
#insightContentYoutubeBar{background:linear-gradient(90deg,#ff4854,#ff7a81)}
#insightContentInstagramBar{background:linear-gradient(90deg,#ff4da2,#9b6cff)}
.insight-orbit{
  position:absolute;
  right:16px;top:78px;
  width:72px;height:72px;
  display:grid;place-items:center;
}
.insight-orbit i{
  position:absolute;inset:0;
  border:1px solid color-mix(in srgb,var(--worldB) 30%,var(--line));
  border-radius:50%;
}
.insight-orbit i:nth-child(2){inset:12px;opacity:.55}
.insight-orbit b{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:10px;
  background:color-mix(in srgb,var(--youtube) 20%,var(--surface2));
  color:#fff;
  font-size:.68rem;
}
.insight-wave{
  display:flex;
  align-items:flex-end;
  gap:4px;
  height:42px;
  margin-top:18px;
}
.insight-wave i{
  width:8px;
  height:var(--h,36%);
  border-radius:999px;
  background:linear-gradient(180deg,var(--worldB),var(--worldA));
  opacity:.75;
  transform-origin:bottom;
}
.insight-wave i:nth-child(1){--h:28%}.insight-wave i:nth-child(2){--h:48%}.insight-wave i:nth-child(3){--h:68%}.insight-wave i:nth-child(4){--h:100%}.insight-wave i:nth-child(5){--h:74%}.insight-wave i:nth-child(6){--h:54%}.insight-wave i:nth-child(7){--h:34%}
.insight-nodes{
  display:flex;
  gap:8px;
  margin-top:24px;
}
.insight-nodes i{
  width:13px;height:13px;
  border-radius:50%;
  border:1px solid var(--line2);
  background:var(--surface3);
  transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);
}
.insight-nodes i.active{
  background:linear-gradient(135deg,var(--worldA),var(--worldB));
  border-color:transparent;
  transform:scale(1.1);
}
.insight-console.is-updated .insight-value strong{
  animation:insightValueIn .55s var(--ease);
}
.insight-console.is-updated .insight-wave i{
  animation:insightBarIn .55s var(--ease) both;
}
.insight-console.is-updated .insight-wave i:nth-child(2){animation-delay:.03s}.insight-console.is-updated .insight-wave i:nth-child(3){animation-delay:.06s}.insight-console.is-updated .insight-wave i:nth-child(4){animation-delay:.09s}.insight-console.is-updated .insight-wave i:nth-child(5){animation-delay:.12s}.insight-console.is-updated .insight-wave i:nth-child(6){animation-delay:.15s}.insight-console.is-updated .insight-wave i:nth-child(7){animation-delay:.18s}
@keyframes insightValueIn{0%{opacity:.45;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes insightBarIn{0%{transform:scaleY(.15);opacity:.2}100%{transform:scaleY(1);opacity:.75}}
html[data-theme="light"] .insight-console{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,249,255,.94));
}
html[data-theme="light"] .insight-card{
  background:linear-gradient(180deg,#fff,#f6f8fd);
}
@media(max-width:1120px){
  .insight-grid{grid-template-columns:1fr 1fr}
  .insight-card{min-height:200px}
}
@media(max-width:720px){
  .insight-console{padding:14px;border-radius:24px}
  .insight-console-head{align-items:flex-start;flex-direction:column;gap:8px}
  .insight-console-head p{text-align:left;font-size:.68rem}
  .insight-grid{grid-template-columns:1fr}
  .insight-card{min-height:190px;padding:15px}
  .insight-card>p{left:15px;right:15px;bottom:13px}
  .insight-value strong{font-size:3rem}
}
@media(prefers-reduced-motion:reduce){
  .insight-console.is-updated .insight-value strong,.insight-console.is-updated .insight-wave i{animation:none!important}
  .insight-track i,.insight-nodes i{transition:none!important}
}

/* ==== v7.9.0 — Content Pulse: two meaningful metrics only ==== */
.insight-console-pro{
  margin-top:20px;
  padding:22px;
  border-radius:32px;
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--worldA) 10%,transparent),transparent 32%),
    radial-gradient(circle at 92% 100%,color-mix(in srgb,var(--worldB) 9%,transparent),transparent 30%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface2) 92%,transparent));
  box-shadow:0 26px 65px rgba(2,7,24,.22),inset 0 1px 0 rgba(255,255,255,.035);
}
.insight-console-head-pro{
  padding:4px 4px 20px;
  align-items:center;
}
.insight-console-head-pro h3{
  margin-top:7px;
  font-size:clamp(1.55rem,2.35vw,2.35rem);
  letter-spacing:-.045em;
}
.insight-console-head-pro p{
  max-width:700px;
  font-size:.76rem;
  line-height:1.6;
  color:color-mix(in srgb,var(--muted) 88%,transparent);
}
.insight-grid-pro{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:14px;
}
.insight-card-pro{
  min-height:280px;
  padding:24px;
  border-radius:28px;
  overflow:hidden;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--surface2) 92%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));
  border:1px solid color-mix(in srgb,var(--line) 92%,transparent);
  box-shadow:0 18px 44px rgba(2,7,24,.18),inset 0 1px 0 rgba(255,255,255,.035);
}
.insight-card-pro:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--worldB) 30%,var(--line));
  box-shadow:0 24px 54px rgba(2,7,24,.25),inset 0 1px 0 rgba(255,255,255,.045);
}
.insight-card-pro::after{
  width:260px;
  height:260px;
  right:-118px;
  bottom:-132px;
  border-color:color-mix(in srgb,var(--worldB) 16%,transparent);
  box-shadow:0 0 0 38px color-mix(in srgb,var(--worldA) 2.8%,transparent),0 0 0 82px color-mix(in srgb,var(--worldB) 1.6%,transparent);
}
.insight-card-accent{
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg,#ff4f9e,#926eff 54%,#59cfff);
  box-shadow:0 0 24px rgba(134,106,255,.24);
}
.average-accent{
  background:linear-gradient(180deg,#65d7ff,#7584ff 52%,#a76fff);
}
.insight-card-pro .insight-top{
  padding-left:2px;
  font-size:.63rem;
}
.insight-card-pro .insight-top small{
  max-width:220px;
  color:color-mix(in srgb,var(--muted) 86%,transparent);
}
.insight-value-pro{
  margin-top:24px;
  gap:16px;
}
.insight-value-pro strong{
  font-size:clamp(3.45rem,5.6vw,5.8rem);
  line-height:.78;
  letter-spacing:-.085em;
}
.insight-value-pro span{
  max-width:190px;
  padding-bottom:4px;
  font-size:.78rem;
  line-height:1.35;
  color:color-mix(in srgb,var(--muted) 92%,transparent);
}
.content-platform-ledger{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:26px;
}
.content-platform-row{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:62px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:17px;
  background:color-mix(in srgb,var(--surface3) 64%,transparent);
}
.content-platform-name{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  column-gap:9px;
  row-gap:2px;
}
.content-platform-name .platform-dot{
  grid-row:1 / 3;
  width:10px;
  height:10px;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(255,255,255,.025);
}
.instagram-row .platform-dot{background:#ff4f9c;box-shadow:0 0 18px rgba(255,79,156,.38)}
.youtube-row .platform-dot{background:#ff4b57;box-shadow:0 0 18px rgba(255,75,87,.34)}
.content-platform-name b{
  font-size:.78rem;
  line-height:1;
}
.content-platform-name small{
  color:var(--soft);
  font-size:.58rem;
}
.content-platform-row>strong{
  font-size:1.28rem;
  letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;
}
.insight-track-pro{
  height:9px;
  margin-top:12px;
  padding:2px;
  gap:2px;
  background:color-mix(in srgb,var(--surface3) 80%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
}
.insight-track-pro i{
  border-radius:999px;
  box-shadow:0 0 16px rgba(111,112,255,.16);
}
#insightContentInstagramBar{background:linear-gradient(90deg,#ff4f9e,#a765ff)}
#insightContentYoutubeBar{background:linear-gradient(90deg,#ff4653,#ff7b82)}
.insight-card-pro>p{
  left:24px;
  right:24px;
  bottom:19px;
  font-size:.64rem;
  line-height:1.5;
}
.average-card-pro{
  background:
    radial-gradient(circle at 80% 34%,rgba(80,194,255,.10),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface2) 92%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));
}
.average-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.average-orbit{
  position:relative;
  width:112px;
  height:112px;
  flex:0 0 112px;
  display:grid;
  place-items:center;
}
.average-orbit-ring{
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1px solid rgba(93,203,255,.28);
}
.average-orbit-ring.ring-b{
  inset:23px;
  border-color:rgba(126,120,255,.34);
}
.average-orbit-core{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  font-size:.86rem;
  background:linear-gradient(135deg,rgba(78,205,255,.32),rgba(111,93,255,.42));
  border:1px solid rgba(112,169,255,.28);
  box-shadow:0 12px 28px rgba(60,92,255,.18);
}
.average-spectrum{
  height:45px;
  margin-top:18px;
  display:flex;
  align-items:flex-end;
  gap:5px;
}
.average-spectrum i{
  width:8px;
  min-height:8px;
  border-radius:999px;
  background:linear-gradient(180deg,#55d5ff,#7a72ff);
  opacity:.82;
  box-shadow:0 8px 16px rgba(82,155,255,.12);
}
.average-spectrum i:nth-child(1){height:14px}.average-spectrum i:nth-child(2){height:22px}.average-spectrum i:nth-child(3){height:34px}.average-spectrum i:nth-child(4){height:44px}.average-spectrum i:nth-child(5){height:38px}.average-spectrum i:nth-child(6){height:29px}.average-spectrum i:nth-child(7){height:20px}.average-spectrum i:nth-child(8){height:28px}.average-spectrum i:nth-child(9){height:16px}
.average-source-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
  font-size:.62rem;
}
.average-source-line span{color:var(--soft)}
.average-source-line strong{font-size:.66rem;text-align:right}
@media (max-width:980px){
  .insight-grid-pro{grid-template-columns:1fr}
  .insight-card-pro{min-height:270px}
  .insight-console-head-pro{align-items:flex-start}
  .insight-console-head-pro p{text-align:left}
}
@media (max-width:620px){
  .insight-console-pro{padding:14px;border-radius:24px}
  .insight-console-head-pro{padding:2px 2px 14px}
  .insight-card-pro{padding:18px;border-radius:22px;min-height:300px}
  .insight-value-pro strong{font-size:3.5rem}
  .content-platform-ledger{grid-template-columns:1fr;margin-top:20px}
  .average-orbit{width:88px;height:88px;flex-basis:88px}
  .insight-card-pro>p{left:18px;right:18px;bottom:16px}
}

/* ==== v8.0.0 — Analytics cockpit / generated concept implemented in code ==== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.movement-v8{margin-top:clamp(64px,7vw,104px)}
.movement-head-v8{align-items:flex-end;gap:28px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.movement-title-wrap{max-width:850px}
.movement-title-wrap h2{margin:.22rem 0 .45rem;font-size:clamp(2.7rem,5vw,5.15rem);letter-spacing:-.065em;line-height:.9}
.movement-lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(.78rem,1.2vw,1rem);line-height:1.55}
.movement-sync-chip{display:flex;align-items:center;gap:11px;min-width:220px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--worldB) 26%,var(--line));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 10%,var(--surface2)),color-mix(in srgb,var(--worldB) 8%,var(--surface)));box-shadow:0 16px 35px rgba(3,8,26,.2),inset 0 1px 0 rgba(255,255,255,.04)}
.movement-sync-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#57dfaa;box-shadow:0 0 0 6px rgba(87,223,170,.08),0 0 18px rgba(87,223,170,.48)}
.movement-sync-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.movement-sync-copy b{font-size:.72rem;color:var(--text)}
.movement-sync-copy small{font-size:.58rem;color:var(--soft);white-space:nowrap}
.movement-grid-v8{grid-template-columns:1.25fr 1.05fr .9fr .92fr;gap:14px}
.movement-card-v8{min-height:300px;padding:22px 22px 0;border-radius:28px;background:radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--worldA) 10%,transparent),transparent 34%),linear-gradient(155deg,color-mix(in srgb,var(--surface2) 95%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));border:1px solid color-mix(in srgb,var(--worldA) 20%,var(--line));box-shadow:0 24px 58px rgba(2,7,24,.25),inset 0 1px 0 rgba(255,255,255,.04);display:flex;flex-direction:column;overflow:hidden}
.movement-card-v8::before{opacity:.45}
.movement-card-v8 .movement-card-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;color:color-mix(in srgb,var(--muted) 92%,transparent);font-size:.62rem;letter-spacing:.14em}
.metric-info{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid color-mix(in srgb,var(--worldB) 28%,var(--line));font-size:.6rem;letter-spacing:0;color:var(--soft)}
.movement-value-v8{margin-top:20px;align-items:flex-end;gap:14px}
.movement-value-v8 strong{font-size:clamp(2.65rem,4vw,4.4rem);line-height:.82;letter-spacing:-.075em}
.movement-value-v8 span{padding-bottom:3px;font-size:.72rem;line-height:1.35;color:var(--muted)}
.constellation-v8{height:126px;margin-top:8px}
.constellation-v8 svg{height:100%;filter:drop-shadow(0 16px 22px rgba(9,40,90,.18))}
.constellation-v8 .constellation-core{filter:drop-shadow(0 0 12px rgba(85,145,255,.4))}
.movement-card-footer{margin:auto -22px 0;padding:13px 16px;min-height:54px;border-top:1px solid color-mix(in srgb,var(--line) 90%,transparent);background:color-mix(in srgb,var(--surface3) 52%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.6rem;color:var(--soft)}
.movement-card-footer>a{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:750;text-decoration:none}
.movement-card-footer>a b{color:var(--worldB)}
.movement-card-footer>span>small,.movement-card-footer>span>b{display:block}
.movement-card-footer>span>b{margin-top:3px;color:var(--muted);font-size:.58rem}
.signal-bars-v8{margin-top:22px;display:grid;gap:16px}
.signal-bars-v8 .signal-row>div{margin-bottom:7px}
.signal-bars-v8 .signal-row b,.signal-bars-v8 .signal-row span{font-size:.68rem}
.signal-bars-v8 .signal-row>i{height:9px;background:rgba(255,255,255,.045);border:1px solid rgba(126,147,255,.12);border-radius:999px;overflow:hidden}
.signal-bars-v8 .signal-row>i>span{height:100%;display:block;width:var(--signal,0%);border-radius:inherit;transition:width .65s cubic-bezier(.2,.8,.2,1)}
.signal-bars-v8 .signal-row:nth-child(1)>i>span{background:linear-gradient(90deg,#ff4f9d,#996aff)}
.signal-bars-v8 .signal-row:nth-child(2)>i>span{background:linear-gradient(90deg,#ff4957,#ff7880)}
.signal-bars-v8 .signal-row:nth-child(3)>i>span{background:linear-gradient(90deg,#8d61ff,#bc76ff)}
.ecosystem-orbit-v8{margin-top:8px;min-height:145px;transform:scale(.96)}
.twitch-status-visual-v8{margin-top:6px;min-height:126px}

.content-pulse-v8{margin-top:20px;padding:24px;border-radius:32px;border:1px solid color-mix(in srgb,var(--worldB) 20%,var(--line));background:radial-gradient(circle at 8% 0%,rgba(119,91,255,.08),transparent 30%),radial-gradient(circle at 94% 100%,rgba(50,200,255,.07),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface2) 94%,transparent));box-shadow:0 28px 68px rgba(2,7,24,.24),inset 0 1px 0 rgba(255,255,255,.04)}
.content-pulse-head-v8{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;padding:2px 4px 18px}
.content-pulse-head-v8 h3{margin:.25rem 0 0;font-size:clamp(1.8rem,3.1vw,3.15rem);line-height:.94;letter-spacing:-.055em}
.content-pulse-head-v8 p{max-width:660px;margin:0;text-align:right;font-size:.72rem;line-height:1.55;color:var(--soft)}
.content-pulse-grid-v8{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:14px}
.pulse-card-v8{position:relative;min-height:285px;padding:20px;border:1px solid color-mix(in srgb,var(--worldB) 23%,var(--line));border-radius:26px;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(70,125,255,.09),transparent 38%),linear-gradient(150deg,color-mix(in srgb,var(--surface2) 93%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));box-shadow:0 20px 45px rgba(2,7,24,.18),inset 0 1px 0 rgba(255,255,255,.035)}
.pulse-card-v8::after{content:"";position:absolute;right:-84px;bottom:-122px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(83,198,255,.12);box-shadow:0 0 0 36px rgba(95,95,255,.025),0 0 0 78px rgba(95,95,255,.014);pointer-events:none}
.pulse-card-v8:hover{border-color:color-mix(in srgb,var(--worldB) 40%,var(--line));box-shadow:0 26px 58px rgba(2,7,24,.26),inset 0 1px 0 rgba(255,255,255,.045)}
.pulse-card-top-v8{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.pulse-title-v8{display:flex;align-items:center;gap:12px}
.pulse-title-v8>div{display:flex;flex-direction:column;gap:2px}
.pulse-title-v8 b{font-size:.68rem;letter-spacing:.08em;color:var(--text)}
.pulse-title-v8 small{font-size:.6rem;color:var(--soft)}
.pulse-icon-v8{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(105,132,255,.17);background:rgba(20,31,72,.75);font-size:.9rem;color:#fff;box-shadow:0 10px 24px rgba(25,50,120,.18)}
.content-icon-v8{color:#dba5ff;background:linear-gradient(135deg,rgba(228,72,199,.17),rgba(106,91,255,.18))}
.average-icon-v8{color:#7bdcff;background:linear-gradient(135deg,rgba(49,187,255,.18),rgba(86,96,255,.18))}
.pulse-status-v8{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:.57rem;font-weight:750;color:var(--soft);white-space:nowrap}
.pulse-status-v8.is-partial{color:#ffc95e;border-color:rgba(255,201,94,.24);background:rgba(255,201,94,.05)}
.pulse-status-v8.youtube-only{color:#ff7880;border-color:rgba(255,73,87,.18);background:rgba(255,73,87,.04)}
.pulse-content-body-v8{position:relative;z-index:1;display:grid;grid-template-columns:minmax(160px,.75fr) minmax(0,1.75fr);align-items:center;gap:18px;margin-top:28px}
.pulse-total-v8{display:flex;align-items:flex-end;gap:12px}
.pulse-total-v8 strong,.pulse-average-value-v8 strong{font-size:clamp(3.5rem,5vw,5.5rem);line-height:.78;letter-spacing:-.085em;font-variant-numeric:tabular-nums}
.pulse-total-v8 span,.pulse-average-value-v8 span{padding-bottom:5px;font-size:.72rem;line-height:1.3;color:var(--muted)}
.pulse-platforms-v8{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pulse-platform-v8{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;row-gap:8px;min-height:86px;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface3) 64%,transparent)}
.pulse-platform-icon-v8{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.035)}
.instagram-row .pulse-platform-icon-v8{color:#ff4e9b;background:rgba(255,78,155,.08)}
.youtube-row .pulse-platform-icon-v8{color:#ff4b57;background:rgba(255,75,87,.08)}
.pulse-platform-v8>div{display:flex;flex-direction:column;gap:2px}
.pulse-platform-v8 b{font-size:.72rem}.pulse-platform-v8 small{font-size:.55rem;color:var(--soft)}
.pulse-platform-v8>strong{font-size:1.28rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pulse-mini-track-v8{grid-column:1/-1;height:6px;border-radius:999px;background:rgba(255,255,255,.045);overflow:hidden}
.pulse-mini-track-v8>span{display:block;height:100%;width:0;border-radius:inherit;transition:width .65s cubic-bezier(.2,.8,.2,1)}
.instagram-row .pulse-mini-track-v8>span{background:linear-gradient(90deg,#ff4f9e,#a765ff)}
.youtube-row .pulse-mini-track-v8>span{background:linear-gradient(90deg,#ff4653,#ff7b82)}
.pulse-card-note-v8{position:relative;z-index:1;margin-top:18px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.58rem;line-height:1.4;color:var(--soft)}
.pulse-card-note-v8 strong{color:var(--muted);white-space:nowrap}
.pulse-average-body-v8{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px}
.pulse-average-value-v8{display:flex;align-items:flex-end;gap:12px}
.pulse-average-visual-v8{height:98px;min-width:230px;display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;padding:10px 0}
.pulse-average-visual-v8 i{width:12px;height:var(--h,28%);border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#55d7ff,#746cff);box-shadow:0 7px 15px rgba(60,138,255,.14);opacity:.18;transform-origin:bottom;transition:height .45s ease,opacity .3s ease}
.pulse-average-visual-v8.has-data i{opacity:.82}
.pulse-average-visual-v8 i:nth-child(1){--h:24%}.pulse-average-visual-v8 i:nth-child(2){--h:38%}.pulse-average-visual-v8 i:nth-child(3){--h:54%}.pulse-average-visual-v8 i:nth-child(4){--h:72%}.pulse-average-visual-v8 i:nth-child(5){--h:58%}.pulse-average-visual-v8 i:nth-child(6){--h:76%}.pulse-average-visual-v8 i:nth-child(7){--h:60%}.pulse-average-visual-v8 i:nth-child(8){--h:82%}.pulse-average-visual-v8 i:nth-child(9){--h:68%}.pulse-average-visual-v8 i:nth-child(10){--h:92%}
.content-pulse-v8.is-updated .pulse-total-v8 strong,.content-pulse-v8.is-updated .pulse-average-value-v8 strong{animation:insightValueIn .48s var(--ease)}

html[data-theme="light"] .movement-card-v8,html[data-theme="light"] .pulse-card-v8{background:linear-gradient(155deg,#fff,#f5f8ff);box-shadow:0 22px 45px rgba(53,70,110,.10),inset 0 1px 0 #fff}
html[data-theme="light"] .content-pulse-v8{background:linear-gradient(180deg,#fff,#f3f7ff);box-shadow:0 28px 58px rgba(55,75,120,.10),inset 0 1px 0 #fff}
html[data-theme="light"] .movement-sync-chip{background:linear-gradient(135deg,#f5f7ff,#eefbff);box-shadow:0 12px 28px rgba(65,80,120,.10)}

@media(max-width:1180px){.movement-grid-v8{grid-template-columns:1fr 1fr}.movement-card-v8{min-height:285px}.content-pulse-grid-v8{grid-template-columns:1fr}.pulse-content-body-v8{grid-template-columns:.7fr 1.3fr}}
@media(max-width:800px){.movement-head-v8,.content-pulse-head-v8{align-items:flex-start;flex-direction:column}.movement-sync-chip{min-width:0}.content-pulse-head-v8 p{text-align:left}.pulse-content-body-v8{grid-template-columns:1fr}.pulse-platforms-v8{grid-template-columns:1fr 1fr}.pulse-average-visual-v8{min-width:170px}}
@media(max-width:620px){.movement-grid-v8{grid-template-columns:1fr}.movement-card-v8{min-height:260px;padding:18px 18px 0;border-radius:22px}.movement-card-footer{margin:auto -18px 0}.content-pulse-v8{padding:14px;border-radius:24px}.pulse-card-v8{padding:17px;border-radius:21px}.pulse-platforms-v8{grid-template-columns:1fr}.pulse-average-body-v8{align-items:flex-start;flex-direction:column}.pulse-average-visual-v8{width:100%;min-width:0;justify-content:flex-start;height:72px}.pulse-card-note-v8{align-items:flex-start;flex-direction:column}.movement-title-wrap h2{font-size:2.75rem}}
@media(prefers-reduced-motion:reduce){.pulse-mini-track-v8>span,.signal-bars-v8 .signal-row>i>span{transition:none}.content-pulse-v8.is-updated .pulse-total-v8 strong,.content-pulse-v8.is-updated .pulse-average-value-v8 strong{animation:none!important}}

/* ==== v8.2.0 — Audience dashboard / v7 visual language ==== */
.audience-v82{margin-top:58px}
.audience-v82-head{align-items:flex-end}
.audience-v82-intro{max-width:760px;margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}
.audience-v82-source{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.audience-v82-source span{width:7px;height:7px;border-radius:50%;background:#55d7a3;box-shadow:0 0 0 5px rgba(85,215,163,.08)}
.audience-v82-layout{display:grid;grid-template-columns:minmax(330px,.92fr) minmax(0,1.55fr);gap:14px;align-items:stretch}
.audience-v82-total-card,.audience-v82-account{position:relative;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden;isolation:isolate}
.audience-v82-total-card{min-height:348px;padding:26px;border-radius:26px;background:radial-gradient(circle at 88% 16%,rgba(91,108,255,.13),transparent 34%),var(--surface)}
.audience-v82-total-card::after,.audience-v82-account::after{content:"";position:absolute;width:180px;height:180px;border:1px solid var(--line);border-radius:50%;right:-96px;bottom:-110px;opacity:.45;pointer-events:none}
.audience-v82-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--soft);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.audience-v82-card-head small{max-width:190px;color:var(--muted);font-size:.61rem;font-weight:600;letter-spacing:.01em;text-transform:none;text-align:right}
.audience-v82-total-row{display:flex;align-items:flex-end;gap:18px;margin-top:28px}
.audience-v82-total-row>strong{font-size:clamp(3.6rem,5vw,5.6rem);line-height:.84;letter-spacing:-.07em;color:var(--text)}
.audience-v82-total-row>div{display:grid;gap:4px;padding-bottom:5px}.audience-v82-total-row b{font-size:.82rem;color:var(--text)}.audience-v82-total-row span{max-width:210px;color:var(--muted);font-size:.68rem;line-height:1.45}
.audience-v82-network{position:relative;height:116px;margin:18px 0 8px}.network-core,.network-node{position:absolute;border-radius:50%;display:grid;place-items:center;z-index:2}.network-core{left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);background:linear-gradient(135deg,#5d78ff,#55cfff);color:#07101f;font-weight:900;box-shadow:0 14px 28px rgba(72,124,255,.3)}.network-node{width:11px;height:11px;box-shadow:0 0 0 5px rgba(255,255,255,.03)}
.network-node.igp{left:11%;top:17%;background:#ff4b9b}.network-node.ytp{right:12%;top:15%;background:#ff4d5d}.network-node.igg{left:9%;bottom:12%;background:#d84df0}.network-node.ytg{right:10%;bottom:15%;background:#ff5361}.network-node.tw{left:50%;bottom:4%;transform:translateX(-50%);background:#a369ff}
.network-line{position:absolute;left:50%;top:50%;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(88,196,255,.68),rgba(104,119,255,.08));z-index:1}.network-line.line-1{width:42%;transform:rotate(-158deg)}.network-line.line-2{width:40%;transform:rotate(-22deg)}.network-line.line-3{width:43%;transform:rotate(157deg)}.network-line.line-4{width:42%;transform:rotate(23deg)}.network-line.line-5{width:31%;transform:rotate(90deg)}
.audience-v82-rollup{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.audience-v82-rollup span{display:flex;align-items:center;gap:7px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--muted);font-size:.65rem}.audience-v82-rollup b{margin-left:auto;color:var(--text);font-size:.78rem}.audience-v82-rollup i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.instagram-dot{background:#ff4f9a}.youtube-dot{background:#ff4f59}.twitch-dot{background:#9a63ff}
.audience-v82-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.audience-v82-account{min-height:166px;padding:18px;border-radius:22px;display:grid;grid-template-rows:auto 1fr auto;background:var(--surface)}.audience-v82-accounts>.audience-v82-account:last-child{grid-column:span 2}
.audience-v82-account-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audience-v82-account-top img{width:43px;height:43px;border-radius:13px;object-fit:cover;border:1px solid var(--line)}.audience-v82-platform{width:36px;height:36px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--surface-2)}.audience-v82-platform .icon{width:18px;height:18px}.audience-v82-account.instagram .audience-v82-platform{color:#ff4b9b}.audience-v82-account.youtube .audience-v82-platform{color:#ff4b58}.audience-v82-account.twitch .audience-v82-platform{color:#9e68ff}
.audience-v82-account-copy{display:grid;align-content:end;gap:3px;margin-top:18px}.audience-v82-account-copy span{color:var(--text);font-weight:800;font-size:.82rem;line-height:1.15}.audience-v82-account-copy small{color:var(--muted);font-size:.65rem}.audience-v82-account-value{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.audience-v82-account-value strong{font-size:2rem;line-height:.9;letter-spacing:-.05em;color:var(--text)}.audience-v82-account-value strong.is-unavailable{color:var(--soft)}.audience-v82-account-value span{color:var(--soft);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.audience-v82-account.instagram{background:radial-gradient(circle at 100% 100%,rgba(255,67,155,.09),transparent 38%),var(--surface)}.audience-v82-account.youtube{background:radial-gradient(circle at 100% 100%,rgba(255,71,82,.08),transparent 38%),var(--surface)}.audience-v82-account.twitch{background:radial-gradient(circle at 100% 100%,rgba(153,96,255,.11),transparent 40%),var(--surface)}
html[data-theme="light"] .audience-v82-total-card,html[data-theme="light"] .audience-v82-account{background-color:#fff}html[data-theme="light"] .audience-v82-source{background:#fff}
@media(max-width:1180px){.audience-v82-layout{grid-template-columns:1fr}.audience-v82-total-card{min-height:300px}.audience-v82-accounts{grid-template-columns:repeat(5,minmax(0,1fr))}.audience-v82-accounts>.audience-v82-account:last-child{grid-column:auto}.audience-v82-account{min-height:150px}.audience-v82-account-copy span{font-size:.74rem}}
@media(max-width:900px){.audience-v82-head{align-items:flex-start}.audience-v82-source{margin-top:6px}.audience-v82-accounts{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-v82-account:last-child{grid-column:1/-1}.audience-v82-network{height:96px}}
@media(max-width:620px){.audience-v82{margin-top:44px}.audience-v82-intro{font-size:.8rem}.audience-v82-source{width:100%;justify-content:center}.audience-v82-total-card{min-height:0;padding:20px;border-radius:20px}.audience-v82-card-head{align-items:flex-start;flex-direction:column}.audience-v82-card-head small{text-align:left}.audience-v82-total-row{align-items:flex-start;flex-direction:column;gap:10px;margin-top:22px}.audience-v82-total-row>strong{font-size:4rem}.audience-v82-network{display:none}.audience-v82-rollup{grid-template-columns:1fr}.audience-v82-accounts{grid-template-columns:1fr;gap:10px}.audience-v82-account:last-child{grid-column:auto}.audience-v82-account{min-height:146px;border-radius:18px}}

/* ==== v8.3.0 — Community constellation / functional animated graph ==== */
.audience-v82-total-card{
  min-height:430px;
  padding:28px;
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 10%,rgba(88,111,255,.15),transparent 34%),
    radial-gradient(circle at 20% 82%,rgba(62,186,255,.055),transparent 34%),
    var(--surface);
}
.audience-v82-total-card::after{opacity:.22}
.audience-v82-total-row{margin-top:26px;align-items:center}
.audience-v82-total-row>strong{font-size:clamp(4.2rem,5.5vw,6.35rem)}
.audience-v82-total-row b{font-size:.94rem;letter-spacing:-.015em}
.audience-v82-total-row span{max-width:270px;font-size:.73rem}

.audience-v83-constellation{
  --ig-share:.33;
  --yt-share:.33;
  --tw-share:.33;
  position:relative;
  height:188px;
  margin:8px 0 12px;
  isolation:isolate;
}
.audience-v83-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.community-path{
  fill:none;
  stroke-width:2.1;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-dasharray:5 8;
  animation:audienceSignalFlow 7s linear infinite;
  opacity:.9;
}
.community-path-left{stroke:url(#communityLinkLeft)}
.community-path-right{stroke:url(#communityLinkRight);animation-delay:-2.2s}
.community-path-down{stroke:url(#communityLinkDown);animation-delay:-4.3s}

.audience-v83-core{
  position:absolute;
  left:50%;top:45%;
  width:78px;height:78px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#617cff 0%,#4ccfff 100%);
  box-shadow:0 18px 42px rgba(65,126,255,.24);
  z-index:4;
}
.audience-v83-core::before{
  content:"";position:absolute;inset:-13px;border-radius:50%;
  border:1px solid rgba(83,195,255,.46);
  opacity:.85;
}
.audience-v83-core::after{
  content:"";position:absolute;inset:-27px;border-radius:50%;
  border:1px dashed rgba(74,149,255,.34);
  animation:audienceOrbitSpin 24s linear infinite;
}
.audience-v83-core-letter{font-size:1.35rem;font-weight:950;color:#061121;letter-spacing:-.06em;z-index:2}
.audience-v83-core-orbit{position:absolute;border-radius:50%;pointer-events:none}
.audience-v83-core-orbit.orbit-a{inset:-38px;border:1px solid rgba(86,116,255,.12)}
.audience-v83-core-orbit.orbit-b{inset:-52px;border:1px solid rgba(83,207,255,.08)}

.audience-v83-node{
  --node-color:#5bcfff;
  --node-share:.33;
  position:absolute;
  width:66px;height:66px;
  border-radius:50%;
  display:grid;place-items:center;
  z-index:5;
  transform:translate(-50%,-50%);
}
.audience-v83-instagram{left:19%;top:44%;--node-color:#ff4f9b;--node-share:var(--ig-share)}
.audience-v83-youtube{left:81%;top:44%;--node-color:#ff4f58;--node-share:var(--yt-share)}
.audience-v83-twitch{left:50%;top:88%;--node-color:#9b63ff;--node-share:var(--tw-share)}
.audience-v83-node-ring{
  position:absolute;inset:-10px;border-radius:50%;
  background:conic-gradient(var(--node-color) calc(var(--node-share) * 1turn),rgba(255,255,255,.05) 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
          mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  opacity:.75;
  animation:audienceNodeBreathe 4.4s ease-in-out infinite;
}
.audience-v83-node::before{
  content:"";position:absolute;inset:-21px;border:1px solid color-mix(in srgb,var(--node-color) 30%,transparent);border-radius:50%;opacity:.38
}
.audience-v83-node::after{
  content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--node-color);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--node-color) 12%,transparent);
  animation:audienceNodePulse 3.6s ease-in-out infinite;
}
.audience-v83-instagram::after{right:-19px;top:48%;animation-delay:-.5s}
.audience-v83-youtube::after{left:-19px;top:48%;animation-delay:-1.4s}
.audience-v83-twitch::after{left:47%;top:-18px;animation-delay:-2.4s}
.audience-v83-node-icon{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in srgb,var(--node-color) 68%,#111827 32%);
  color:white;border:1px solid color-mix(in srgb,var(--node-color) 60%,white 8%);
  box-shadow:0 10px 28px color-mix(in srgb,var(--node-color) 20%,transparent);
}
.audience-v83-node-icon .icon{width:23px;height:23px}

.audience-v83-rollup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:8px}
.audience-v83-platform-card{
  --platform-color:#6ea3ff;
  position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
  padding:10px 12px;border:1px solid var(--line);border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--platform-color) 5%,var(--surface-2)),var(--surface-2));
  overflow:hidden;min-width:0;
}
.audience-v83-platform-card::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;border-radius:2px;background:var(--platform-color);opacity:.9}
.audience-v83-platform-card.instagram{--platform-color:#ff4f9b}.audience-v83-platform-card.youtube{--platform-color:#ff4f58}.audience-v83-platform-card.twitch{--platform-color:#9b63ff}
.audience-v83-platform-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--platform-color);background:color-mix(in srgb,var(--platform-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--platform-color) 20%,var(--line))}
.audience-v83-platform-icon .icon{width:15px;height:15px}
.audience-v83-platform-card>div{display:grid;gap:2px;min-width:0}
.audience-v83-platform-card>div span{font-size:.68rem;font-weight:800;color:var(--text);white-space:nowrap}
.audience-v83-platform-card>div small{font-size:.55rem;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audience-v83-platform-card>b{font-size:.88rem;color:var(--text);font-variant-numeric:tabular-nums}
.audience-v83-platform-card.is-updating>b{animation:audienceValueFlash .72s ease}

@keyframes audienceSignalFlow{to{stroke-dashoffset:-52}}
@keyframes audienceOrbitSpin{to{transform:rotate(360deg)}}
@keyframes audienceNodeBreathe{0%,100%{opacity:.46;transform:scale(.985)}50%{opacity:.9;transform:scale(1.025)}}
@keyframes audienceNodePulse{0%,100%{transform:scale(.82);opacity:.35}50%{transform:scale(1);opacity:1}}
@keyframes audienceValueFlash{0%{opacity:.35;transform:translateY(2px)}100%{opacity:1;transform:none}}

html[data-theme="light"] .audience-v83-core{box-shadow:0 18px 36px rgba(65,126,255,.18)}
html[data-theme="light"] .audience-v83-node-icon{background:color-mix(in srgb,var(--node-color) 72%,white 28%);box-shadow:0 10px 24px color-mix(in srgb,var(--node-color) 15%,transparent)}
html[data-theme="light"] .audience-v83-platform-card{background:#fff}

@media(max-width:1180px){
  .audience-v82-total-card{min-height:405px}
  .audience-v83-constellation{max-width:760px;margin-left:auto;margin-right:auto}
}
@media(max-width:760px){
  .audience-v83-constellation{height:165px;margin-top:12px}
  .audience-v83-core{width:66px;height:66px}
  .audience-v83-node{width:56px;height:56px}
  .audience-v83-node-icon{width:42px;height:42px}.audience-v83-node-icon .icon{width:20px;height:20px}
  .audience-v83-rollup{grid-template-columns:1fr}
  .audience-v83-platform-card{padding:11px 13px}
}
@media(max-width:620px){
  .audience-v83-constellation{display:block;height:142px}
  .audience-v83-instagram{left:15%;top:48%}.audience-v83-youtube{left:85%;top:48%}.audience-v83-twitch{top:91%}
  .audience-v83-links{opacity:.72}
}
@media(prefers-reduced-motion:reduce){
  .community-path,.audience-v83-core::after,.audience-v83-node-ring,.audience-v83-node::after,.audience-v83-platform-card.is-updating>b{animation:none!important}
}

/* ========================================================================== 
   ARIAM SOCIAL UNIVERSE v9.0.0 — ORBITAL EDITORIAL SYSTEM
   Visual-only evolution. No external libraries; motion uses transform/opacity.
   ========================================================================== */
:root{
  --v9-cyan:#55d7ff;
  --v9-blue:#6b82ff;
  --v9-violet:#9a6cff;
  --v9-pink:#e85ddb;
  --v9-green:#63e5b0;
  --v9-panel:color-mix(in srgb,var(--surface) 94%,#101a32 6%);
  --v9-panel-strong:color-mix(in srgb,var(--surface) 90%,#13203d 10%);
  --v9-hairline:color-mix(in srgb,var(--worldB) 20%,var(--line));
  --v9-glow:0 0 0 1px color-mix(in srgb,var(--worldB) 10%,transparent),0 24px 72px rgba(0,0,0,.22);
}
html[data-theme="light"]{
  --v9-panel:color-mix(in srgb,#fff 97%,#eef3ff 3%);
  --v9-panel-strong:color-mix(in srgb,#fff 94%,#e9efff 6%);
  --v9-hairline:rgba(40,62,105,.12);
  --v9-glow:0 0 0 1px rgba(50,75,120,.04),0 18px 48px rgba(45,65,105,.08);
}

/* Global atmosphere ------------------------------------------------------- */
body{
  background:
    radial-gradient(ellipse 58rem 34rem at 18% -8%,color-mix(in srgb,var(--worldA) 11%,transparent),transparent 68%),
    radial-gradient(ellipse 52rem 36rem at 96% 18%,color-mix(in srgb,var(--worldB) 8%,transparent),transparent 70%),
    linear-gradient(180deg,var(--bg2),var(--bg) 64%);
}
body::before{
  opacity:.12;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.35) 0 1px,transparent 1.2px),
    radial-gradient(circle at 68% 38%,rgba(255,255,255,.24) 0 1px,transparent 1.2px),
    radial-gradient(circle at 82% 74%,rgba(255,255,255,.2) 0 1px,transparent 1.2px);
  background-size:260px 260px,340px 340px,420px 420px;
  mask-image:linear-gradient(to bottom,#000 0 75%,transparent 98%);
}
.shell{width:min(calc(100% - 34px),1360px);padding-top:14px}

/* Header / navigation ----------------------------------------------------- */
.topbar{
  min-height:58px;
  padding:7px 9px 7px 12px;
  border-radius:20px;
  border-color:var(--v9-hairline);
  background:color-mix(in srgb,var(--surface) 90%,transparent);
  box-shadow:0 14px 46px rgba(0,0,0,.12);
  gap:18px;
}
.brand{flex:0 0 auto;letter-spacing:.11em;font-size:.78rem}
.brand img{width:31px;height:31px;border-radius:11px;padding:4px;background:color-mix(in srgb,var(--worldB) 6%,var(--surface2));border:1px solid var(--line)}
.topnav{display:flex;align-items:center;justify-content:center;gap:4px;margin:auto;min-width:0}
.topnav a{position:relative;padding:9px 11px;border-radius:11px;color:var(--muted);font-size:.72rem;font-weight:720;transition:color .2s var(--ease),background .2s var(--ease)}
.topnav a:hover,.topnav a:focus-visible{color:var(--text);background:color-mix(in srgb,var(--worldB) 5%,var(--surface2));outline:none}
.topnav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:linear-gradient(90deg,var(--worldA),var(--worldB));transform:scaleX(0);transition:transform .24s var(--ease);transform-origin:center}
.topnav a:hover::after,.topnav a:focus-visible::after{transform:scaleX(1)}
.actions{flex:0 0 auto}.icon-btn{width:40px;height:40px;border-radius:13px;background:color-mix(in srgb,var(--surface2) 90%,transparent)}

/* Hero ------------------------------------------------------------------- */
.hero{
  min-height:620px;
  margin-top:14px;
  border-radius:34px;
  border-color:var(--v9-hairline);
  background:
    url('/assets/orbit-map.svg') center/cover no-repeat,
    radial-gradient(circle at 78% 40%,color-mix(in srgb,var(--worldB) 12%,transparent),transparent 31%),
    radial-gradient(circle at 24% 30%,color-mix(in srgb,var(--worldA) 8%,transparent),transparent 36%),
    linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,#0f1930 4%),var(--surface));
  box-shadow:var(--v9-glow);
}
.hero::before{
  opacity:.42;
  background:
    radial-gradient(circle at 88% 8%,rgba(255,255,255,.55) 0 1px,transparent 1.3px),
    radial-gradient(circle at 72% 17%,rgba(255,255,255,.32) 0 1px,transparent 1.3px),
    radial-gradient(circle at 18% 72%,rgba(255,255,255,.25) 0 1px,transparent 1.3px);
  background-size:170px 170px,240px 240px,320px 320px;
}
.hero::after{
  content:"";position:absolute;right:-170px;bottom:-205px;width:430px;height:430px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--worldB) 22%,#10224a),#071020 68%);
  box-shadow:inset 18px 16px 50px rgba(255,255,255,.04),0 0 0 1px color-mix(in srgb,var(--worldB) 9%,transparent);
  opacity:.5;
}
.hero-grid{min-height:620px;grid-template-columns:1.02fr .98fr;gap:44px;padding:62px 58px}
.kicker{font-size:.67rem;letter-spacing:.18em;color:color-mix(in srgb,var(--muted) 90%,var(--worldB) 10%)}
h1{font-size:clamp(4.4rem,8.2vw,7.8rem);margin:22px 0 17px}
.hero-copy{max-width:590px;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.62}
.hero-note{font-size:.78rem!important;margin-top:9px!important}
.hero-signature{display:flex;align-items:center;gap:9px;margin-top:19px;color:var(--soft);font-size:.58rem;font-weight:800;letter-spacing:.16em}
.hero-signature i{display:block;width:18px;height:1px;background:linear-gradient(90deg,var(--worldA),var(--worldB));opacity:.55}
.hero-cta{margin-top:22px!important}
.hero-cta .btn{border-radius:13px;padding:12px 16px;font-size:.76rem}
.hero-cta .btn.primary{box-shadow:0 10px 26px color-mix(in srgb,var(--worldA) 18%,transparent)}
.world-stage{min-height:470px}
.world-ring{width:420px;height:420px;border-color:color-mix(in srgb,var(--worldB) 14%,var(--line));animation:v9OrbitSpin 42s linear infinite}
.world-ring2{width:320px;height:320px;border-style:dashed;border-color:color-mix(in srgb,var(--worldA) 14%,var(--line));animation:v9OrbitSpinReverse 31s linear infinite}
.world-core{width:96px;height:96px;border-radius:31px;background:linear-gradient(145deg,color-mix(in srgb,var(--worldB) 8%,var(--surface2)),var(--surface2));box-shadow:0 0 0 8px color-mix(in srgb,var(--worldB) 3%,transparent),0 24px 52px rgba(0,0,0,.3)}
.world-core::after{content:"";position:absolute;inset:-16px;border-radius:40px;border:1px solid color-mix(in srgb,var(--worldB) 18%,transparent);opacity:.7;animation:v9CoreBreath 4.4s ease-in-out infinite}
.identity{width:220px;height:292px;border-radius:38px;border-color:color-mix(in srgb,var(--worldB) 22%,var(--line));box-shadow:0 28px 70px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.02)}
.identity.personal{transform:translate(-118px,-48px) rotate(-6deg)}
.identity.gaming{transform:translate(122px,56px) rotate(7deg)}
.platform-node{width:43px;height:43px;border-radius:14px;background:color-mix(in srgb,var(--surface2) 92%,transparent);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.stage-hint{bottom:7px;font-size:.6rem;background:color-mix(in srgb,var(--surface) 92%,transparent)}

/* Section language -------------------------------------------------------- */
.section{margin-top:94px!important}
.section-head{padding-bottom:13px!important;margin-bottom:24px!important;border-color:var(--line)!important}
.section h2{font-size:clamp(2.55rem,4.7vw,4.1rem)!important;line-height:.96!important}
.section-tag{max-width:430px!important;font-size:.75rem!important;line-height:1.55!important}
.section-head::after{width:min(42%,360px)!important;background:linear-gradient(90deg,var(--worldA),var(--v9-cyan),transparent)!important}
.index{font-size:.63rem;letter-spacing:.18em}

/* 01 — purpose ------------------------------------------------------------ */
.purpose-section{margin-top:74px!important}
.purpose-grid{gap:15px!important}
.purpose-card{
  min-height:226px!important;padding:25px!important;border-radius:23px!important;border-color:var(--v9-hairline)!important;
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--worldB) 7%,transparent),transparent 32%),
    var(--v9-panel)!important;
  box-shadow:var(--v9-glow)!important;
}
.purpose-card::before{content:""!important;display:block!important;position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--worldA),var(--worldB),transparent);opacity:.58;transform:none!important}
.purpose-card::after{width:164px!important;height:164px!important;right:-83px!important;bottom:-92px!important;border-color:color-mix(in srgb,var(--worldB) 12%,var(--line))!important}
.purpose-viz{height:58px;width:78px;filter:none!important}
.purpose-card h3{font-size:1.28rem!important;margin-top:22px!important}
.purpose-label{font-size:.72rem;color:var(--text);opacity:.92}
.purpose-card p{max-width:36ch!important;font-size:.77rem!important;line-height:1.55!important;margin-top:6px!important}
.purpose-no{top:18px;right:20px;opacity:.55}
.purpose-card:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--worldB) 28%,var(--line))!important}

/* 02 — projects ----------------------------------------------------------- */
.projects-section{position:relative}
.projects-section::after{content:"";position:absolute;inset:120px -5vw -50px;z-index:-1;pointer-events:none;background:url('/assets/orbit-map.svg') center/1100px auto no-repeat;opacity:.12}
.project-grid{gap:16px!important}
.project-card{
  min-height:470px!important;padding:24px!important;border-radius:26px!important;border-color:var(--v9-hairline)!important;
  background:
    radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--project-color,var(--worldB)) 8%,transparent),transparent 31%),
    var(--v9-panel)!important;
  box-shadow:var(--v9-glow)!important;
}
.project-jaisa{--project-color:#9dcc71}.project-lumen{--project-color:#f0b65b}.project-auralis{--project-color:#8c72ff}
.project-card::before{left:24px!important;right:24px!important;height:1px!important;opacity:.82!important}
.project-card::after{content:""!important;position:absolute!important;inset:auto 13% 46% 13%!important;height:140px!important;border:1px solid color-mix(in srgb,var(--project-color) 16%,transparent)!important;border-radius:50%!important;background:transparent!important;opacity:.55!important;pointer-events:none}
.project-card-top{margin-bottom:32px!important;position:relative;z-index:3}
.project-mark.project-mark-logo{width:76px!important;height:76px!important;flex-basis:76px!important;border-radius:23px!important;box-shadow:0 18px 42px rgba(0,0,0,.22),0 0 0 7px color-mix(in srgb,var(--project-color) 4%,transparent)!important}
.project-status{border-color:color-mix(in srgb,var(--project-color) 20%,var(--line))!important;background:color-mix(in srgb,var(--project-color) 4%,var(--surface2))!important}
.project-orbit-label{position:absolute;right:22px;top:75px;color:color-mix(in srgb,var(--project-color) 70%,var(--muted));font-size:.54rem;letter-spacing:.18em;font-weight:850;opacity:.8}
.project-code{margin-top:4px!important}.project-card h3{font-size:1.72rem!important;margin-top:14px!important}.project-role{font-size:.68rem!important}
.project-card p{font-size:.76rem!important;line-height:1.6!important;margin-top:16px!important}
.project-tags{position:relative;z-index:3}.project-tags span{background:color-mix(in srgb,var(--project-color) 3%,var(--surface2));border-color:color-mix(in srgb,var(--project-color) 12%,var(--line))}
.project-links{position:relative;z-index:3;margin-top:auto!important}.project-link{border-radius:12px!important}
.project-link.primary{background:color-mix(in srgb,var(--project-color) 8%,var(--surface2));border-color:color-mix(in srgb,var(--project-color) 26%,var(--line))}
.project-card:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--project-color) 30%,var(--line))!important;box-shadow:0 26px 70px rgba(0,0,0,.24),0 0 38px color-mix(in srgb,var(--project-color) 8%,transparent)!important}
.project-auralis .auralis-signal{opacity:.045!important;filter:none!important}
.project-auralis:hover .auralis-signal{opacity:.08!important}

/* Metrics / community ----------------------------------------------------- */
.audience-v82{margin-top:92px!important}
.audience-v82-head{align-items:flex-end!important}
.audience-v82-source{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-color:var(--v9-hairline)!important;padding:9px 13px!important;font-size:.62rem!important}
.audience-v82-layout{grid-template-columns:minmax(390px,.98fr) minmax(0,1.42fr)!important;gap:16px!important}
.audience-v82-total-card{
  min-height:470px!important;padding:28px!important;border-radius:28px!important;border-color:var(--v9-hairline)!important;
  background:
    url('/assets/orbit-map.svg') center 60%/130% auto no-repeat,
    radial-gradient(circle at 80% 8%,rgba(88,111,255,.12),transparent 38%),
    var(--v9-panel)!important;
  box-shadow:var(--v9-glow)!important;
}
.audience-v82-total-card::after{display:none!important}
.audience-v82-total-row{margin-top:24px!important}.audience-v82-total-row>strong{font-size:clamp(4.8rem,6vw,6.6rem)!important}
.audience-v82-total-row b{font-size:.92rem!important}.audience-v82-total-row span{font-size:.7rem!important}
.audience-v83-constellation{height:210px!important;margin:7px 0 1px!important}
.audience-v83-links{inset:2% 5%;width:90%;height:96%}
.community-path{stroke-width:1.45!important;stroke-dasharray:3 10!important;opacity:.75!important}
.audience-v83-core{top:48%!important;width:82px!important;height:82px!important;background:radial-gradient(circle at 35% 30%,#75cfff,#687cff 60%,#6f64f8)!important;box-shadow:0 0 0 10px rgba(93,126,255,.04),0 20px 48px rgba(62,112,255,.2)!important}
.audience-v83-core::before{inset:-19px!important;opacity:.45!important}.audience-v83-core::after{inset:-36px!important;opacity:.55!important}
.audience-v83-core-orbit.orbit-a{inset:-52px!important}.audience-v83-core-orbit.orbit-b{inset:-70px!important}
.audience-v83-instagram{left:18%!important;top:48%!important}.audience-v83-youtube{left:82%!important;top:48%!important}.audience-v83-twitch{left:50%!important;top:92%!important}
.audience-v83-node{width:62px!important;height:62px!important}.audience-v83-node::before{inset:-15px!important;opacity:.22!important}.audience-v83-node-ring{inset:-7px!important;opacity:.62!important}
.audience-v83-node-icon{width:44px!important;height:44px!important;box-shadow:0 10px 24px color-mix(in srgb,var(--node-color) 14%,transparent)!important}
.audience-v9-universe-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 9px;color:var(--soft);font-size:.5rem;letter-spacing:.2em;font-weight:800}
.audience-v9-universe-note i{width:28px;height:1px;background:linear-gradient(90deg,var(--v9-blue),var(--v9-cyan));opacity:.48}
.audience-v83-rollup{gap:8px!important}.audience-v83-platform-card{border-radius:14px!important;padding:9px 10px!important;background:color-mix(in srgb,var(--surface2) 93%,transparent)!important}
.audience-v82-accounts{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.audience-v82-account{grid-column:span 2;min-height:188px!important;padding:18px!important;border-radius:22px!important;border-color:var(--v9-hairline)!important;background:var(--v9-panel)!important;box-shadow:var(--v9-glow)!important}
.audience-v82-accounts>.audience-v82-account:nth-last-child(-n+2){grid-column:span 3}
.audience-v82-account::after{width:135px!important;height:135px!important;right:-70px!important;bottom:-86px!important;opacity:.28!important}
.audience-v82-account-top img{width:46px!important;height:46px!important;border-radius:14px!important}.audience-v82-platform{width:36px!important;height:36px!important;border-radius:11px!important}
.audience-v82-account-copy span{font-size:.78rem!important}.audience-v82-account-value strong{font-size:1.85rem!important}

/* Personal / Gaming ------------------------------------------------------- */
.universe-section{position:relative;margin-top:102px!important}
.universe-section::before{content:"";position:absolute;top:68px;left:-80px;right:-80px;height:380px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--worldB) 6%,transparent),transparent 66%)}
.universe-head{margin-bottom:22px!important}
.universe-lead{font-size:.82rem!important}.universe-pillars span{font-size:.58rem!important;padding:6px 9px!important;background:color-mix(in srgb,var(--surface2) 88%,transparent)!important}
.compact-deck{gap:14px!important}
.social{
  min-height:206px!important;padding:20px!important;border-radius:23px!important;border-color:var(--v9-hairline)!important;background:var(--v9-panel)!important;box-shadow:var(--v9-glow)!important;
}
.social::before{display:block!important;content:""!important;position:absolute!important;inset:0!important;height:auto!important;border-radius:inherit!important;background:radial-gradient(240px circle at 100% 100%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%)!important;opacity:1!important;transform:none!important}
.social::after{width:112px!important;height:112px!important;right:-60px!important;bottom:-66px!important;opacity:.3!important}
.social:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--accent) 25%,var(--line))!important;box-shadow:0 24px 62px rgba(0,0,0,.2)!important}
.avatar{width:54px!important;height:54px!important;border-radius:16px!important}.platform-logo{width:39px!important;height:39px!important;border-radius:12px!important}
.social-copy{margin-top:30px!important;padding-right:46px!important}.social h3{font-size:1.03rem!important}.social-purpose{font-size:.67rem!important;line-height:1.45!important;max-width:36ch}.count{font-size:1.72rem!important}
.compact-live{margin-top:14px!important;border-color:color-mix(in srgb,var(--twitch) 16%,var(--line))!important;border-radius:22px!important;background:linear-gradient(100deg,rgba(153,96,255,.08),transparent 50%),var(--v9-panel)!important;box-shadow:var(--v9-glow)!important}

/* Content recent ---------------------------------------------------------- */
.recentx-section{margin-top:104px!important}
.recentx-head{position:relative;padding-bottom:18px!important;border-bottom:1px solid var(--line);margin-bottom:24px!important}
.recentx-head::after{content:"";position:absolute;left:0;bottom:-1px;width:min(420px,38%);height:1px;background:linear-gradient(90deg,var(--worldA),var(--v9-cyan),transparent)}
.recentx-head-copy h2{font-size:clamp(2.7rem,5vw,4.2rem)!important;letter-spacing:-.06em!important;line-height:.96!important}
.recentx-head-copy p{max-width:780px!important;font-size:.79rem!important;line-height:1.55!important;color:var(--muted)!important}
.recentx-sync{border-color:var(--v9-hairline)!important;background:color-mix(in srgb,var(--surface2) 92%,transparent)!important;border-radius:14px!important;box-shadow:none!important}
.recentx-shell{grid-template-columns:minmax(0,1.7fr) minmax(330px,.82fr)!important;gap:16px!important;align-items:stretch!important}
.recentx-feature,.recentx-radar{border-color:var(--v9-hairline)!important;border-radius:28px!important;background:var(--v9-panel)!important;box-shadow:var(--v9-glow)!important}
.recentx-feature{min-height:620px!important;overflow:hidden!important}
.recentx-visual{min-height:540px!important;background:
  radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--worldB) 5%,transparent),transparent 60%),
  #030610!important}
.recentx-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 50%,rgba(2,5,12,.72) 100%)}
.recentx-feature-bar{min-height:80px!important;padding:14px 18px!important;border-color:var(--line)!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important}
.recentx-radar{padding:20px!important;min-height:620px!important}
.recentx-radar-head{padding:0 1px 14px!important}.recentx-radar-head h3{font-size:1.15rem!important}.recentx-radar-head p{font-size:.66rem!important}
.recentx-radar-count{border-radius:12px!important;background:color-mix(in srgb,var(--worldB) 7%,var(--surface2))!important;border-color:color-mix(in srgb,var(--worldB) 18%,var(--line))!important}
.recentx-list{gap:9px!important}
.recentx-item{border-radius:16px!important;border-color:var(--line)!important;background:color-mix(in srgb,var(--surface2) 92%,transparent)!important;min-height:82px!important;transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)!important}
.recentx-item:hover,.recentx-item.active{transform:translateX(3px)!important;border-color:color-mix(in srgb,var(--item-accent,var(--worldB)) 32%,var(--line))!important;background:color-mix(in srgb,var(--item-accent,var(--worldB)) 5%,var(--surface2))!important}
.recentx-item[data-platform="instagram"]{--item-accent:#ff4f9b}.recentx-item[data-platform="youtube"]{--item-accent:#ff4f58}.recentx-item[data-platform="twitch"]{--item-accent:#9b63ff}
.recentx-open{border-radius:13px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--worldA) 90%,white 0%),var(--worldB))!important;color:#07101b!important;border:0!important;font-weight:900!important}

/* Contact ---------------------------------------------------------------- */
.contact-section{margin-top:102px!important}
.contact-panel{
  grid-template-columns:minmax(250px,.9fr) minmax(390px,1.25fr) auto!important;
  gap:16px!important;padding:20px!important;border-radius:24px!important;border-color:var(--v9-hairline)!important;background:var(--v9-panel)!important;box-shadow:var(--v9-glow)!important;
}
.contact-copy h3{font-size:1.16rem!important}.contact-copy p{font-size:.68rem!important}.contact-kicker{font-size:.58rem!important}
.contact-actions{gap:8px!important}.contact-btn{min-height:76px!important;border-radius:15px!important;background:color-mix(in srgb,var(--surface2) 94%,transparent)!important;border-color:var(--line)!important;padding:14px 40px 14px 14px!important}
.contact-btn:hover{border-color:color-mix(in srgb,var(--worldB) 26%,var(--line))!important;transform:translateY(-2px)!important}
.contact-btn span{font-size:.54rem!important}.contact-btn strong{font-size:.69rem!important;line-height:1.35!important;max-width:20ch}
.share-actions{gap:7px!important;align-items:stretch!important}.share-actions .btn{min-height:48px!important;border-radius:13px!important;padding:10px 12px!important;font-size:.67rem!important;white-space:nowrap}

/* Explorer / achievements ------------------------------------------------ */
.explorer-section.understated{margin-top:92px!important}
.understated .explorer-shell{
  min-height:196px!important;grid-template-columns:minmax(300px,.9fr) minmax(200px,.52fr) minmax(300px,1.1fr) 145px!important;
  border-radius:27px!important;padding:22px!important;border-color:var(--v9-hairline)!important;background:
    linear-gradient(105deg,color-mix(in srgb,var(--worldA) 8%,transparent),transparent 38%),
    url('/assets/orbit-map.svg') 76% 42%/760px auto no-repeat,
    var(--v9-panel)!important;box-shadow:var(--v9-glow)!important;overflow:hidden!important;
}
.explorer-crystal{position:absolute!important;right:18.5%!important;top:50%!important;width:84px!important;height:112px!important;transform:translateY(-50%) rotate(7deg)!important;opacity:.14!important;filter:none!important;z-index:0!important;pointer-events:none!important}
.explorer-aura{width:320px!important;height:320px!important;right:18%!important;top:-155px!important;opacity:.45!important}
.understated .explorer-intro h2{font-size:1.62rem!important}.understated .explorer-intro p{font-size:.68rem!important}.understated .explorer-orb{width:54px!important;height:54px!important;border-radius:17px!important}
.explorer-stats{background:color-mix(in srgb,var(--surface2) 91%,transparent)!important;border-radius:17px!important;border-color:var(--line)!important}
.explorer-token{border-radius:15px!important;background:color-mix(in srgb,var(--surface2) 92%,transparent)!important}.explorer-token.done{background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 8%,transparent),transparent),var(--surface2)!important}
.understated .explorer-open{border-radius:18px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--worldA) 10%,var(--surface2)),var(--surface2))!important;border-color:color-mix(in srgb,var(--worldB) 20%,var(--line))!important}

.achievement-drawer-backdrop{background:rgba(2,4,12,.68)!important;backdrop-filter:blur(8px)!important}
.achievement-drawer-panel{
  width:min(880px,calc(100vw - 24px))!important;border-radius:30px!important;border-color:var(--v9-hairline)!important;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--worldB) 9%,transparent),transparent 30%),
    url('/assets/orbit-map.svg') 100% 0/760px auto no-repeat,
    var(--surface)!important;
  box-shadow:0 42px 130px rgba(0,0,0,.55)!important;
}
.achievement-drawer-head{padding:24px 24px 14px!important}.achievement-drawer-head h3{font-size:1.95rem!important}
.achievement-drawer-tabs{margin:0 24px 14px!important;border-radius:15px!important;background:color-mix(in srgb,var(--surface2) 91%,transparent)!important}.achievement-drawer-tabs button{border-radius:10px!important;font-size:.72rem!important}
.achievement-drawer-scroll{padding:0 24px 20px!important}
.achievement-drawer .achievement-grid{gap:12px!important}
.achievement-drawer .achievement-card{min-height:190px!important;border-radius:20px!important;border-color:var(--line)!important;background:color-mix(in srgb,var(--surface2) 91%,transparent)!important}
.achievement-drawer .achievement-card.unlocked{background:linear-gradient(145deg,color-mix(in srgb,var(--worldB) 7%,transparent),transparent 55%),color-mix(in srgb,var(--surface2) 92%,transparent)!important}
.achievement-drawer .achievement-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--worldB) 24%,var(--line))!important}
.achievement-drawer .reward-vault{border:1px solid var(--line);border-radius:22px;padding:20px;background:color-mix(in srgb,var(--surface2) 62%,transparent)}
.achievement-drawer .reward-list{gap:9px!important}.achievement-drawer .reward-preview{border-radius:18px!important;border-color:color-mix(in srgb,var(--worldB) 18%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--worldB) 7%,transparent),transparent),var(--surface2)!important}
.achievement-drawer .reward-preview::before{content:"";display:block;width:58px;height:72px;background:url('/assets/auralis-shard.svg') center/contain no-repeat;opacity:.72;margin-right:12px}
.achievement-drawer-foot{padding:13px 24px 18px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important}

/* Legal / footer ---------------------------------------------------------- */
.legal-compact-section{margin-top:20px!important}.legal-compact{border-color:var(--v9-hairline)!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important}
footer{margin-top:38px!important;padding-top:22px!important;border-top:1px solid var(--line);align-items:center!important}
.footer-brandline{display:flex;align-items:center;gap:10px;color:var(--muted)}
.footer-brandline>b{font-size:.82rem;letter-spacing:.12em;color:var(--text)}
.footer-brandline>span{font-size:.67rem}.footer-brandline small{color:var(--soft)}
.back-top{border-color:var(--v9-hairline)!important;background:color-mix(in srgb,var(--surface2) 92%,transparent)!important}

/* Rail ------------------------------------------------------------------- */
.experience-rail{border-color:var(--v9-hairline)!important;background:color-mix(in srgb,var(--surface) 90%,transparent)!important;box-shadow:0 14px 44px rgba(0,0,0,.12)!important}
.experience-rail a i{transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)!important}.experience-rail a.active i{transform:scale(1.15)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--worldB) 8%,transparent)!important}

/* Light mode -------------------------------------------------------------- */
html[data-theme="light"] .hero{background:url('/assets/orbit-map.svg') center/cover no-repeat,radial-gradient(circle at 78% 40%,rgba(83,179,255,.10),transparent 31%),#fff!important}
html[data-theme="light"] .hero::before{opacity:.08}
html[data-theme="light"] .hero::after{opacity:.08}
html[data-theme="light"] .project-card,html[data-theme="light"] .purpose-card,html[data-theme="light"] .social,html[data-theme="light"] .audience-v82-total-card,html[data-theme="light"] .audience-v82-account,html[data-theme="light"] .recentx-feature,html[data-theme="light"] .recentx-radar,html[data-theme="light"] .contact-panel,html[data-theme="light"] .explorer-shell{box-shadow:0 12px 34px rgba(45,65,105,.07)!important}
html[data-theme="light"] .project-card::after{opacity:.25!important}
html[data-theme="light"] .world-core{background:#fff}

/* Responsive -------------------------------------------------------------- */
@media(max-width:1180px){
  .topnav{gap:1px}.topnav a{padding-inline:8px;font-size:.67rem}
  .hero-grid{padding:52px 44px;gap:28px}.identity{width:205px;height:270px}.world-stage{min-height:440px}
  .audience-v82-layout{grid-template-columns:1fr!important}.audience-v82-total-card{min-height:440px!important}.audience-v82-accounts{grid-template-columns:repeat(5,minmax(0,1fr))!important}.audience-v82-account,.audience-v82-accounts>.audience-v82-account:nth-last-child(-n+2){grid-column:auto!important}
  .understated .explorer-shell{grid-template-columns:1fr 1fr auto!important}.explorer-preview{grid-column:1/3}.explorer-open{grid-column:3;grid-row:1/3}.explorer-crystal{display:none}
}
@media(max-width:980px){
  .topnav{display:none}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:46px 36px 34px}.hero-copy-block{max-width:700px}.world-stage{min-height:430px}
  .project-grid{grid-template-columns:1fr!important}.project-card{min-height:360px!important}.project-card::after{inset:auto 18% 38% 18%!important;height:110px!important}
  .recentx-shell{grid-template-columns:1fr!important}.recentx-feature{min-height:560px!important}.recentx-radar{min-height:auto!important}.recentx-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact-panel{grid-template-columns:1fr!important}.contact-actions{grid-template-columns:1fr 1fr!important}.share-actions{grid-column:auto!important;justify-content:flex-start!important}
}
@media(max-width:820px){
  .shell{width:min(calc(100% - 22px),1360px)}
  .section{margin-top:72px!important}.section-head{align-items:flex-start!important;flex-direction:column!important}.section-tag{text-align:left!important;max-width:620px!important}
  .purpose-grid{grid-template-columns:1fr!important}.purpose-card{min-height:188px!important}
  .audience-v82-accounts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.audience-v82-account{grid-column:auto!important}.audience-v82-accounts>.audience-v82-account:last-child{grid-column:1/-1!important}
  .recentx-list{grid-template-columns:1fr!important}.recentx-feature{min-height:510px!important}.recentx-visual{min-height:430px!important}
  .understated .explorer-shell{grid-template-columns:1fr auto!important}.explorer-intro{grid-column:1/-1!important}.explorer-preview{grid-column:1/-1!important}.explorer-open{grid-column:2!important;grid-row:2!important}
  footer{grid-template-columns:1fr!important;justify-items:start!important;gap:15px!important}.footer-end{justify-content:flex-start!important}
}
@media(max-width:620px){
  .shell{width:min(calc(100% - 14px),1360px);padding-top:7px}.topbar{top:5px;border-radius:16px}.brand span{font-size:.7rem}
  .hero{border-radius:24px!important}.hero-grid{padding:35px 20px 24px!important}.kicker{font-size:.59rem}h1{font-size:clamp(3.5rem,22vw,5.8rem)}.hero-copy{font-size:.94rem}.hero-signature{display:none}.world-stage{min-height:350px}.identity{width:155px;height:205px;border-radius:29px}.world-ring{width:295px;height:295px}.world-ring2{width:230px;height:230px}.world-core{width:72px;height:72px;border-radius:23px}.world-core img{width:48px;height:48px}.identity.personal{transform:translate(-82px,-38px) rotate(-6deg)}.identity.gaming{transform:translate(83px,46px) rotate(7deg)}.platform-node.youtube{transform:translate(0,-151px)}.platform-node.instagram{transform:translate(145px,-6px)}.platform-node.twitch{transform:translate(-110px,128px)}
  .section{margin-top:62px!important}.section h2{font-size:clamp(2.25rem,12vw,3.3rem)!important}.section-head{margin-bottom:18px!important}
  .project-card{min-height:390px!important;padding:20px!important}.project-mark.project-mark-logo{width:66px!important;height:66px!important;flex-basis:66px!important}.project-orbit-label{display:none}.project-card::after{display:none!important}
  .audience-v82-total-card{min-height:0!important;padding:20px!important}.audience-v82-total-row>strong{font-size:4.2rem!important}.audience-v83-constellation{height:178px!important}.audience-v83-instagram{left:14%!important}.audience-v83-youtube{left:86%!important}.audience-v83-node{width:52px!important;height:52px!important}.audience-v83-node-icon{width:38px!important;height:38px!important}.audience-v83-rollup{grid-template-columns:1fr!important}.audience-v82-accounts{grid-template-columns:1fr!important}.audience-v82-accounts>.audience-v82-account:last-child{grid-column:auto!important}
  .social{min-height:186px!important;padding:17px!important}.social-copy{padding-right:35px!important}
  .recentx-head{align-items:flex-start!important;flex-direction:column!important}.recentx-sync{align-self:flex-start!important}.recentx-feature,.recentx-radar{border-radius:21px!important}.recentx-feature{min-height:450px!important}.recentx-visual{min-height:380px!important}.recentx-feature-bar{grid-template-columns:1fr auto!important}.recentx-meta{display:none!important}
  .contact-panel{padding:16px!important}.contact-actions{grid-template-columns:1fr!important}.share-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.share-actions .btn{width:100%}
  .understated .explorer-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:17px!important}.explorer-preview{display:flex!important;overflow-x:auto!important}.explorer-open{min-height:58px!important;flex-direction:row!important;align-items:center!important}.explorer-open-arrow{align-self:auto!important}
  .achievement-drawer-panel{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:min(88vh,820px)!important;border-radius:26px 26px 0 0!important}.achievement-drawer .achievement-grid{grid-template-columns:1fr!important}
}

/* Motion ----------------------------------------------------------------- */
@keyframes v9OrbitSpin{to{transform:rotate(360deg)}}
@keyframes v9OrbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes v9CoreBreath{0%,100%{opacity:.32;transform:scale(.98)}50%{opacity:.72;transform:scale(1.03)}}
@keyframes v9HeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:no-preference){
  .identity.personal{animation:v9HeroFloat 8.4s ease-in-out infinite}
  .identity.gaming{animation:v9HeroFloat 9.6s ease-in-out infinite reverse}
  .project-mark{transition:transform .35s var(--ease)}.project-card:hover .project-mark{transform:translateY(-2px) scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
  .world-ring,.world-ring2,.world-core::after,.identity{animation:none!important}
  .project-card,.purpose-card,.social,.recentx-item{transition:none!important}
}
html.lite .world-ring,html.lite .world-ring2,html.lite .world-core::after,html.lite .identity{animation:none!important}
.world-stage{transform:translate3d(var(--v9-stage-x,0),var(--v9-stage-y,0),0)}

/* v9.0.0 final interaction guard: Auralis never emits a glow before interaction. */
.project-auralis .auralis-signal{opacity:0!important;transition:opacity .28s var(--ease)!important}
.project-auralis:hover .auralis-signal,.project-auralis:focus-within .auralis-signal{opacity:.085!important}
@media(hover:none){.project-auralis .auralis-signal{display:none!important}}