/* The fairy follows the website pages. The transparent figure has no hit area
   beyond her button; the music panel sits below navigation and modal layers. */
.fairy-player{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:78px;height:84px;z-index:35;isolation:isolate;font-family:var(--sans,Arial,sans-serif);color:var(--ink,#3b2a43);--fairy-edge:#c6a865}
.fairy-player .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.fairy-toggle{position:relative;display:block;width:78px;height:84px;margin:0;padding:0;border:0;background:transparent;color:var(--ink,#3b2a43);border-radius:50% 50% 12px 12px;touch-action:manipulation;isolation:isolate}
.fairy-toggle:before{content:'';position:absolute;inset:15px 6px 15px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#e4efcd55,transparent 70%);opacity:.65;transition:opacity .25s}
.fairy-toggle:hover:before,.fairy-toggle:focus-visible:before{opacity:1}
.fairy-toggle:focus-visible{outline:2px solid var(--focus,var(--gold,#d4ae62));outline-offset:4px}
.fairy-art{position:absolute;inset:-7px 0 5px;pointer-events:none;animation:fairy-hover 4.8s ease-in-out infinite;filter:drop-shadow(0 3px 3px #173c3829)}
.fairy-figure{width:100%;height:100%;overflow:visible}
.fairy-wing{transform-box:view-box;transform-origin:80px 85px}
.fairy-wing-left{animation:fairy-wing-left 2.2s ease-in-out infinite}
.fairy-wing-right{animation:fairy-wing-right 2.2s ease-in-out infinite}
.fairy-badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:5px;min-width:63px;min-height:22px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--gold,#d4ae62) 46%,transparent);border-radius:20px;background:var(--surface,#fffcf9);box-shadow:0 3px 12px #132b2220;font-size:9px;font-weight:600;line-height:1.3;white-space:nowrap}
.fairy-equalizer{display:flex;gap:2px;align-items:center;height:10px;color:var(--gold-deep,#a67d34)}
.fairy-equalizer i{display:block;width:2px;height:3px;border-radius:2px;background:currentColor}
.fairy-equalizer i:nth-child(2){height:7px}.fairy-equalizer i:nth-child(3){height:5px}
.fairy-player[data-state=playing] .fairy-equalizer i{animation:fairy-equalize .85s ease-in-out infinite alternate}
.fairy-player[data-state=playing] .fairy-equalizer i:nth-child(2){animation-delay:-.55s}.fairy-player[data-state=playing] .fairy-equalizer i:nth-child(3){animation-delay:-.3s}
.fairy-player[data-state=playing] .fairy-toggle:before{background:radial-gradient(ellipse,#bdf6d968,transparent 70%);animation:fairy-halo 3.6s ease-in-out infinite}
.fairy-player[data-state=loading] .fairy-badge{border-style:dashed}
.fairy-dust{position:absolute;inset:0;overflow:hidden;border-radius:50%;pointer-events:none}
.fairy-dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e2bf70;box-shadow:0 0 4px #fcf2bd;animation:fairy-dust 6s ease-in-out infinite;opacity:0}
.fairy-dust i:nth-child(1){left:15%;top:59%;animation-delay:-1.5s}.fairy-dust i:nth-child(2){left:80%;top:55%;animation-delay:-3.2s}.fairy-dust i:nth-child(3){left:30%;top:80%;animation-delay:-4.8s}.fairy-dust i:nth-child(4){left:72%;top:27%;animation-delay:-.4s}
.fairy-music-panel{position:absolute;right:0;bottom:96px;width:min(294px,calc(100vw - 36px));max-height:calc(100dvh - 126px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;margin:0;padding:20px 19px 15px;background:var(--surface,#fffcf9);border:1px solid color-mix(in srgb,var(--gold,#d4ae62) 62%,var(--surface,#fffcf9));border-radius:10px;box-shadow:0 13px 44px #09272326,0 2px 8px #0e17161a;line-height:1.5;overscroll-behavior:contain}
.fairy-music-panel:after{content:'';position:absolute;right:29px;bottom:0;width:23px;height:2px;background:var(--gold,#d4ae62);opacity:.5;pointer-events:none}
.fairy-heading{padding-right:20px}.fairy-heading .fairy-eyebrow{margin:0 0 7px;color:var(--gold-deep,#a67d34);font:600 8px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.17em}
.fairy-heading h2{font:500 20px/1.3 var(--serif,Georgia,serif);letter-spacing:-.04em;color:var(--ink,#3b2a43);margin:0}
.fairy-close{position:absolute;top:9px;right:8px;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:8px;border:0;border-radius:50%;background:transparent;color:var(--muted,#71677c)}
.fairy-close:hover{background:var(--surface-raised,#f5f1f5);color:var(--ink,#3b2a43)}.fairy-close svg{width:15px;height:15px}
.fairy-music-status{min-height:31px;margin:9px 0 12px;font-size:10px;color:var(--muted,#71677c);line-height:1.55}
.fairy-transport{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fairy-play{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:116px;padding:8px 12px;border:1px solid var(--fairy-edge);border-radius:5px;background:linear-gradient(105deg,#e4bd72,#f2d99c);color:#493518;font:600 11px/1.3 var(--sans,Arial,sans-serif);box-shadow:inset 0 0 0 2px #fff5ce4d}
.fairy-play:hover{filter:brightness(1.04)}.fairy-play svg{width:15px;height:15px}
.fairy-clock{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted,#71677c);white-space:nowrap}
.fairy-music-panel input[type=range]{display:block;appearance:none;-webkit-appearance:none;min-width:0;height:26px;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;cursor:pointer;background:transparent;accent-color:var(--gold,#d4ae62)}
.fairy-music-panel input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:var(--line,#dbd4df)}
.fairy-music-panel .fairy-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold,#d4ae62) var(--fairy-progress,0%),var(--line,#dbd4df) var(--fairy-progress,0%))}
.fairy-music-panel input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:var(--line,#dbd4df)}
.fairy-music-panel input[type=range]::-moz-range-progress{height:3px;border-radius:4px;background:var(--gold,#d4ae62)}
.fairy-music-panel input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border:1px solid var(--surface,#fffcf9);border-radius:50%;background:var(--gold-deep,#a67d34);box-shadow:0 0 0 1px var(--gold,#d4ae62)}
.fairy-music-panel input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1px solid var(--surface,#fffcf9);border-radius:50%;background:var(--gold-deep,#a67d34);box-shadow:0 0 0 1px var(--gold,#d4ae62)}
.fairy-music-panel input[type=range]:disabled{opacity:.4;cursor:default}
.fairy-music-panel .fairy-seek{width:100%;margin:8px 0 6px}
.fairy-volume-row{display:flex;align-items:center;gap:7px;min-width:0}.fairy-volume-icon{color:var(--muted,#71677c)}.fairy-volume-icon svg{width:15px;height:15px}.fairy-volume-row label{font-size:10px;color:var(--muted,#71677c)}
.fairy-volume-row .fairy-volume{width:100%;flex:1}.fairy-volume-value{min-width:29px;font:10px/1.5 var(--sans,Arial,sans-serif);color:var(--muted,#71677c);text-align:right;font-variant-numeric:tabular-nums}
.fairy-footnote{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line,#dbd4df);font-size:9px;line-height:1.6;color:var(--muted,#71677c)}
.portal-drawer-open .fairy-player{visibility:hidden;pointer-events:none}
.portal-motion-paused .fairy-player *,.portal-page-hidden .fairy-player *,.fairy-player[data-page-active=false] *,.portal-motion-paused .fairy-toggle:before,.portal-page-hidden .fairy-toggle:before,.fairy-player[data-page-active=false] .fairy-toggle:before{animation-play-state:paused!important}
.portal-motion-paused .fairy-dust,.portal-page-hidden .fairy-dust,.fairy-player[data-page-active=false] .fairy-dust{visibility:hidden}
@keyframes fairy-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1.5deg)}}
@keyframes fairy-wing-left{0%,100%{transform:rotate(1deg) scaleX(1)}50%{transform:rotate(5deg) scaleX(.84)}}
@keyframes fairy-wing-right{0%,100%{transform:rotate(-1deg) scaleX(1)}50%{transform:rotate(-5deg) scaleX(.84)}}
@keyframes fairy-equalize{from{transform:scaleY(.5)}to{transform:scaleY(1.5)}}
@keyframes fairy-halo{50%{opacity:.45;transform:scale(.91)}}
@keyframes fairy-dust{0%,100%{opacity:0;transform:translateY(3px)}35%{opacity:.85}80%{opacity:0;transform:translate(3px,-14px)}}
@media(max-width:600px){.fairy-player{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:72px;height:80px}.fairy-toggle{width:72px;height:80px}.fairy-music-panel{width:min(286px,calc(100vw - 28px));bottom:91px;padding:19px 17px 14px}.fairy-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fairy-player *,.fairy-toggle:before{animation:none!important;transition:none!important}.fairy-dust{display:none}}
@media(forced-colors:active){.fairy-badge,.fairy-music-panel,.fairy-play{border:1px solid CanvasText;box-shadow:none}.fairy-toggle:before,.fairy-dust{display:none}.fairy-music-panel input[type=range]{appearance:auto;-webkit-appearance:auto}.fairy-equalizer i{background:CanvasText}}