/* Existing Andora brand and rooftop remain the visual baseline. */
.andora-account {position:relative;font-size:14px;flex:none}
.andora-account summary {min-height:44px;display:flex;align-items:center;cursor:pointer}
.andora-account>div {position:absolute;right:0;min-width:150px;padding:16px;background:var(--andora-surface);color:var(--andora-ink);border:1px solid var(--andora-line);z-index:40}
.andora-account a,.andora-account button {display:block;padding:8px;min-height:44px}
.andora-live-home {--rooftop-cover-desktop:42%;--rooftop-cover-mobile:29%}
.andora-live-home .rooftop::after {height:var(--rooftop-cover-desktop)}
#random-memory {position:relative;min-height:290px;overflow:hidden}
.memory-cloud {display:none;font-size:clamp(32px,6vw,72px);letter-spacing:.3em;text-align:center;color:var(--andora-accent);transform-origin:center}
.memory-cloud::before,.memory-cloud::after {content:'';position:absolute;inset:-45px auto auto 25%;width:240px;height:200px;border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 14px,#9fc6ed55 15px 16px,transparent 17px 28px);pointer-events:none;animation:memory-interference 2400ms ease-in-out both;animation-play-state:inherit}
.memory-cloud::after {left:45%;animation-direction:reverse}
@keyframes memory-interference {0%{opacity:0;transform:translateX(-60px)}45%{opacity:.6;transform:translateX(0)}75%{opacity:.8;transform:translateX(30px)}100%{opacity:0;transform:translateX(60px)}}
#random-memory[data-state=animating] .memory-cloud {display:block;animation:memory-collapse 2400ms ease-in-out both}
#random-memory[data-paused=true] .memory-cloud {animation-play-state:paused}
@keyframes memory-collapse {0%{opacity:0;filter:blur(12px);transform:scale(1.8)}35%{opacity:.7;filter:blur(3px);transform:scale(1.2) rotate(-8deg)}65%{opacity:1;filter:blur(0);transform:scale(.9) rotate(8deg)}100%{opacity:0;filter:blur(0);transform:scale(.08)}}
#random-result img {width:min(100%,420px);max-height:280px;object-fit:cover}
#random-result p {white-space:pre-wrap;overflow-wrap:anywhere}
.fan-stage {position:relative;height:360px;margin:24px 0 0;overflow:hidden}
.fan-photo {position:absolute;left:50%;top:40px;width:clamp(140px,24vw,270px);padding:8px;background:var(--andora-surface);color:var(--andora-ink);border:1px solid var(--andora-line);border-radius:2px;transform:translateX(calc(-50% + var(--fan-x))) translateY(var(--fan-y)) rotate(var(--fan-angle));transition:transform 450ms ease,opacity 300ms;z-index:var(--fan-z);height:auto;min-height:180px}
.fan-photo img {width:100%;height:180px;object-fit:cover;display:block;pointer-events:none}
.fan-photo span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.fan-photo[aria-expanded=true] {transform:translateX(-50%) translateY(0) rotate(0);z-index:20}
.fan-stage:has([aria-expanded=true]) .fan-photo[aria-expanded=false] {opacity:.35}
.starlight-panel {position:fixed;right:16px;bottom:12px;z-index:25;max-width:240px;pointer-events:none}
.starlight-panel>button {pointer-events:auto;background:var(--andora-surface);color:var(--andora-ink);min-height:44px;padding:8px 16px;border:1px solid var(--andora-line)}
#starlight-status {font-size:13px;max-width:240px;background:var(--andora-night);margin:0}
#starlight-sky {position:fixed;inset:120px 16px 130px;pointer-events:none}
.starlight {position:absolute;left:var(--star-x);top:var(--star-y);pointer-events:auto;font-size:28px;color:#f9dc9b;background:transparent;border:0;border-radius:50%;width:48px;height:48px;animation:star-drift 5s ease-in-out infinite alternate}
.starlight-panel[data-paused=true] .starlight {animation-play-state:paused;visibility:hidden}
@keyframes star-drift {to {transform:translate(24px,-32px) rotate(15deg)}}
.starlight.read {animation:star-love 900ms ease-out both;pointer-events:none;font-size:16px;white-space:nowrap;width:130px;border-radius:8px}
@keyframes star-love {to{opacity:0;transform:translateY(-32px)}}
@media(max-width:767px){
  .andora-live-home .rooftop::after {height:var(--rooftop-cover-mobile)}
  body>header.andora-app-header {display:grid!important;grid-template-columns:1fr auto;gap:4px 12px}
  .andora-app-header>nav {grid-column:1/-1;grid-row:2;max-width:none!important;justify-content:space-between!important}
  .andora-app-header>nav>a {min-height:44px;display:flex;align-items:center;font-size:14px}
  .andora-account {grid-column:2;grid-row:1}
  .fan-stage {height:300px;margin-inline:-12px}
  .fan-photo {width:170px}.fan-photo img {height:145px}
  .starlight-panel {right:8px;bottom:8px;max-width:190px}
}
@media(prefers-reduced-motion:reduce){
  .memory-cloud {animation:none!important;display:none!important}
  .fan-photo {transition:none}.starlight {animation:none}
  .starlight.read {animation:none;opacity:1}
}