:root{--color-cyan:oklch(72% 0.18 195);--color-magenta:oklch(65% 0.22 330);--color-amber:oklch(76% 0.14 65);--color-signal-red:oklch(63% 0.22 25);--color-paper:oklch(12% 0.008 260);--color-paper-2:oklch(16% 0.01 260);--color-paper-3:oklch(21% 0.012 260);--color-paper-4:oklch(26% 0.014 260);--color-ink:oklch(88% 0.012 240);--color-ink-2:oklch(80% 0.01 240);--color-muted:oklch(62% 0.01 250);--color-rule:oklch(28% 0.012 260);--color-rule-soft:oklch(22% 0.01 260);--color-accent:var(--color-cyan);--color-accent-2:var(--color-magenta);--color-accent-ink:oklch(12% 0.008 260);--color-focus:oklch(78% 0.20 195);--glow-cyan:0 0 20px oklch(72% 0.18 195/0.35);--glow-magenta:0 0 20px oklch(65% 0.22 330/0.30);--glow-cyan-sm:0 0 8px oklch(72% 0.18 195/0.25);--bloom-cyan:radial-gradient(circle at 15% 10%,oklch(72% 0.18 195/0.10),transparent 50%);--bloom-magenta:radial-gradient(circle at 88% 78%,oklch(65% 0.22 330/0.08),transparent 55%);--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--font-outlier:"Geist Mono","JetBrains Mono",ui-monospace,monospace;--text-xs:0.64rem;--text-sm:0.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-3xl:3.0518rem;--text-display:clamp(2.75rem,5vw + 1rem,5rem);--text-display-s:clamp(2.25rem,4vw + 0.75rem,3.75rem);--space-3xs:0.125rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--page-gutters:clamp(1.25rem,5vw,4rem);--measure:65ch;--rule-hair:1px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-short:220ms;--dur-long:420ms;--z-sticky:200;--z-modal:400}*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-ink);background-color:var(--color-paper);background-image:var(--bloom-cyan),var(--bloom-magenta);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{cursor:pointer;border:none;background:none}button,input{font:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}.app__header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--page-gutters);background:oklch(12% .008 260/.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-rule);box-shadow:0 1px 0 0 oklch(72% .18 195/.08)}.app__logo{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.01em;text-transform:uppercase;color:var(--color-ink);margin:0;padding:0;background:none;border:none;cursor:pointer;transition:text-shadow var(--dur-short) var(--ease-out)}.app__logo span{color:var(--color-accent)}.app__logo:hover{text-shadow:var(--glow-cyan-sm)}.app__tagline{font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0}.app__main{flex:1 1;padding:var(--space-xl) var(--page-gutters) calc(var(--space-3xl) + 96px);max-width:1400px;margin:0 auto;width:100%}.app__footer{padding:var(--space-xl) var(--page-gutters);border-top:1px solid var(--color-rule-soft);text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.toolbar{flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.toolbar,.toolbar__search{display:flex;align-items:center}.toolbar__search{flex:1 1 280px;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-pill);transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.toolbar__search:focus-within{border-color:var(--color-accent);box-shadow:var(--glow-cyan-sm)}.toolbar__search input{flex:1 1;border:none;background:none;outline:none;padding:var(--space-2xs) 0}.toolbar__search input::placeholder{color:var(--color-muted)}.toolbar__chips{flex-wrap:wrap}.toolbar__chips,.toolbar__view{display:flex;gap:var(--space-2xs)}.toolbar__view{margin-left:auto}.chip{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-2);transition:border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.chip:hover{color:var(--color-ink)}.chip--active,.chip:hover{border-color:var(--color-accent)}.chip--active{background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;box-shadow:var(--glow-cyan-sm)}.section-label{font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:var(--space-xl) 0 var(--space-md)}.grid--home{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.card{display:flex;flex-direction:column;background:var(--color-paper-2);border:1px solid var(--color-rule-soft);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out);text-align:left;padding:0}.card:hover{transform:translateY(-3px)}.card--playing,.card:hover{border-color:var(--color-accent);box-shadow:var(--glow-cyan)}.card__artwork{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.card__art{width:100%;height:100%;object-fit:cover;background:var(--color-paper-3)}.card__art-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,oklch(20% .02 260),oklch(28% .04 280));color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.card__body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-2xs)}.card__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);margin:0;color:var(--color-ink);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__meta{font-size:var(--text-sm);color:var(--color-muted);margin:0}.card__pulse{position:absolute;bottom:var(--space-sm);right:var(--space-sm);display:flex;align-items:flex-end;gap:3px;height:18px;padding:4px 6px;background:oklch(12% .008 260/.7);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card__pulse span{width:3px;border-radius:1px;background:var(--color-accent);animation:card-pulse .8s ease-in-out infinite alternate}.card__pulse span:first-child{animation-delay:0s;height:60%}.card__pulse span:nth-child(2){animation-delay:.15s;height:100%}.card__pulse span:nth-child(3){animation-delay:.3s;height:40%}@keyframes card-pulse{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.map-cta{display:flex;align-items:center;gap:var(--space-xl);width:100%;margin:var(--space-lg) 0 var(--space-xl);padding:var(--space-xl) var(--space-2xl);background:linear-gradient(135deg,oklch(14% .01 260),oklch(18% .02 280));border:1px solid var(--color-rule);border-radius:var(--radius-lg);transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out);text-align:left;position:relative;overflow:hidden}.map-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 50%,oklch(72% .18 195/.06),transparent 60%);pointer-events:none}.map-cta:hover{border-color:var(--color-accent);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.map-cta:hover:before{background:radial-gradient(circle at 85% 50%,oklch(72% .18 195/.12),transparent 60%)}.map-cta__visual{display:flex;align-items:center;gap:var(--space-lg);flex-shrink:0;position:relative;z-index:1}.map-cta__globe{position:relative;width:48px;height:48px;flex-shrink:0}.map-cta__globe-ring{position:absolute;inset:0;border:2px solid var(--color-accent);border-radius:50%;opacity:.4;animation:globe-pulse 2.5s ease-in-out infinite}.map-cta__globe-ring--2{inset:-8px;opacity:.2;animation-delay:.5s}.map-cta__globe-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:var(--color-accent);transform:translate(-50%,-50%);box-shadow:var(--glow-cyan-sm)}@keyframes globe-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.6}}.map-cta__waves{display:flex;align-items:center;gap:4px;height:36px}.map-cta__waves span{width:4px;border-radius:2px;background:linear-gradient(to top,var(--color-accent),var(--color-accent-2));animation:wave 1.2s ease-in-out infinite alternate;box-shadow:0 0 6px oklch(72% .18 195/.4)}.map-cta__waves span:first-child{animation-delay:0s;height:30%}.map-cta__waves span:nth-child(2){animation-delay:.1s;height:60%}.map-cta__waves span:nth-child(3){animation-delay:.2s;height:90%}.map-cta__waves span:nth-child(4){animation-delay:.3s;height:50%}.map-cta__waves span:nth-child(5){animation-delay:.15s;height:80%}.map-cta__waves span:nth-child(6){animation-delay:.25s;height:40%}.map-cta__waves span:nth-child(7){animation-delay:.05s;height:70%}@keyframes wave{0%{transform:scaleY(.2);opacity:.5}to{transform:scaleY(1);opacity:1}}.map-cta__text{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1 1;position:relative;z-index:1}.map-cta__label{font-family:var(--font-outlier);font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.map-cta__sub{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-ink-2)}.map-cta__arrow{font-size:var(--text-xl);color:var(--color-accent);flex-shrink:0;position:relative;z-index:1;transition:transform var(--dur-short) var(--ease-out)}.map-cta:hover .map-cta__arrow{transform:translateX(6px)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-3xl) var(--space-md);text-align:center;color:var(--color-muted)}.state__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink);margin:0}.state__action{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-pill);border:1px solid var(--color-accent);color:var(--color-accent);font-weight:500;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.state__action:hover{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--glow-cyan-sm)}.skeleton{background:linear-gradient(90deg,var(--color-paper-2) 25%,var(--color-paper-3) 50%,var(--color-paper-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:280px}.player{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background:oklch(12% .008 260/.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 24px oklch(0 0 0/.3)}.player__bar{height:3px;width:100%;background:var(--color-rule);transition:background var(--dur-long) var(--ease-out)}.player__bar--playing{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));box-shadow:0 0 8px oklch(72% .18 195/.5);animation:player-bar 2s ease-in-out infinite alternate}.player__bar--loading{background:var(--color-accent);opacity:.5;animation:player-bar .6s ease-in-out infinite alternate}@keyframes player-bar{0%{opacity:.6}to{opacity:1}}.player__inner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--page-gutters);max-width:1400px;margin:0 auto}.player__art{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-paper-3);flex-shrink:0;box-shadow:0 2px 12px oklch(0 0 0/.3);transition:box-shadow var(--dur-short) var(--ease-out)}.player__art:hover{box-shadow:0 2px 16px oklch(0 0 0/.4),var(--glow-cyan-sm)}.player__info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.player__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);color:var(--color-ink)}.player__meta,.player__name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__meta{font-size:var(--text-sm);color:var(--color-muted)}.player__error{color:var(--color-signal-red)}.player__controls{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.player__eq{display:flex;align-items:flex-end;gap:2px;height:20px}.player__eq span{width:3px;border-radius:1px;background:linear-gradient(to top,var(--color-accent),var(--color-accent-2));animation:eq .9s ease-in-out infinite alternate}.player__eq span:first-child{animation-delay:0s;height:50%}.player__eq span:nth-child(2){animation-delay:.15s;height:90%}.player__eq span:nth-child(3){animation-delay:.3s;height:30%}.player__eq span:nth-child(4){animation-delay:.1s;height:70%}.player__eq span:nth-child(5){animation-delay:.25s;height:50%}.player__eq--paused span{animation-play-state:paused;opacity:.4}@keyframes eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.player__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);border:1px solid var(--color-rule);color:var(--color-ink-2);background:var(--color-paper-2);transition:all var(--dur-short) var(--ease-out)}.player__btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-paper-3)}.player__btn--primary{width:52px;height:52px;background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent);box-shadow:var(--glow-cyan-sm)}.player__btn--primary:hover{background:var(--color-focus);box-shadow:var(--glow-cyan);transform:scale(1.05)}.player__spinner{width:18px;height:18px;border:2px solid oklch(12% .008 260/.3);border-top:2px solid var(--color-accent-ink);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.stories{margin-bottom:var(--space-xl)}.stories__scroll{display:flex;gap:var(--space-lg);overflow-x:auto;padding:var(--space-2xs) 0 var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent}.stories__scroll::-webkit-scrollbar{height:4px}.stories__scroll::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:2px}.stories__scroll::-webkit-scrollbar-track{background:transparent}.story{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex-shrink:0;width:84px}.story__ring{width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--color-rule),oklch(22% .01 260));transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.story:hover .story__ring{transform:scale(1.08);box-shadow:var(--glow-cyan-sm)}.story__ring--active{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));box-shadow:var(--glow-cyan);animation:story-pulse 2s ease-in-out infinite alternate}@keyframes story-pulse{0%{box-shadow:0 0 12px oklch(72% .18 195/.3)}to{box-shadow:0 0 20px oklch(72% .18 195/.5)}}.story__art{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-paper);display:flex;align-items:center;justify-content:center}.story__art--fallback{background:linear-gradient(135deg,oklch(20% .02 280),oklch(26% .014 260));color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.story__name{font-size:11px;color:var(--color-muted);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.story--playing .story__name{color:var(--color-accent);font-weight:600}@media (max-width:640px){.mapview__container{height:calc(100vh - 220px);min-height:320px}.app__tagline{display:none}.grid,.grid--home{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.skeleton-card{height:220px}.player__art{width:44px;height:44px}.player__name{font-size:var(--text-base)}.player__btn--primary{width:44px;height:44px}.player__eq{display:none}.story{width:72px}.story__ring{width:60px;height:60px}.map-cta{padding:var(--space-lg) var(--space-lg);gap:var(--space-md)}.map-cta__sub{font-size:var(--text-base)}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-lg) 0}.pagination__btn{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:background .15s,border-color .15s}.pagination__btn:hover{background:rgba(0,229,255,.12);border-color:var(--accent-cyan)}.pagination__btn--disabled{opacity:.35;pointer-events:none}.pagination__current{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);min-width:80px;text-align:center}.app__seo-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.06)}.app__seo-links a{font-size:var(--text-xs);color:var(--text-tertiary);text-decoration:none;transition:color .15s}.app__seo-links a:hover{color:var(--accent-cyan)}.leaflet-container{background:var(--color-paper-2);font-family:var(--font-body);border-radius:var(--radius-lg);border:1px solid var(--color-rule)}.mapview__container{position:relative;height:calc(100vh - 260px);min-height:400px}.mapview__map{width:100%;height:100%}.zoria-marker{width:28px;height:28px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-paper);display:flex;align-items:center;justify-content:center;color:var(--color-accent-ink);font-size:14px;cursor:pointer;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out);box-shadow:0 0 8px oklch(72% .18 195/.3)}.zoria-marker:hover{transform:scale(1.15);box-shadow:var(--glow-cyan)}.zoria-marker--playing{background:var(--color-accent-2);color:var(--color-ink);box-shadow:var(--glow-magenta)}.zoria-cluster{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));border:2px solid var(--color-paper);display:flex;align-items:center;justify-content:center;color:var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:13px;box-shadow:0 0 10px oklch(65% .22 330/.3)}.leaflet-popup-content-wrapper{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 4px 24px oklch(0 0 0/.4),var(--glow-cyan-sm)}.leaflet-popup-tip{background:var(--color-paper-2);border:1px solid var(--color-rule)}.leaflet-popup-content{margin:12px 14px;min-width:180px}.popup__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);margin:0 0 4px;color:var(--color-ink)}.popup__meta{font-size:var(--text-sm);color:var(--color-muted);margin:0 0 10px}.popup__play{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer}.popup__play:hover{background:var(--color-focus)}.leaflet-bar a{background:var(--color-paper-2);color:var(--color-ink);border-color:var(--color-rule)}.leaflet-bar a:hover{background:var(--color-paper-3);color:var(--color-accent)}.mapview__loading{inset:0;z-index:500;justify-content:center;background:oklch(12% .008 260/.7);color:var(--color-muted);pointer-events:none;border-radius:var(--radius-lg)}.mapview__count,.mapview__loading{position:absolute;display:flex;align-items:center;font-size:var(--text-sm)}.mapview__count{bottom:12px;left:50%;transform:translateX(-50%);z-index:400;padding:6px 16px;background:oklch(12% .008 260/.9);border:1px solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink-2);white-space:nowrap;gap:8px}.mapview__count--fetching:after{content:"";width:12px;height:12px;border:2px solid var(--color-muted);border-top-color:var(--color-accent);border-radius:50%;animation:mapview-spin .8s linear infinite}@keyframes mapview-spin{to{transform:rotate(1turn)}}.mapview__error{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:600;display:flex;align-items:center;gap:var(--space-sm);padding:10px 16px;max-width:90%;background:oklch(12% .008 260/.92);border:1px solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--text-sm)}.mapview__error--center{top:50%;transform:translate(-50%,-50%);flex-direction:column;text-align:center;padding:var(--space-lg);border-radius:var(--radius-md)}.mapview__error-retry{padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;font-size:var(--text-sm);white-space:nowrap}.mapview__error-retry:hover{background:var(--color-focus)}.leaflet-control-attribution a{color:var(--color-accent)}.mapview__sheet{bottom:60px;left:50%;transform:translateX(-50%);z-index:600;gap:var(--space-md);padding:var(--space-md);min-width:280px;max-width:90%;background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 8px 32px oklch(0 0 0/.4),var(--glow-cyan-sm)}.mapview__sheet,.mapview__sheet-close{position:absolute;display:flex;align-items:center}.mapview__sheet-close{top:6px;right:6px;width:24px;height:24px;justify-content:center;border-radius:50%;color:var(--color-muted);font-size:14px}.mapview__sheet-close:hover{color:var(--color-ink);background:var(--color-paper-3)}.mapview__sheet-art{width:56px;height:56px;border-radius:var(--radius-sm);background:linear-gradient(135deg,oklch(20% .02 280),oklch(26% .014 260));display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl);flex-shrink:0;overflow:hidden}.mapview__sheet-art img{width:100%;height:100%;object-fit:cover}.mapview__sheet-info{flex:1 1;min-width:0}.mapview__sheet-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);margin:0 0 2px;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapview__sheet-meta{font-size:var(--text-sm);color:var(--color-muted);margin:0}.mapview__sheet-play{padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;font-size:var(--text-sm);white-space:nowrap;flex-shrink:0;box-shadow:var(--glow-cyan-sm)}.mapview__sheet-play:hover{background:var(--color-focus);box-shadow:var(--glow-cyan)}