dialog#music-welcome{color:#f4e9fc;background:radial-gradient(ellipse at top,#51306290,transparent 65%),#24152f;border:1px solid #ac83c268;border-radius:26px;width:min(460px,calc(100% - 36px));padding:36px 30px 30px;text-align:center;box-shadow:0 30px 120px #050109b3;max-height:90dvh;overflow:auto}#music-welcome::backdrop{background:#0d071bb8;backdrop-filter:blur(9px)}#music-welcome[open]{animation:welcome-in .45s ease both}.welcome-art{border-radius:50%;object-fit:cover;object-position:50% 45%;border:1px solid #d6b6e973;box-shadow:0 0 36px #ab78d326;display:block;margin:0 auto 26px}#music-welcome .eyebrow{font-size:11px;letter-spacing:.15em}#music-welcome h2{font:normal 35px/1.15 Georgia,serif;margin:17px 0}#welcome-description{font-size:15px;line-height:1.8;color:#cdb7dc}.welcome-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px}.welcome-actions button{width:100%;min-height:48px}#welcome-yes{background:var(--accent);color:var(--accent-ink)}.quiet-button{background:transparent;color:#d7bce8;border:1px solid #bd9acf40}.quiet-button:hover{background:#ffffff08;color:white}.mini-player{position:fixed;z-index:20;bottom:max(22px,env(safe-area-inset-bottom));right:24px;width:380px;max-width:calc(100% - 32px);display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:8px 15px;align-items:center;padding:20px 20px 14px;border:1px solid #bc95d46b;border-radius:22px;background:linear-gradient(135deg,#3e2751ed,#1d112bea);backdrop-filter:blur(20px);box-shadow:0 16px 65px #09041199;color:#f2e5fb;animation:welcome-in .35s ease}.mini-player[hidden]{display:none}.record-disc{width:76px;height:76px;object-fit:cover;border-radius:50%;animation:record-turn 8s linear infinite;animation-play-state:paused;box-shadow:0 5px 14px #08020b90}.mini-player.playing .record-disc{animation-play-state:running}.mini-details{min-width:0;padding-top:3px}.mini-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#c0a1d2;margin:0 0 5px}.mini-details strong{display:block;font:16px/1.35 Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:5px}#mini-status{font:12px/1.5 Arial,sans-serif;color:#ccb5dc;display:block}#mini-toggle{font:13px Arial,sans-serif;padding:0 12px;min-width:52px;min-height:44px;background:var(--accent);color:var(--accent-ink);border-radius:24px}#mini-close{position:absolute;top:1px;right:3px;background:transparent;min-height:32px;min-width:32px;padding:0;color:#d0b4e1;font-size:23px}#mini-close:hover{transform:none;color:white}#mini-toggle:hover{transform:none;filter:brightness(1.1)}.mini-timeline{grid-column:1/-1;display:flex;align-items:center;gap:9px;font:11px Arial,sans-serif;color:#bfa4d1;margin-top:6px}.mini-timeline input{width:100%;min-width:0;accent-color:var(--accent);cursor:pointer;height:20px;margin:0}.mini-timeline input:disabled{cursor:default}body.has-mini-player{padding-bottom:165px}.hero{perspective:1200px}.flowers{transform:perspective(1000px) rotateX(var(--flower-rx,0deg)) rotateY(var(--flower-ry,0deg)) rotateZ(2deg) translateY(var(--flower-y,0px));transition:transform .5s ease,box-shadow .5s ease;will-change:transform;isolation:isolate}.flowers:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,10%),#e9c6ff18,transparent 65%);border:1px solid #d9b3f121}.flowers img{transform:scale(1.035);transition:transform .8s ease}.flowers:hover img{transform:scale(1.07)}.flowers:hover{box-shadow:0 35px 90px #05020cb3,0 0 60px #bd76da20}.flowers figcaption{z-index:1;text-shadow:0 2px 8px #0b0316}@keyframes record-turn{to{transform:rotate(360deg)}}@keyframes welcome-in{from{opacity:0;translate:0 14px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@media(max-width:600px){.mini-player{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 32px);grid-template-columns:64px minmax(0,1fr) auto;padding:18px 16px 12px;gap:7px 12px}.record-disc{width:64px;height:64px}#music-welcome h2{font-size:31px}dialog#music-welcome{padding:28px 23px}.flowers{transition:transform .3s ease}}@media(prefers-reduced-motion:reduce){.flowers,.flowers:hover{transform:none;transition:none}.flowers img,.flowers:hover img{transform:none;transition:none}.record-disc,.mini-player,#music-welcome[open]{animation:none}}