/* Alma Latin Lounge: presentation only; preserves existing player and chat. */
:root{--pink:#ff877a;--gold:#ddd8ee;--muted:#afa9bc;--line:#ffffff14}
body{background:#101016;background-image:radial-gradient(ellipse at 48% 32%,#6e3b762b,transparent 48%),radial-gradient(ellipse at 80% 75%,#b6533620,transparent 50%);color:#faf7ff}
.a1{background:#ff745f;opacity:.11}.a2{background:#9364ff;opacity:.13}
header{padding-top:24px;padding-bottom:24px}
.brand{font-family:system-ui,sans-serif;font-weight:750;letter-spacing:-1px}
.brandmark{border:0;background:linear-gradient(145deg,#ff897a22,#8d68ed20);border-radius:50%;color:#ff9387}
.brand small{color:#bcb2ce;letter-spacing:1.7px;font-weight:600}
.intro{padding-top:46px}.eyebrow{color:#c7bddb;letter-spacing:2.5px}
h1{font-family:system-ui,sans-serif;font-weight:800;letter-spacing:-3px;font-size:clamp(40px,5vw,70px)}
h1 em{font-style:normal;font-weight:800;color:#ff9487}
.intro p{line-height:1.8;max-width:560px;margin:18px auto 0}
.profile-card,.chat-card{background:linear-gradient(145deg,#24212e,#18171f);border:1px solid #ffffff12;box-shadow:0 18px 45px #0003;border-radius:24px}
.profile-card h2,.chat-heading h2,.chat-empty h3{font-family:system-ui,sans-serif;font-weight:700;letter-spacing:-.5px}
.my-avatar{background:linear-gradient(140deg,#ff897a20,#8d68ed30);border-color:#ff897a35}
.wheel-wrap:before{inset:1.5%;box-shadow:0 0 0 1px #dfd6f02a,0 0 40px #9160df25,0 25px 60px #0007;background:radial-gradient(circle,transparent 55%,#927da90a 80%)}
.gear{filter:drop-shadow(0 18px 22px #0008)}
.gear path{fill:#171620;stroke:#b6a4cf;stroke-width:2}
.gear circle{stroke:#ad82b5;opacity:.2}
.wheel-wrap:after{content:'';position:absolute;inset:2.8%;border-radius:50%;border:3px solid transparent;border-top-color:#ff8b7d;border-right-color:#a68aff;border-bottom-color:#8262bb;box-shadow:inset 0 0 16px #c490b31c,0 0 15px #a477c833;pointer-events:none;z-index:2}
.pointer{top:-2.5%;font-size:23px;color:#ff9d8f;text-shadow:0 0 18px #ff826455}
.bulb{width:15.5%;padding:3px;border:1px solid #dad2e775;background:linear-gradient(130deg,#d9d1e0,#64556c);box-shadow:0 6px 14px #0006}
.bulb img{border:2px solid #15121c}.bulb.empty{background:#24212c;color:#bdafc9;border-color:#7f70894d}
.bulb.empty:hover{background:#39313f;box-shadow:0 0 20px #ff897a40}
.bulb .name{font-weight:600;font-size:9px;color:#e8e0ef;background:#14121bd9;padding:1px 5px;border-radius:6px}
.center-cap{width:36%;background:radial-gradient(circle at 35% 25%,#393041,#16151e 72%);border:1px solid #d3bce53d;box-shadow:0 0 0 8px #111018bd,0 15px 35px #0008,inset 0 1px 0 #ffffff15}
.center-cap strong{font-family:system-ui,sans-serif;font-weight:750;letter-spacing:-1.4px;font-size:clamp(21px,2.6vw,34px);line-height:1.05}
.center-cap em{font-style:normal;font-weight:650;color:#c5afe6}.center-cap>span{color:#ff9387;font-size:24px}
.center-cap small{color:#c3b8cf;letter-spacing:1.1px;font-size:6px;margin-top:12px}
.primary,.spin{background:linear-gradient(115deg,#ff9b83,#e8a5c0);color:#261820;box-shadow:0 8px 28px #ff897a1a}
.spin{border-radius:16px;padding:16px 30px}.outline{border-color:#c5afe635;background:#ffffff03}
.note-card>span,.music{color:#ff9b8d}.live-dot{background:#b7a0e9;box-shadow:0 0 9px #a88ae6}
.bubble.mine{background:#b9798d35}.chat-icon{background:#ff8a7612;color:#ff9b8d}
body.music-on .wheel-wrap:after{animation:loungePulse 3s ease-in-out infinite}
@keyframes loungePulse{50%{box-shadow:inset 0 0 20px #c490b330,0 0 24px #b685df55}}
@media(max-width:680px){.intro{padding-top:32px}h1{font-size:42px;letter-spacing:-2px}.intro p{font-size:13px}.brand{font-size:20px}.center-cap strong{font-size:25px}.center-cap small{font-size:5px}.bulb .name{font-size:8px}.wheel-wrap{margin-top:10px}.spin{min-width:250px}.profile-card h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){body.music-on .wheel-wrap:after{animation:none}}