html:has(.musica),html:has(.musica:not([hidden])){overscroll-behavior-y:auto;height:auto!important;overflow:auto!important}body:has(.musica),body:has(.musica:not([hidden])){overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;background:#f6f3ee;min-height:100dvh;height:auto!important;overflow:auto!important}.musica{--cream:#f6f3ee;--paper:#fffcf6;--ink:#2c2622;--ink-soft:#5a524b;--line:#d4ccc0;--copper:#5a4c44;--peach:#d9895e;--peach-soft:#f6e0d0;--rose:#c74d72;--dock-h:8.75rem;touch-action:pan-y;height:auto;min-height:100dvh;padding:clamp(1.1rem, 4vw, 2.5rem) clamp(.9rem, 4vw, 2.5rem) calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 1.25rem);color:var(--ink);background:radial-gradient(55% 40% at 8% 0%, #f6e0d0b3, transparent 60%), radial-gradient(40% 30% at 100% 10%, #c74d7212, transparent 55%), var(--cream);padding-right:clamp(1.25rem,5vw,2.75rem);display:block;overflow:visible}@media (width>=720px){.musica{--dock-h:6.75rem}}html:has(.musica) .bear-drag,html:has(.musica) .bear-mascot{display:none}.mp-status{color:var(--ink-soft);margin:2rem 0;font-size:.98rem}.musica__account{z-index:5;position:absolute;top:clamp(1rem,3vw,1.5rem);right:clamp(1rem,4vw,2rem)}.love-shell__main.musica{position:relative}.mp{width:min(40rem,100%);margin-inline:auto;padding-bottom:.5rem;padding-right:clamp(5rem,22vw,11rem)}.mp-hero{margin-bottom:1.35rem}.mp-albums{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.55rem;margin-bottom:1.1rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.mp-album-chip{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--paper) 90%, white);min-width:9.5rem;max-width:14rem;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:.85rem;flex-shrink:0;align-items:center;gap:.55rem;padding:.4rem .65rem .4rem .4rem;transition:background .14s,border-color .14s;display:flex}.mp-album-chip:hover{background:var(--peach-soft)}.mp-album-chip.is-active{border-color:color-mix(in srgb, var(--peach) 55%, var(--line));background:var(--peach-soft)}.mp-album-chip__art{object-fit:cover;border-radius:.5rem;flex-shrink:0;width:2.4rem;height:2.4rem}.mp-album-chip__meta{gap:.1rem;min-width:0;display:grid}.mp-album-chip__title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:650;overflow:hidden}.mp-album-chip__count{color:var(--ink-soft);font-size:.7rem}.mp-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--peach);margin:0 0 .4rem;font-size:.78rem;font-weight:700}.mp-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:Marcellus,Georgia,serif;font-size:clamp(1.85rem,6vw,2.75rem);font-weight:400;line-height:1.1}.mp-lede{max-width:36ch;color:var(--ink-soft);text-wrap:pretty;margin:.65rem 0 0;font-size:.98rem;line-height:1.5}.mp-error{color:#b44a4a;background:#f7e8e8;border-radius:.55rem;margin:.75rem 0 0;padding:.55rem .85rem;font-size:.88rem}.mp-album{--card-max-h:26.5rem;position:relative}.mp-panel{z-index:1;max-height:var(--card-max-h);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:var(--paper);border-radius:1.15rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #2c262212}.mp-panel__head{flex-shrink:0;align-items:center;gap:.95rem;padding:1.05rem 1.05rem .75rem;display:flex}.mp-panel__art{object-fit:cover;border-radius:.85rem;flex-shrink:0;width:clamp(4.5rem,22vw,6rem);height:clamp(4.5rem,22vw,6rem);box-shadow:0 6px 18px #2c26221f}.mp-art-ph{background:color-mix(in srgb, var(--peach-soft) 55%, var(--paper));color:color-mix(in srgb, var(--ink-soft) 70%, var(--peach));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent);place-items:center;display:grid}.mp-art-ph svg{width:42%;height:42%;display:block}.mp-album-chip__art.mp-art-ph svg{width:55%;height:55%}.mp-dock__art.mp-art-ph svg{width:58%;height:58%}.mp-panel__meta{min-width:0}.mp-vinyl{z-index:0;height:86%;max-height:calc(var(--card-max-h) * .86);aspect-ratio:1;pointer-events:none;width:auto;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:100%;transform:translate(-62%,-50%)}.mp-album.is-playing .mp-vinyl{transform:translate(-50%,-50%)}.mp-vinyl__disc{background:radial-gradient(circle,#0000 14%,#00000059 14.5%,#0000 15%),radial-gradient(circle,#0000 22%,#ffffff0f 22.5%,#0000 23%),radial-gradient(circle,#0000 30%,#00000047 30.5%,#0000 31%),radial-gradient(circle,#0000 38%,#ffffff0d 38.5%,#0000 39%),radial-gradient(circle,#0000 46%,#00000040 46.5%,#0000 47%),radial-gradient(circle at 38% 32%,#ffffff24,#0000 42%),repeating-radial-gradient(circle,#1a1614 0 1px,#2a2420 1px 2px,#151210 2px 3px);border-radius:50%;width:100%;height:100%;animation:5.2s linear infinite paused mp-vinyl-spin;position:relative;box-shadow:0 8px 24px #2c26222e,inset 0 0 0 1px #ffffff0f}.mp-album.is-playing .mp-vinyl__disc{animation-play-state:running}.mp-vinyl__label{background:radial-gradient(circle,#2c2622 0 7%,#0000 7.5%),radial-gradient(circle,#0000 62%,#2c26222e 63%,#0000 68%),radial-gradient(circle,#0000 78%,#2c26221f 79%,#0000 84%),linear-gradient(145deg,#e8b84a,#c9922e 55%,#b07a22);border-radius:50%;position:absolute;inset:31%;box-shadow:inset 0 0 0 1px #2c26221f}@keyframes mp-vinyl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mp-vinyl{transition:none}.mp-vinyl__disc{animation:none}.mp-album.is-playing .mp-vinyl{transform:translate(-52%,-50%)}}.mp-panel__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.7rem;font-weight:700}.mp-panel__title{color:var(--ink);margin:.2rem 0 0;font-family:Marcellus,Georgia,serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:400}.mp-panel__sub{color:var(--ink-soft);margin:.25rem 0 0;font-size:.86rem;line-height:1.35}.mp-panel__count{color:var(--copper);margin:.4rem 0 0;font-size:.75rem;font-weight:600}.mp-tracks{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;margin:0;padding:.25rem .45rem .65rem;list-style:none;overflow-y:auto}.mp-track{text-align:left;cursor:pointer;width:100%;min-height:3rem;color:inherit;font:inherit;touch-action:manipulation;background:0 0;border:0;border-radius:.7rem;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem .7rem;transition:background .12s;display:grid}.mp-track:hover{background:color-mix(in srgb, var(--peach-soft) 45%, transparent)}.mp-track.is-active{background:var(--peach-soft)}.mp-track__n{color:var(--ink-soft);text-align:center;font-family:ui-monospace,monospace;font-size:.78rem}.mp-track.is-active .mp-track__n{color:var(--rose);font-weight:700}.mp-track__info{gap:.1rem;min-width:0;display:grid}.mp-track__title{color:var(--ink);font-size:.95rem;font-weight:650}.mp-track__artist{color:var(--ink-soft);font-size:.8rem}.mp-track__dur{color:var(--ink-soft);font-family:ui-monospace,monospace;font-size:.75rem}.mp-dock{z-index:40;left:50%;bottom:calc(.65rem + env(safe-area-inset-bottom,0px));border:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--paper) 96%, white);backdrop-filter:blur(12px);border-radius:1.05rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art now controls""seek seek seek""vol vol vol";align-items:center;gap:.55rem .75rem;width:min(42rem,100% - 1rem);padding:.7rem .85rem .75rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #2c26221f}@media (width>=720px){.mp-dock{grid-template-columns:auto minmax(7rem,12rem) auto 1fr auto;grid-template-areas:"art now controls.vol""seek seek seek seek seek";gap:.55rem .9rem;padding:.75rem 1rem .8rem}}.mp-dock__art{object-fit:cover;border-radius:.45rem;grid-area:art;width:2.65rem;height:2.65rem}.mp-dock__now{grid-area:now;min-width:0}.mp-dock__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.mp-dock__artist{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.74rem;overflow:hidden}.mp-dock__controls{grid-area:controls;justify-content:flex-end;align-items:center;gap:.1rem;display:flex}@media (width>=720px){.mp-dock__controls{justify-content:center}}.mp-dock__seek{grid-area:seek;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.55rem;display:grid}.mp-dock__vol{grid-area:vol;align-items:center;gap:.35rem;min-width:0;display:flex}.mp-dock__vol .mp-icon{flex-shrink:0;width:1.85rem;height:1.85rem}@media (width>=720px){.mp-dock__vol{justify-self:end;width:8rem}}.mp-icon{width:2.2rem;height:2.2rem;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.mp-icon:hover{color:var(--ink);background:var(--peach-soft)}.mp-play{background:var(--copper);color:#fffcf6;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;display:grid;box-shadow:0 3px 10px #2c262229}.mp-play:hover{background:color-mix(in srgb, var(--copper) 80%, black)}.mp-time{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-family:ui-monospace,IBM Plex Mono,monospace;font-size:.68rem;line-height:1}.mp-dock__seek .mp-time:first-child{text-align:right}.mp-dock__seek .mp-time:last-child{text-align:left}.mp-range{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;outline:none;width:100%;height:1.25rem;margin:0;padding:0;display:block}.mp-range--vol{flex:1;width:auto;min-width:0}.mp-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--peach) 0%, var(--peach) var(--pct,0%), color-mix(in srgb, var(--line) 55%, white) var(--pct,0%), color-mix(in srgb, var(--line) 55%, white) 100%);border:0;border-radius:999px;height:3px}.mp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:1.5px solid var(--paper);background:var(--copper);border-radius:50%;width:12px;height:12px;margin-top:-4.5px;box-shadow:0 1px 3px #2c262238}.mp-range:hover::-webkit-slider-thumb,.mp-range:focus-visible::-webkit-slider-thumb,.mp-range:active::-webkit-slider-thumb{transform:scale(1.12)}.mp-range::-moz-range-track{background:color-mix(in srgb, var(--line) 55%, white);border:0;border-radius:999px;height:3px}.mp-range::-moz-range-progress{background:var(--peach);border:0;border-radius:999px;height:3px}.mp-range::-moz-range-thumb{border:1.5px solid var(--paper);background:var(--copper);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #2c262238}.mp-range::-moz-focus-outer{border:0}.mp-footnote{color:var(--ink-soft);margin:1rem 0 0;font-size:.78rem}