/* ASTROMER V0 • LIVING GLASS
   Signature: no emoji, no opaque template tiles, living stars, elegant glass,
   animated light tracing the contours and a gestural astronaut.
   Respects motion toggle, reduced motion, mobile GPU and input accessibility.
*/
:root{--v0-silver:#d9eef7;--v0-line:rgba(211,235,249,.38);--v0-haze:rgba(224,242,255,.115)}
#top.hero,#networks.astro-social-wall{isolation:isolate}
#top .astro-v0-starfield,#networks .astro-v0-starfield{
 position:absolute;inset:0;display:block;width:100%;height:100%;
 z-index:0;pointer-events:none;max-width:none;opacity:.96
}
#top>.hero-center,#top>.hero-meta,#top>.hero-footer,#top>.hero-featured-track,#top>.hero-opening{z-index:4}
#networks > :not(.astro-v0-starfield){position:relative;z-index:2}
#networks.astro-social-wall{
 background:
 radial-gradient(ellipse 58% 35% at 70% 22%,rgba(108,141,165,.125),transparent 85%),
 radial-gradient(ellipse 56% 37% at 17% 77%,rgba(89,121,146,.09),transparent 82%),
 linear-gradient(160deg,#06080c 0%,#090d14 42%,#040608 100%)
}
#top.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:radial-gradient(ellipse at 52% 56%,transparent 15%,rgba(5,8,14,.55) 85%);opacity:.6}
#top .hero-featured-track{
 width:min(408px,calc(100% - 54px));min-height:72px;
 padding:8px 13px 8px 6px;gap:10px;
 border:1px solid var(--v0-line);border-radius:13px;
 background:linear-gradient(118deg,rgba(83,116,146,.135),rgba(18,28,40,.36) 54%,rgba(22,31,42,.16))!important;
 backdrop-filter:blur(23px) saturate(120%);-webkit-backdrop-filter:blur(23px) saturate(120%);
 box-shadow:0 17px 55px #0008,inset 0 1px 0 rgba(243,251,255,.19),0 0 25px rgba(212,233,253,.07);
 overflow:hidden;isolation:isolate;
}
#top .hero-featured-track::before{
 content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;
 background:
 radial-gradient(circle at 13% 24%,rgba(249,254,255,.72) 0 1px,transparent 2px),
 radial-gradient(circle at 38% 63%,rgba(249,254,255,.42) 0 1px,transparent 2px),
 radial-gradient(circle at 83% 32%,rgba(249,254,255,.52) 0 1px,transparent 2px),
 radial-gradient(circle at 67% 80%,rgba(249,254,255,.4) 0 .7px,transparent 1.6px),
 radial-gradient(ellipse at 14% 52%,rgba(224,241,255,.13),transparent 46%);
 background-size:100% 100%;
 opacity:.9;animation:astro-v0-internal-stars 8s ease-in-out infinite;
}
#top .hero-featured-track::after{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;padding:1px;
 background:conic-gradient(from var(--astro-v0-trace,0deg),transparent 0deg,transparent 295deg,rgba(229,247,255,.07) 322deg,#fbfeff 337deg,rgba(230,250,255,.52) 350deg,transparent 360deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
#top .hero-featured-track>span{position:relative;z-index:2}
#top .hero-featured-avatar{flex:0 0 56px;min-height:53px;background:radial-gradient(circle,rgba(235,248,255,.15),transparent 67%)}
#top .hero-featured-avatar .astro-intro-suit{width:48px;height:58px;overflow:visible;filter:grayscale(1) drop-shadow(0 3px 9px rgba(216,241,255,.28))}
#top .hero-featured-copy{gap:3px}
#top .hero-featured-meta{font-size:7px;letter-spacing:.15em;color:#a5bbc8}
#top .hero-featured-copy strong{font-size:clamp(12px,1.15vw,16px);letter-spacing:-.022em}
#top .hero-featured-track-name{font-size:8px}
#top .hero-featured-arrow{
 flex:0 0 24px;width:24px;height:24px;border:1px solid rgba(210,232,241,.37);border-radius:6px;
 font:400 18px/1 'Space Grotesk',Arial,sans-serif;
 color:#eafaff;background:rgba(234,251,255,.065);
}
#top .hero-featured-arrow svg{width:15px;height:15px;stroke:#e8f7ff;fill:none;stroke-width:1.25}
#top .hero-featured-track:hover,#top .hero-featured-track:focus-visible{
 border-color:rgba(252,254,255,.63);box-shadow:0 20px 55px #0009,0 0 35px rgba(221,241,255,.16),inset 0 1px rgba(255,255,255,.32)
}
#top .hero-featured-avatar .astro-suit-arm-right{
 transform-box:view-box;transform-origin:145px 151px;
 animation:astro-v0-wave-right 9.6s cubic-bezier(.32,.6,.37,1) infinite
}
#top .hero-featured-avatar .astro-suit-arm-left{
 transform-box:view-box;transform-origin:68px 148px;
 animation:astro-v0-wave-left 9.6s ease-in-out infinite
}
#top .hero-featured-avatar .astro-intro-suit{
 animation:astro-v0-astronaut-hover 6.5s ease-in-out infinite
}
@keyframes astro-v0-wave-right{
 0%,14%,26%,39%,55%,72%,100%{transform:rotate(0deg)}
 17%,22%,29%,34%{transform:rotate(-48deg)}
 19%,24%,31%,36%{transform:rotate(-22deg)}
 61%{transform:rotate(20deg)}66%{transform:rotate(-9deg)}
}
@keyframes astro-v0-wave-left{
 0%,41%,53%,79%,100%{transform:rotate(0deg)}
 46%{transform:rotate(19deg)}49%{transform:rotate(12deg)}
 85%{transform:rotate(-18deg)}91%{transform:rotate(8deg)}
}
@keyframes astro-v0-astronaut-hover{
 0%,100%{transform:translateY(1px) rotate(-4deg)}
 38%{transform:translateY(-5px) rotate(2deg)}
 72%{transform:translateY(-2px) rotate(-1deg)}
}
@keyframes astro-v0-internal-stars{0%,100%{opacity:.53;filter:brightness(.8)}48%{opacity:1;filter:brightness(1.25)}75%{opacity:.75}}
/* No heavy opaque 'WordPress' blocks: layered translucency, depth and living rim. */
#networks .astro-social-wall-grid{
 grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.45vw,22px);
}
#networks .astro-social-card,
#networks .astro-social-card.astro-social-lead,
#networks .astro-social-card[data-platform="youtube"],
#networks .astro-social-card[data-platform="facebook"]{
 position:relative;isolation:isolate;grid-column:auto;grid-row:auto;
 min-height:clamp(190px,22vw,274px);padding:clamp(18px,2vw,29px);
 overflow:hidden;border:1px solid rgba(217,238,247,.23);border-radius:18px;
 background:linear-gradient(145deg,rgba(213,239,255,.095),rgba(47,69,92,.068) 44%,rgba(7,13,23,.17) 100%)!important;
 backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);
 box-shadow:0 16px 50px rgba(0,0,0,.27),inset 0 1px 0 rgba(238,250,255,.14),0 0 35px rgba(215,240,255,.035);
 transition:transform .55s cubic-bezier(.2,.76,.3,1),border-color .45s,box-shadow .45s;
}
#networks .astro-social-card::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:
 radial-gradient(circle at 20% 17%,rgba(255,255,255,.76) 0 1px,transparent 2px),
 radial-gradient(circle at 77% 34%,rgba(255,255,255,.65) 0 .9px,transparent 2px),
 radial-gradient(circle at 49% 72%,rgba(255,255,255,.45) 0 1px,transparent 2px),
 radial-gradient(circle at 84% 84%,rgba(255,255,255,.52) 0 .75px,transparent 2px),
 radial-gradient(ellipse at 29% 42%,rgba(227,246,255,.115),transparent 62%);
 opacity:.67;transform:none;animation:astro-v0-internal-stars 7s ease-in-out infinite;
}
#networks .astro-social-card::after{
 content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;padding:1px;pointer-events:none;
 background:conic-gradient(from var(--astro-v0-trace,0deg),transparent 0deg,transparent 288deg,rgba(244,253,255,.11) 320deg,rgba(255,255,255,.84) 337deg,rgba(194,227,247,.42) 353deg,transparent 360deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 opacity:.64;animation:none!important;
}
#networks .astro-social-card:nth-child(3n)::before{animation-delay:-3s}
#networks .astro-social-card:nth-child(2n)::before{animation-delay:-5s}
#networks .astro-social-card:hover,#networks .astro-social-card:focus-visible{
 transform:translateY(-4px);border-color:rgba(242,250,255,.66);
 box-shadow:0 28px 75px rgba(0,0,0,.43),0 0 38px rgba(235,247,255,.11),inset 0 1px rgba(255,255,255,.24);
 background:linear-gradient(145deg,rgba(203,231,251,.105),rgba(27,40,55,.2) 80%)!important
}
#networks .astro-social-brand,#networks .astro-social-lead .astro-social-brand{
 align-items:flex-start;gap:15px;margin:clamp(22px,2.5vw,37px) 0 22px;
}
#networks .astro-social-brand::before{
 content:"";position:absolute;left:-18px;top:-27px;width:140px;height:136px;
 border-radius:50%;pointer-events:none;z-index:-1;
 background:radial-gradient(circle at 55% 51%,rgba(244,254,255,.27),rgba(185,217,244,.065) 35%,transparent 68%);
 filter:blur(10px);animation:astro-v0-beacon 7s ease-in-out infinite;
}
#networks .astro-social-brand img,#networks .astro-social-lead .astro-social-brand img{
 width:clamp(37px,4.2vw,61px);height:clamp(37px,4.2vw,61px);
 object-fit:contain;opacity:.92;
 filter:invert(1) grayscale(1) brightness(1.15) drop-shadow(0 0 11px rgba(226,246,255,.25))!important;
 animation:astro-v0-social-pulse 6.8s ease-in-out infinite;
}
#networks .astro-social-card:nth-child(2n) .astro-social-brand img{animation-delay:-2.3s}
#networks .astro-social-card:nth-child(3n) .astro-social-brand img{animation-delay:-4.8s}
#networks .astro-social-brand strong,#networks .astro-social-lead .astro-social-brand strong{
 font-size:clamp(20px,2.25vw,31px);line-height:1.15;font-weight:300;letter-spacing:-.045em;
}
#networks .astro-social-card-foot{margin-top:auto}
#networks .astro-social-cta span{font-size:15px}
#networks .astro-social-card .astro-social-tag{font-size:8px}
#networks .astro-social-card .astro-social-head{z-index:2}
.astro-v0-photon{
 position:absolute!important;z-index:7!important;top:0;left:0;
 display:block!important;flex:none!important;width:5px;height:5px;border-radius:50%;
 background:#fff;box-shadow:0 0 5px 1px #fff,0 0 17px 3px rgba(194,229,255,.68),0 0 34px 8px rgba(202,235,255,.2);
 pointer-events:none;will-change:transform;transform:translate3d(0,0,0);
}
#top .astro-v0-photon{width:5px;height:5px}
#networks .astro-social-card:nth-child(2n) .astro-v0-photon{box-shadow:0 0 5px white,0 0 15px 4px #cbdff9a8,0 0 32px 6px #e0f3ff26}
@keyframes astro-v0-beacon{
 0%,100%{transform:translate(-6px,-3px) scale(.86);opacity:.43}
 45%{transform:translate(13px,8px) scale(1.15);opacity:.9}
}
@keyframes astro-v0-social-pulse{
 0%,100%{transform:scale(.97) translateY(1px);opacity:.82}
 48%{transform:scale(1.085) translateY(-2px);opacity:1}
}
@media(min-width:1001px){
 #networks .astro-social-card:nth-child(1){grid-column:span 2}
 #networks .astro-social-card:nth-child(2){grid-column:span 2}
 #networks .astro-social-card:nth-child(n+3){min-height:220px}
}
@media(max-width:1000px){
 #networks .astro-social-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #networks .astro-social-card.astro-social-lead,#networks .astro-social-card[data-platform="youtube"],#networks .astro-social-card[data-platform="facebook"]{grid-column:auto;grid-row:auto}
}
@media(max-width:700px){
 #networks.astro-social-wall{padding:70px clamp(17px,4.8vw,27px) 72px}
 #networks .astro-social-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #networks .astro-social-card,#networks .astro-social-card.astro-social-lead,
 #networks .astro-social-card[data-platform="youtube"],#networks .astro-social-card[data-platform="facebook"]{
  min-height:176px;padding:17px 13px 13px;grid-column:auto;grid-row:auto;border-radius:15px;
 }
 #networks .astro-social-brand,#networks .astro-social-lead .astro-social-brand{gap:9px;margin:23px 0 12px}
 #networks .astro-social-brand img,#networks .astro-social-lead .astro-social-brand img{
  width:35px;height:35px;max-width:35px;max-height:35px;
 }
 #networks .astro-social-brand strong,#networks .astro-social-lead .astro-social-brand strong{
  font-size:clamp(17px,4.5vw,24px);letter-spacing:-.055em;
 }
 #networks .astro-social-brand::before{left:-26px;top:-32px;width:103px;height:105px}
 #networks .astro-social-category,#networks .astro-social-serial{font-size:7px;letter-spacing:.1em}
 #networks .astro-social-card-foot{align-items:flex-start;flex-wrap:wrap;gap:5px;padding-top:10px}
 #networks .astro-social-tag{max-width:100%;font-size:7px!important}
 #networks .astro-social-cta{font-size:7px;white-space:normal;text-align:left}
 #networks .astro-social-intro h2{font-size:clamp(56px,13vw,90px)}
 #top .hero-featured-track{top:clamp(148px,17svh,176px);width:min(330px,calc(100% - 70px));min-height:69px;padding:7px 10px 7px 5px;gap:7px;border-radius:12px}
 #top .hero-featured-avatar{flex:0 0 47px;min-height:52px}
 #top .hero-featured-avatar .astro-intro-suit{width:40px;height:50px}
 #top .hero-featured-copy strong{font-size:clamp(11px,3vw,14px)}
 #top .hero-featured-meta{font-size:6px;letter-spacing:.09em}
 #top .hero-featured-track-name{font-size:7px}
 #top .hero-featured-arrow{flex-basis:22px;width:22px;height:22px}
}
@media(max-width:380px){
 #top .hero-featured-track{width:calc(100% - 58px)}
 #networks .astro-social-card,#networks .astro-social-card.astro-social-lead{min-height:163px;padding:13px 10px}
 #networks .astro-social-brand strong,#networks .astro-social-lead .astro-social-brand strong{font-size:17px}
 #networks .astro-social-brand img,#networks .astro-social-lead .astro-social-brand img{width:30px;height:30px}
}
html.astro-v0-motion-off #top .hero-featured-track::before,
html.astro-v0-motion-off #networks .astro-social-card::before,
html.astro-v0-motion-off #networks .astro-social-brand::before,
html.astro-v0-motion-off #networks .astro-social-brand img,
html.astro-v0-motion-off #top .hero-featured-avatar .astro-intro-suit,
html.astro-v0-motion-off #top .hero-featured-avatar .astro-suit-arm-left,
html.astro-v0-motion-off #top .hero-featured-avatar .astro-suit-arm-right{animation:none!important}
@media(prefers-reduced-motion:reduce){
 #top .hero-featured-track::before,#networks .astro-social-card::before,
 #networks .astro-social-brand::before,#networks .astro-social-brand img,
 #top .hero-featured-avatar .astro-intro-suit,
 #top .hero-featured-avatar .astro-suit-arm-left,
 #top .hero-featured-avatar .astro-suit-arm-right{animation:none!important}
 #top .hero-featured-track,#networks .astro-social-card{transition:none!important}
}

/* V0.1: ultra-compact featured My Hands card on iPhone. */
@media(max-width:700px){
 #top .hero-featured-track{top:clamp(127px,15svh,152px);width:min(274px,calc(100% - 92px));min-height:53px;padding:4px 7px 4px 3px;gap:4px;border-radius:10px}
 #top .hero-featured-avatar{flex:0 0 36px;min-height:39px;border-right:0}
 #top .hero-featured-avatar .astro-intro-suit{width:33px;height:41px}
 #top .hero-featured-copy{gap:2px}
 #top .hero-featured-meta{font-size:5.5px;letter-spacing:.04em}
 #top .hero-featured-copy strong{font-size:10.5px;line-height:1.24}
 #top .hero-featured-track-name{font-size:6.5px;letter-spacing:.04em}
 #top .hero-featured-arrow{width:17px;height:17px;flex-basis:17px;border-radius:4px}
 #top .hero-featured-arrow svg{width:12px;height:12px}
}
@media(max-width:380px){#top .hero-featured-track{width:min(256px,calc(100% - 70px))}}

/* V0.1 mobile refinement: pulses stay below the 36px icon cap at peak. */
@media(max-width:700px){
 #networks .astro-social-brand img,
 #networks .astro-social-lead .astro-social-brand img{
  width:30px;height:30px;max-width:30px;max-height:30px;
 }
}
