/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-deep:#09090b;--color-bg-surface:#18181b;--color-bg-elevated:#27272a;--color-bg-hover:#3f3f46;--color-accent:#8abf8b;--color-accent-hover:#6fa870;--color-accent-glow:oklch(75.3805% .0922046 145.045/.25);--color-region:#cbbba0;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-error:#ef4444;--color-warning:#f59e0b;--color-border:#ffffff26;--color-border-hover:#fff3;--font-display:"Bricolage Grotesque",system-ui,sans-serif;--spacing-safe-bottom:env(safe-area-inset-bottom,0px);--ease-out-expo:cubic-bezier(.16,1,.3,1);--shadow-neu-flat:5px 5px 10px #00000080,-2px -2px 6px #ffffff0d;--shadow-neu-pressed:inset 3px 3px 6px #00000080,inset -1px -1px 3px #ffffff0d;--shadow-neu-sm:2px 2px 4px #00000080,-1px -1px 2px #ffffff0d;--shadow-convex:0 10px 20px #0000004d,inset 0 1px 0 #ffffff1a;--glossy-gradient:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);--glossy-gradient-hover:linear-gradient(135deg,#ffffff26 0%,#ffffff14 100%);--glossy-gradient-active:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);--shadow-soft:0 4px 12px #00000026,0 2px 4px #0000001a;--shadow-elegant:0 8px 24px #0003,0 4px 8px #00000026,inset 0 1px 0 #ffffff1a;--shadow-elegant-pressed:0 2px 8px #00000040,inset 0 2px 4px #0003,inset 0 -1px 0 #ffffff0d}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}html,body{background-color:var(--color-bg-deep);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:default;overflow:hidden}.selectable{-webkit-user-select:text;user-select:text}body{overscroll-behavior:none;margin:0;padding:0}#app{flex-direction:column;height:100%;display:flex}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}button{cursor:default;color:inherit;touch-action:manipulation;background:0 0;border:none;margin:0;padding:0;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}.btn-press{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity .2s}.btn-press:active{opacity:.8;transform:scale(.92)}:focus-visible{outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--color-bg-deep),0 0 0 4px var(--color-accent)}.noise-overlay:before{content:"";opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;top:0;right:0;bottom:0;left:0}.glass{background:oklch(from var(--color-bg-elevated)l c h/.8);-webkit-backdrop-filter:blur(20px)}.transition-transform-gpu{transition:transform .3s var(--ease-out-expo);will-change:transform}.pb-safe{padding-bottom:max(1rem,var(--spacing-safe-bottom))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s var(--ease-out-expo)}.animate-fade-in-up{animation:fadeInUp .4s var(--ease-out-expo)}.animate-fade-in-down{animation:fadeInDown .4s var(--ease-out-expo)}.animate-scale-in{animation:scaleIn .3s var(--ease-out-expo)}.animate-pulse{animation:2s ease-in-out infinite pulse}.stagger-1{animation-delay:50ms;animation-fill-mode:both}.stagger-2{animation-delay:.1s;animation-fill-mode:both}.stagger-3{animation-delay:.15s;animation-fill-mode:both}.stagger-4{animation-delay:.2s;animation-fill-mode:both}.stagger-5{animation-delay:.25s;animation-fill-mode:both}.glossy-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-elegant);border-radius:.75rem;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s,border-color .2s;position:relative;overflow:hidden}.glossy-btn:before{content:"";background:var(--glossy-gradient);pointer-events:none;border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0}.glossy-btn:hover{box-shadow:var(--shadow-elegant);border-color:var(--color-border-hover)}.glossy-btn:hover:before{background:var(--glossy-gradient-hover)}.glossy-btn:active{box-shadow:var(--shadow-elegant-pressed);transform:scale(.96)}.glossy-btn:active:before{background:var(--glossy-gradient-active)}.glossy-btn-circular{border-radius:50%}.glossy-btn-pill{border-radius:9999px}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.artwork-hero.svelte-r46hfg{position:relative;width:100%;aspect-ratio:1;max-height:35dvh;flex-shrink:1;min-height:0;z-index:0}@media(max-width:932px)and (max-height:430px){.artwork-hero.svelte-r46hfg{aspect-ratio:auto;height:32vh;max-height:32vh}.vignette-overlay.svelte-r46hfg{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 55%,var(--color-bg-deep) 100%)}}.info-btn.svelte-r46hfg{position:absolute;top:.75rem;left:.75rem;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;z-index:10;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s;box-shadow:var(--shadow-convex)}.info-btn.svelte-r46hfg svg:where(.svelte-r46hfg){width:1.25rem;height:1.25rem}.info-btn.svelte-r46hfg:hover{background-color:#00000080}.info-btn.svelte-r46hfg:active{transform:scale(.92)}@media(min-width:768px){.info-btn.svelte-r46hfg{display:none}}.hero-overlay-content.svelte-r46hfg{position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none}.hero-overlay-content.svelte-r46hfg *{pointer-events:auto}@media(min-width:768px){.artwork-hero.svelte-r46hfg{max-height:none;aspect-ratio:1;width:280px;border-radius:.75rem;overflow:hidden}}@media(min-width:1024px){.artwork-hero.svelte-r46hfg{width:320px}}.artwork-container.svelte-r46hfg{width:100%;height:100%;background-color:var(--color-bg-surface)}.artwork-image.svelte-r46hfg{width:100%;height:100%;object-fit:cover;display:block}.artwork-placeholder.svelte-r46hfg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-elevated) 100%)}.placeholder-icon.svelte-r46hfg{width:4rem;height:4rem;color:var(--color-text-muted);opacity:.5}.vignette-overlay.svelte-r46hfg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,var(--color-bg-deep) 100%);pointer-events:none}@media(min-width:768px){.vignette-overlay.svelte-r46hfg{display:none}}.track-meta.svelte-b0xwee{padding:0 1rem;text-align:center;display:flex;flex-direction:column;gap:.375rem}@media(min-width:768px){.track-meta.svelte-b0xwee{text-align:left;padding:0}}.title-row.svelte-b0xwee{display:flex;align-items:center;justify-content:center}@media(min-width:768px){.title-row.svelte-b0xwee{justify-content:flex-start}}.track-title.svelte-b0xwee{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.2}@media(min-width:768px){.track-title.svelte-b0xwee{font-size:1.75rem}}.artist-name.svelte-b0xwee{font-size:1rem;color:var(--color-text-secondary);margin:0}.collaborators.svelte-b0xwee{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;justify-content:center;font-size:.8125rem}@media(min-width:768px){.collaborators.svelte-b0xwee{justify-content:flex-start}}.collab-label.svelte-b0xwee{color:var(--color-text-muted);font-style:italic;margin-right:.125rem}.collab-entry.svelte-b0xwee{display:inline-flex;align-items:center;gap:.25rem}.collab-avatar.svelte-b0xwee{width:1.125rem;height:1.125rem;border-radius:50%;object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.collab-name.svelte-b0xwee{color:var(--color-text-secondary);font-weight:500}.collab-role.svelte-b0xwee{color:var(--color-text-muted);font-size:.75rem}.collab-separator.svelte-b0xwee{color:var(--color-text-muted)}.metadata-row.svelte-b0xwee{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}@media(min-width:768px){.metadata-row.svelte-b0xwee{justify-content:flex-start}}.metadata-item.svelte-b0xwee{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.025em;font-weight:500}.metadata-separator.svelte-b0xwee{opacity:.5;color:var(--color-text-muted)}.genre-tags.svelte-b0xwee{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}@media(min-width:768px){.genre-tags.svelte-b0xwee{justify-content:flex-start}}.genre-tag.svelte-b0xwee{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-elevated);border-radius:9999px;cursor:default;border:1px solid rgba(255,255,255,.05)}.waveform-player.svelte-1pkiysy{position:relative;width:100%;border-radius:.75rem;overflow:visible;padding:.5rem}.waveform-container.svelte-1pkiysy{width:100%;min-height:80px;transition:opacity .3s ease}.waveform-container.loading.svelte-1pkiysy,.waveform-container.error.svelte-1pkiysy{opacity:.3}.waveform-footer.svelte-1pkiysy{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem 0;font-size:.6875rem;letter-spacing:.04em}.time-current.svelte-1pkiysy{color:var(--color-text-secondary);flex-shrink:0}.time-total.svelte-1pkiysy{color:var(--color-text-muted);flex-shrink:0}.zoom-strip.svelte-1pkiysy{display:flex;align-items:center;gap:.375rem;flex:1;justify-content:center;max-width:220px;margin:0 auto}.zoom-slider.svelte-1pkiysy{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--color-bg-hover);border-radius:9999px;outline:none;cursor:pointer;touch-action:none;padding:8px 0;box-sizing:content-box;background-clip:content-box}.zoom-slider.svelte-1pkiysy::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-deep);cursor:pointer;box-shadow:0 1px 3px #0000004d}.zoom-slider.svelte-1pkiysy::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-deep);cursor:pointer;box-shadow:0 1px 3px #0000004d}.zoom-reset-btn.svelte-1pkiysy{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;transition:color .15s ease,background-color .15s ease}.zoom-reset-btn.svelte-1pkiysy svg:where(.svelte-1pkiysy){width:.875rem;height:.875rem}.zoom-reset-btn.svelte-1pkiysy:hover,.zoom-reset-btn.svelte-1pkiysy:active{color:var(--color-accent);background-color:var(--color-bg-hover)}.loading-overlay.svelte-1pkiysy,.error-overlay.svelte-1pkiysy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10}.loading-spinner.svelte-1pkiysy{width:2rem;height:2rem;border:2px solid var(--color-bg-hover);border-top-color:var(--color-accent);border-radius:50%;animation:svelte-1pkiysy-spin 1s linear infinite}@keyframes svelte-1pkiysy-spin{to{transform:rotate(360deg)}}.loading-text.svelte-1pkiysy,.error-text.svelte-1pkiysy{font-size:.75rem;color:var(--color-text-muted)}.error-icon.svelte-1pkiysy{width:2rem;height:2rem;color:var(--color-error)}.error-text.svelte-1pkiysy{color:var(--color-error)}.zoom-btn.svelte-1pkiysy{width:2rem;height:2rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;transition:color .15s ease,background-color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.zoom-btn.svelte-1pkiysy:hover:not(:disabled),.zoom-btn.svelte-1pkiysy:active:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-hover)}.zoom-btn.svelte-1pkiysy:disabled{opacity:.3}.zoom-btn.svelte-1pkiysy svg:where(.svelte-1pkiysy){width:1rem;height:1rem}.waveform-container>div{-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important}.waveform-container>div::-webkit-scrollbar{height:4px}.waveform-container>div::-webkit-scrollbar-track{background:transparent}.waveform-container>div::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:9999px}.waveform-container wave{cursor:crosshair!important}.waveform-container wave:hover{filter:brightness(1.1)}.waveform-container [data-region]{border-radius:.25rem;box-shadow:0 0 0 1px #8abf8b4d inset}.waveform-container [data-region]:hover{background-color:#8abf8b59!important}.waveform-container [data-region]>div{width:10px!important;background-color:var(--color-accent)!important;border-radius:9999px;opacity:1!important;box-shadow:0 2px 4px #0003}.waveform-container [data-region]>div:hover{transform:scaleX(1.1);background-color:var(--color-accent-hover)!important}.comment-markers.svelte-1o8i520{position:relative;width:100%;height:12px;margin-top:-2px}.marker.svelte-1o8i520{position:absolute;top:0;transform:translate(-50%);cursor:pointer;padding:2px 4px;z-index:5}.marker-dot.svelte-1o8i520{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent, #8ABF8B);box-shadow:0 0 4px #8abf8b80;transition:transform .15s ease,box-shadow .15s ease}.marker.svelte-1o8i520:hover .marker-dot:where(.svelte-1o8i520){transform:scale(1.6);box-shadow:0 0 8px #8abf8bcc}.marker-tooltip.svelte-1o8i520{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:8px;padding:.625rem .75rem;background-color:var(--color-bg-elevated, #27272A);border:1px solid var(--color-border, #3f3f46);border-radius:.5rem;box-shadow:0 4px 12px #0006;min-width:160px;max-width:260px;z-index:50;pointer-events:none;animation:svelte-1o8i520-tooltipIn .15s ease-out}@keyframes svelte-1o8i520-tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-header.svelte-1o8i520{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.tooltip-author.svelte-1o8i520{font-size:.75rem;font-weight:600;color:var(--color-text-primary, #fafafa)}.tooltip-time.svelte-1o8i520{font-size:.6875rem;color:var(--color-accent, #8ABF8B);background-color:#8abf8b1a;padding:.125rem .375rem;border-radius:9999px;margin-left:auto}.tooltip-text.svelte-1o8i520{font-size:.75rem;line-height:1.4;color:var(--color-text-secondary, #a1a1aa);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.control-bar.svelte-1o76r16{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 1rem}@media(min-width:768px){.control-bar.svelte-1o76r16{padding:0}}.transport-controls.svelte-1o76r16{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.transport-controls.svelte-1o76r16{gap:.75rem}}.time-display.svelte-1o76r16{display:none;align-items:center;gap:.25rem;font-size:.8125rem;letter-spacing:.05em}@media(min-width:768px){.time-display.svelte-1o76r16{display:none}}.current-time.svelte-1o76r16{color:var(--color-text-primary)}.time-separator.svelte-1o76r16{color:var(--color-text-muted)}.total-time.svelte-1o76r16{color:var(--color-text-secondary)}.control-btn.svelte-1o76r16{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background-color .2s;touch-action:manipulation}.control-btn.svelte-1o76r16:active:not(:disabled){transform:scale(.95);background-color:var(--color-bg-deep);color:var(--color-text-primary);box-shadow:var(--shadow-neu-pressed)}@media(hover:hover){.control-btn.svelte-1o76r16:not(:disabled):hover{color:var(--color-text-primary);background-color:var(--color-bg-elevated);box-shadow:var(--shadow-neu-sm)}.control-btn.svelte-1o76r16:not(:disabled):active{box-shadow:var(--shadow-neu-pressed)}}.control-btn.svelte-1o76r16:disabled{opacity:.2;cursor:default;box-shadow:none}.control-btn.svelte-1o76r16 svg:where(.svelte-1o76r16){width:1.25rem;height:1.25rem;display:block}.skip-btn.svelte-1o76r16{width:2.75rem;height:2.75rem}.play-btn.svelte-1o76r16{width:3.75rem;height:3.75rem;background:linear-gradient(135deg,#A8D4A9,var(--color-accent));color:#fff;box-shadow:var(--shadow-neu-flat),0 0 20px var(--color-accent-glow);border:1px solid rgba(255,255,255,.2);transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease}.play-btn.svelte-1o76r16:active:not(:disabled){transform:scale(.96);background:linear-gradient(135deg,#8abf8b,#6fa870);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #ffffff1a,0 0 15px var(--color-accent-glow);border-color:#ffffff26}@media(hover:hover){.play-btn.svelte-1o76r16:not(:disabled):hover{background:linear-gradient(135deg,#c5e6c6,#8abf8b);transform:scale(1.02);box-shadow:6px 6px 12px #0006,-2px -2px 6px #ffffff1a,0 0 25px var(--color-accent-glow)}.play-btn.svelte-1o76r16:not(:disabled):active{transform:scale(.96);background:linear-gradient(135deg,#8abf8b,#6fa870);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #ffffff1a,0 0 15px var(--color-accent-glow)}}.play-btn.svelte-1o76r16 svg:where(.svelte-1o76r16){width:1.5rem;height:1.5rem;display:block}.play-btn.svelte-1o76r16 .play-icon{margin-left:.1875rem}.loop-btn.svelte-1o76r16{width:2.5rem;height:2.5rem}.loop-btn.active.svelte-1o76r16{color:var(--color-accent);background-color:var(--color-bg-elevated)}.loop-btn.svelte-1o76r16 svg:where(.svelte-1o76r16){width:1.25rem;height:1.25rem}.region-info.svelte-1pmk8t8{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background-color:var(--color-bg-elevated);border-radius:.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-neu-sm);animation:svelte-1pmk8t8-slideIn .2s var(--ease-out-expo);overflow:hidden}@media(max-width:380px){.region-info.svelte-1pmk8t8{flex-wrap:wrap;justify-content:center}}@keyframes svelte-1pmk8t8-slideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.region-time.svelte-1pmk8t8{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;flex-shrink:0}.time-label.svelte-1pmk8t8{color:var(--color-text-muted);font-family:var(--font-sans)}.time-value.svelte-1pmk8t8{color:var(--color-text-primary);font-weight:500}.time-separator.svelte-1pmk8t8{color:var(--color-text-muted)}.region-actions.svelte-1pmk8t8{display:flex;align-items:center;gap:.375rem}.action-btn.svelte-1pmk8t8{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-surface);border-radius:9999px;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;touch-action:manipulation;flex-shrink:0}.action-btn.svelte-1pmk8t8:active{transform:scale(.95)}.action-btn.svelte-1pmk8t8:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.action-btn.svelte-1pmk8t8 svg:where(.svelte-1pmk8t8){width:1rem;height:1rem}.comment-btn.svelte-1pmk8t8:hover{color:var(--color-accent)}.loop-btn.active.svelte-1pmk8t8{color:var(--color-accent);background-color:#8abf8b26}.clear-btn.svelte-1pmk8t8:hover{color:var(--color-error)}.btn-label.svelte-1pmk8t8{display:none}@media(min-width:640px){.btn-label.svelte-1pmk8t8{display:inline}}.like-button.svelte-1izf9wt{position:relative;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .2s;touch-action:manipulation}.like-button.svelte-1izf9wt:active{transform:scale(.85);background-color:var(--color-bg-elevated)}@media(hover:hover){.like-button.svelte-1izf9wt:hover{background-color:var(--color-bg-elevated)}.like-button.svelte-1izf9wt:hover .heart-icon:where(.svelte-1izf9wt){stroke:var(--color-error)}}.heart-icon.svelte-1izf9wt{width:1.25rem;height:1.25rem;display:block;fill:none;stroke:var(--color-text-secondary);transition:all .3s var(--ease-out-expo)}.like-button.liked.svelte-1izf9wt .heart-icon:where(.svelte-1izf9wt){fill:var(--color-error);stroke:var(--color-error);animation:svelte-1izf9wt-heartBeat .4s var(--ease-out-expo)}@keyframes svelte-1izf9wt-heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.engagement-bar.svelte-pa039w{display:flex;align-items:center;justify-content:center;gap:1.25rem}@media(max-width:420px){.engagement-bar.svelte-pa039w{gap:1rem}}.engagement-bar.overlay.svelte-pa039w{position:absolute;top:.75rem;right:.75rem;flex-direction:column;gap:.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:0;box-shadow:none}@media(min-width:768px){.engagement-bar.svelte-pa039w{gap:.5rem}}.engagement-btn.svelte-pa039w{position:relative;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .2s;touch-action:manipulation}.engagement-bar.overlay.svelte-pa039w .engagement-btn:where(.svelte-pa039w){color:#fffffff2;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.engagement-bar.overlay.svelte-pa039w .engagement-btn:where(.svelte-pa039w):active{transform:scale(.88);background:#00000080}.engagement-bar.overlay.svelte-pa039w .like-btn{color:#fffffff2;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.engagement-bar.overlay.svelte-pa039w .like-btn:active{transform:scale(.88);background:#00000080}.engagement-bar.overlay.svelte-pa039w .heart-icon{stroke:#fffffff2}.engagement-btn.svelte-pa039w:active{transform:scale(.85);background-color:var(--color-bg-elevated);color:var(--color-text-primary)}@media(hover:hover){.engagement-btn.svelte-pa039w:hover{color:var(--color-text-primary);background-color:var(--color-bg-elevated)}.engagement-bar.overlay.svelte-pa039w .engagement-btn:where(.svelte-pa039w):hover{background:#00000080}.engagement-bar.overlay.svelte-pa039w .like-btn:hover{background:#00000080}}.engagement-btn.svelte-pa039w svg:where(.svelte-pa039w){width:1.25rem;height:1.25rem;display:block;stroke-linecap:round;stroke-linejoin:round}.badge.svelte-pa039w{position:absolute;top:0;right:0;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--color-bg-deep);background-color:var(--color-accent);border-radius:9999px;padding:0 .25rem}.comment-item.svelte-4fz57e{padding:1rem;background-color:var(--color-bg-surface);border-radius:.75rem}.comment-item.is-reply.svelte-4fz57e{padding:.75rem;background-color:var(--color-bg-elevated);border-radius:.5rem}.comment-header.svelte-4fz57e{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.comment-author.svelte-4fz57e{font-weight:500;color:var(--color-text-primary)}.is-reply.svelte-4fz57e .comment-author:where(.svelte-4fz57e){font-size:.8125rem}.comment-time-btn.svelte-4fz57e{font-size:.75rem;color:var(--color-accent);padding:.25rem .625rem;background-color:#8abf8b1a;border-radius:9999px;cursor:default;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s}.comment-time-btn.svelte-4fz57e:active{transform:scale(.95);background-color:#8abf8b33}@media(hover:hover){.comment-time-btn.svelte-4fz57e:hover{background-color:#8abf8b33}}.comment-date.svelte-4fz57e{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.comment-text.svelte-4fz57e{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.is-reply.svelte-4fz57e .comment-text:where(.svelte-4fz57e){font-size:.8125rem}.comment-actions.svelte-4fz57e{display:flex;margin-top:.5rem}.reply-btn.svelte-4fz57e{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted);padding:.25rem .5rem;border-radius:.375rem;transition:color .2s,background-color .2s}.reply-btn.svelte-4fz57e svg:where(.svelte-4fz57e){width:.875rem;height:.875rem}.reply-btn.svelte-4fz57e:hover{color:var(--color-text-secondary);background-color:var(--color-bg-hover)}.reply-btn.svelte-4fz57e:active{color:var(--color-accent)}.replies.svelte-4fz57e{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-left:1rem;border-left:2px solid var(--color-border)}.comment-list.svelte-5itrpx{display:flex;flex-direction:column;gap:.75rem}.empty-state.svelte-5itrpx{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon.svelte-5itrpx{width:3rem;height:3rem;color:var(--color-text-muted);opacity:.5;margin-bottom:1rem}.empty-text.svelte-5itrpx{font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 .25rem}.empty-hint.svelte-5itrpx{font-size:.8125rem;color:var(--color-text-muted);margin:0}.sheet-backdrop.svelte-1e2tj79{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#000000c7;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);animation:svelte-1e2tj79-fadeIn .2s ease-out}@media(min-width:768px){.sheet-backdrop.svelte-1e2tj79{display:none}}@keyframes svelte-1e2tj79-fadeIn{0%{opacity:0}to{opacity:1}}.sheet-content.svelte-1e2tj79{position:absolute;bottom:0;left:0;right:0;max-height:85vh;display:flex;flex-direction:column;background:oklch(from var(--color-bg-surface) l c h / .94);border:1px solid var(--color-border);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-radius:1.5rem 1.5rem 0 0;animation:svelte-1e2tj79-slideUp .3s var(--ease-out-expo);transition:transform .1s ease-out;will-change:transform}.sheet-content.dragging.svelte-1e2tj79{transition:none}@keyframes svelte-1e2tj79-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle-area.svelte-1e2tj79{padding:.75rem;cursor:grab;touch-action:none}.sheet-handle-area.svelte-1e2tj79:active{cursor:grabbing}.sheet-handle.svelte-1e2tj79{width:2.5rem;height:.25rem;margin:0 auto;background-color:var(--color-text-muted);border-radius:9999px;opacity:.5}.sheet-header.svelte-1e2tj79{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem 1rem;border-bottom:1px solid var(--color-border)}.sheet-title.svelte-1e2tj79{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.close-btn.svelte-1e2tj79{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:.5rem;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s}.close-btn.svelte-1e2tj79:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.close-btn.svelte-1e2tj79:active{transform:scale(.92);background-color:var(--color-bg-hover)}.close-btn.svelte-1e2tj79 svg:where(.svelte-1e2tj79){width:1.25rem;height:1.25rem}.sheet-body.svelte-1e2tj79{flex:1;overflow-y:auto;padding:1rem 1.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-accent) 30%,transparent) transparent}.sheet-body.svelte-1e2tj79::-webkit-scrollbar{display:block;width:4px}.sheet-body.svelte-1e2tj79::-webkit-scrollbar-track{background:transparent}.sheet-body.svelte-1e2tj79::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:10px}.sheet-footer.svelte-1e2tj79{padding:1rem 1.25rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background-color:var(--color-bg-elevated)}.add-comment-btn.svelte-1e2tj79{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#A8D4A9,var(--color-accent));color:#fff;font-size:1rem;font-weight:600;border-radius:.75rem;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;touch-action:manipulation;box-shadow:var(--shadow-neu-sm)}.add-comment-btn.svelte-1e2tj79 svg:where(.svelte-1e2tj79){width:1.25rem;height:1.25rem}.add-comment-btn.svelte-1e2tj79:hover{background:linear-gradient(135deg,#c5e6c6,#8abf8b)}.add-comment-btn.svelte-1e2tj79:active{transform:scale(.96);box-shadow:var(--shadow-neu-pressed)}.comments-panel.svelte-1dkh4uk{position:absolute;top:2rem;right:2rem;bottom:2rem;width:28rem;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;display:flex;flex-direction:column;z-index:50;box-shadow:var(--shadow-neu-flat);overflow:hidden}.panel-header.svelte-1dkh4uk{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--color-border)}.panel-title.svelte-1dkh4uk{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:0}.close-btn.svelte-1dkh4uk{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s}.close-btn.svelte-1dkh4uk:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.close-btn.svelte-1dkh4uk:active{transform:scale(.9);background-color:var(--color-bg-hover)}.close-btn.svelte-1dkh4uk svg:where(.svelte-1dkh4uk){width:1.25rem;height:1.25rem}.panel-content.svelte-1dkh4uk{flex:1;overflow-y:auto;padding:1.25rem}.panel-footer.svelte-1dkh4uk{padding:1rem;border-top:1px solid var(--color-border);background-color:var(--color-bg-elevated)}.add-comment-btn.svelte-1dkh4uk{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#A8D4A9,var(--color-accent));color:#fff;font-size:.875rem;font-weight:600;border-radius:.75rem;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;touch-action:manipulation;box-shadow:var(--shadow-neu-sm)}.add-comment-btn.svelte-1dkh4uk svg:where(.svelte-1dkh4uk){width:1rem;height:1rem}.add-comment-btn.svelte-1dkh4uk:hover{background:linear-gradient(135deg,#c5e6c6,#8abf8b)}.add-comment-btn.svelte-1dkh4uk:active{transform:scale(.96);box-shadow:var(--shadow-neu-pressed)}.custom-scrollbar.svelte-1dkh4uk{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-accent) 30%,transparent) transparent}.custom-scrollbar.svelte-1dkh4uk::-webkit-scrollbar{display:block;width:4px}.custom-scrollbar.svelte-1dkh4uk::-webkit-scrollbar-track{background:transparent}.custom-scrollbar.svelte-1dkh4uk::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:10px}.modal-backdrop.svelte-1xndeme{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-content.svelte-1xndeme{width:100%;max-width:28rem;background:oklch(from var(--color-bg-surface) l c h / .96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--color-border);border-radius:1rem;box-shadow:var(--shadow-neu-flat);overflow:hidden}@media(max-width:932px)and (max-height:430px){.modal-content.svelte-1xndeme{max-height:88vh;overflow:auto}}.modal-header.svelte-1xndeme{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--color-border)}.modal-title.svelte-1xndeme{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0}.close-btn.svelte-1xndeme{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s}.close-btn.svelte-1xndeme:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.close-btn.svelte-1xndeme:active{transform:scale(.9)}.close-btn.svelte-1xndeme svg:where(.svelte-1xndeme){width:1.25rem;height:1.25rem}.modal-body.svelte-1xndeme{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.selection-context.svelte-1xndeme{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.75rem}.context-icon.svelte-1xndeme{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-surface);border-radius:.5rem;flex-shrink:0}.context-icon.svelte-1xndeme svg:where(.svelte-1xndeme){width:1.25rem;height:1.25rem;color:var(--color-text-secondary)}.context-info.svelte-1xndeme{display:flex;flex-direction:column;gap:.125rem}.context-label.svelte-1xndeme{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.context-time.svelte-1xndeme{font-size:.8125rem;color:var(--color-text-secondary)}.context-hint.svelte-1xndeme{font-size:.75rem;color:var(--color-text-muted)}.reply-context.svelte-1xndeme .context-icon:where(.svelte-1xndeme) svg:where(.svelte-1xndeme){color:var(--color-accent)}.comment-form.svelte-1xndeme{display:flex;flex-direction:column;gap:.75rem}.form-row.svelte-1xndeme{display:flex;gap:.75rem}@media(max-width:480px){.form-row.svelte-1xndeme{flex-direction:column}}.form-field.svelte-1xndeme{flex:1;display:flex;flex-direction:column;gap:.25rem}input.svelte-1xndeme,textarea.svelte-1xndeme{width:100%;padding:.875rem 1rem;background-color:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:.75rem;color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease;resize:none;-webkit-appearance:none;box-shadow:var(--shadow-neu-pressed)}input.svelte-1xndeme::placeholder,textarea.svelte-1xndeme::placeholder{color:var(--color-text-muted)}input.svelte-1xndeme:focus,textarea.svelte-1xndeme:focus{outline:none;border-color:var(--color-border-hover);box-shadow:var(--shadow-neu-pressed)}input.error.svelte-1xndeme,textarea.error.svelte-1xndeme{border-color:var(--color-error)}.textarea-footer.svelte-1xndeme{display:flex;justify-content:flex-end}.char-count.svelte-1xndeme{font-size:.75rem;color:var(--color-text-muted)}.char-count.warning.svelte-1xndeme{color:var(--color-warning)}.error-message.svelte-1xndeme{font-size:.75rem;color:var(--color-error)}.form-actions.svelte-1xndeme{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.cancel-btn.svelte-1xndeme{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-elevated);border-radius:.5rem;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s}.cancel-btn.svelte-1xndeme:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.cancel-btn.svelte-1xndeme:active{transform:scale(.96)}.submit-btn.svelte-1xndeme{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#A8D4A9,var(--color-accent));color:#fff;font-size:.875rem;font-weight:600;border-radius:.5rem;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;touch-action:manipulation;box-shadow:var(--shadow-neu-sm)}.submit-btn.svelte-1xndeme:hover:not(:disabled){background:linear-gradient(135deg,#c5e6c6,#8abf8b)}.submit-btn.svelte-1xndeme:active:not(:disabled){transform:scale(.96);box-shadow:var(--shadow-neu-pressed)}.submit-btn.svelte-1xndeme:disabled{opacity:.6;cursor:not-allowed}.loading-spinner.svelte-1xndeme{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:svelte-1xndeme-spin .8s linear infinite}@keyframes svelte-1xndeme-spin{to{transform:rotate(360deg)}}.panel-backdrop.svelte-j2mnbp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#000000f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.panel-content.svelte-j2mnbp{position:relative;width:100%;height:100%;max-width:32rem;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:4rem 1.5rem 1.5rem}@media(min-width:768px){.panel-content.svelte-j2mnbp{max-height:90vh;padding:3rem 2rem 2rem;border-radius:1.5rem;background-color:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-neu-flat)}}.close-btn.svelte-j2mnbp{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background-color:var(--color-bg-elevated);border-radius:50%;z-index:10;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;box-shadow:var(--shadow-neu-sm)}.close-btn.svelte-j2mnbp:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.close-btn.svelte-j2mnbp:active{transform:scale(.9)}.close-btn.svelte-j2mnbp svg:where(.svelte-j2mnbp){width:1.25rem;height:1.25rem}.hero-section.svelte-j2mnbp{display:flex;justify-content:center;margin-bottom:2rem}.artwork-wrapper.svelte-j2mnbp{position:relative;width:100%;max-width:16rem}.artwork.svelte-j2mnbp{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem;box-shadow:var(--shadow-neu-flat)}.artwork-glow.svelte-j2mnbp{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;box-shadow:0 20px 60px #8abf8b33,0 10px 30px #0000004d;pointer-events:none}.info-section.svelte-j2mnbp{flex:1;display:flex;flex-direction:column;gap:1.5rem;text-align:center}@media(min-width:768px){.info-section.svelte-j2mnbp{text-align:left}}.track-title.svelte-j2mnbp{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2}@media(min-width:768px){.track-title.svelte-j2mnbp{font-size:2rem}}.artist-name.svelte-j2mnbp{font-size:1.125rem;color:var(--color-text-secondary);margin:-1rem 0 0}.metadata-grid.svelte-j2mnbp{display:flex;justify-content:center;gap:1.5rem;padding:1rem 0}@media(min-width:768px){.metadata-grid.svelte-j2mnbp{justify-content:flex-start}}.meta-item.svelte-j2mnbp{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.25rem;background-color:var(--color-bg-elevated);border-radius:.75rem;border:1px solid var(--color-border)}@media(min-width:768px){.meta-item.svelte-j2mnbp{align-items:flex-start}}.meta-label.svelte-j2mnbp{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.meta-value.svelte-j2mnbp{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.genre-section.svelte-j2mnbp{display:flex;flex-direction:column;align-items:center;gap:.75rem}@media(min-width:768px){.genre-section.svelte-j2mnbp{align-items:flex-start}}.section-label.svelte-j2mnbp{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.genre-tags.svelte-j2mnbp{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(min-width:768px){.genre-tags.svelte-j2mnbp{justify-content:flex-start}}.genre-tag.svelte-j2mnbp{display:inline-flex;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-elevated);border-radius:9999px;border:1px solid var(--color-border)}.description-section.svelte-j2mnbp{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem}@media(min-width:768px){.description-section.svelte-j2mnbp{align-items:flex-start}}.description-text.svelte-j2mnbp{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7;margin:0;white-space:pre-wrap;text-align:center}@media(min-width:768px){.description-text.svelte-j2mnbp{text-align:left}}.share-section.svelte-j2mnbp{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem}@media(min-width:768px){.share-section.svelte-j2mnbp{align-items:flex-start}}.share-link-btn.svelte-j2mnbp{width:100%;padding:.85rem 1rem;border-radius:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem}.modal-backdrop.svelte-17rcs11{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#000c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);animation:svelte-17rcs11-fadeIn .2s ease-out}@keyframes svelte-17rcs11-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-17rcs11{width:100%;max-width:24rem;padding:2rem;text-align:center;border-radius:1rem;border:1px solid var(--color-border);background:oklch(from var(--color-bg-surface) l c h / .96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);max-height:90vh;overflow:auto;animation:svelte-17rcs11-slideUp .3s var(--ease-out-expo)}@keyframes svelte-17rcs11-slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:932px)and (max-height:430px){.modal-content.svelte-17rcs11{padding:1.5rem;max-width:26rem}}@media(prefers-reduced-motion:reduce){.modal-backdrop.svelte-17rcs11,.modal-content.svelte-17rcs11{animation:none!important}}.modal-icon.svelte-17rcs11{width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);border-radius:50%}.modal-icon.svelte-17rcs11 svg:where(.svelte-17rcs11){width:2rem;height:2rem;color:var(--color-bg-deep)}.modal-title.svelte-17rcs11{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.modal-message.svelte-17rcs11{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5;margin:0 0 1.5rem}.modal-message.svelte-17rcs11 strong:where(.svelte-17rcs11){color:var(--color-text-primary)}.modal-actions.svelte-17rcs11{display:flex;gap:.75rem;justify-content:center}.btn.svelte-17rcs11{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .2s ease}.btn.svelte-17rcs11:disabled{opacity:.6;cursor:not-allowed}.btn-secondary.svelte-17rcs11{background-color:var(--color-bg-elevated);color:var(--color-text-secondary)}.btn-secondary.svelte-17rcs11:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-primary.svelte-17rcs11{background-color:var(--color-accent);color:var(--color-bg-deep)}.btn-primary.svelte-17rcs11:hover:not(:disabled){background-color:var(--color-accent-hover)}.loading-spinner.svelte-17rcs11{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:svelte-17rcs11-spin .8s linear infinite}@keyframes svelte-17rcs11-spin{to{transform:rotate(360deg)}}.toast.svelte-1cpok13{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);max-width:90vw;padding:.75rem 1rem;border-radius:999px;background:#18181bf2;color:var(--color-text-primary);font-size:.875rem;border:1px solid var(--color-border);box-shadow:0 10px 30px #00000059;z-index:200}.toast.success.svelte-1cpok13{border-color:#22c55e99}.toast.error.svelte-1cpok13{border-color:#f87171b3}.share-actions.svelte-dl4e46{display:flex;flex-direction:column;gap:.75rem}.share-surface.svelte-dl4e46{display:flex;flex-direction:column;gap:.75rem;padding:.9rem;border-radius:1rem;background:linear-gradient(180deg,#ffffff0f,#0000001f);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-convex)}.link-row.svelte-dl4e46{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.link-text.svelte-dl4e46{color:var(--color-text-secondary);font-size:.8125rem;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn.svelte-dl4e46{width:2.25rem;height:2.25rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:transform .12s var(--ease-out-expo),background .2s;flex-shrink:0}.icon-btn.svelte-dl4e46:active{transform:scale(.96);background:#ffffff1a}.icon-btn.svelte-dl4e46 svg:where(.svelte-dl4e46){width:1.1rem;height:1.1rem;display:block;stroke-linecap:round;stroke-linejoin:round}.action-row.svelte-dl4e46{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.btn.svelte-dl4e46{height:2.5rem;border-radius:.9rem;font-size:.875rem;color:var(--color-text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:transform .12s var(--ease-out-expo),background .2s,border-color .2s}.btn.svelte-dl4e46:active{transform:scale(.98);background:#ffffff1a}.btn.primary.svelte-dl4e46{background:linear-gradient(135deg,#A8D4A9,var(--color-accent));border-color:#ffffff2e}.qr-section.svelte-dl4e46{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.08)}.qr-frame.svelte-dl4e46{padding:.75rem;border-radius:1rem;background:#fff;box-shadow:0 10px 24px #00000059}.qr-frame.svelte-dl4e46 img:where(.svelte-dl4e46){width:220px;height:220px;display:block;image-rendering:pixelated}.qr-caption.svelte-dl4e46{font-size:.8125rem;color:var(--color-text-secondary);text-align:center}@media(max-width:420px){.action-row.svelte-dl4e46{grid-template-columns:1fr}}.modal-backdrop.svelte-lgz2lc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#000c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);animation:svelte-lgz2lc-fadeIn .2s ease-out}@keyframes svelte-lgz2lc-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-lgz2lc{width:100%;max-width:26rem;padding:1.5rem;border-radius:1.25rem;border:1px solid var(--color-border);background:oklch(from var(--color-bg-surface) l c h / .96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 24px 80px #0000008c;max-height:90vh;overflow:auto;animation:svelte-lgz2lc-modalPop .22s var(--ease-out-expo)}@keyframes svelte-lgz2lc-modalPop{0%{opacity:0;transform:translateY(.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header.svelte-lgz2lc{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-title.svelte-lgz2lc{font-size:1rem;font-weight:600}.modal-message.svelte-lgz2lc{color:var(--color-text-secondary);font-size:.875rem;margin:.75rem 0 1rem}.close-btn.svelte-lgz2lc{width:2rem;height:2rem;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-bg-elevated)}.close-btn.svelte-lgz2lc svg:where(.svelte-lgz2lc){width:1rem;height:1rem}@media(max-width:480px){.modal-backdrop.svelte-lgz2lc{align-items:flex-end;padding:0}.modal-content.svelte-lgz2lc{max-width:none;width:100%;border-radius:1.25rem 1.25rem 0 0;padding:1.25rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px));animation:svelte-lgz2lc-sheetUp .32s var(--ease-out-expo)}}@keyframes svelte-lgz2lc-sheetUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:932px)and (max-height:430px){.modal-backdrop.svelte-lgz2lc{align-items:center;padding:.75rem}.modal-content.svelte-lgz2lc{border-radius:1.25rem;max-height:88vh;animation:svelte-lgz2lc-modalPop .22s var(--ease-out-expo)}}@media(prefers-reduced-motion:reduce){.modal-backdrop.svelte-lgz2lc,.modal-content.svelte-lgz2lc{animation:none!important}}.powered-by.svelte-dhs06w{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem 1rem}.powered-link.svelte-dhs06w{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.powered-link.svelte-dhs06w:hover{opacity:.8}.suru-logo.svelte-dhs06w{height:32px;width:auto;object-fit:contain;opacity:.85;transition:opacity .2s ease}.powered-link.svelte-dhs06w:hover .suru-logo:where(.svelte-dhs06w){opacity:1}.suru-wordmark.svelte-dhs06w{font-size:1.125rem;font-weight:700;color:var(--color-accent);letter-spacing:.04em}.tagline.svelte-dhs06w{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.25rem;font-size:.6875rem;color:var(--color-text-muted);letter-spacing:.02em}.powered-label.svelte-dhs06w{color:var(--color-text-muted)}.suru-lossless.svelte-dhs06w{color:var(--color-text-secondary);font-weight:500}.divider.svelte-dhs06w{color:var(--color-text-muted);opacity:.5}.made-with.svelte-dhs06w{display:inline-flex;align-items:center;gap:.2rem}.heart-icon.svelte-dhs06w{width:.6875rem;height:.6875rem;color:#c85a35;flex-shrink:0}.player-shell.svelte-1h6h60l{height:100vh;height:100dvh;background-color:var(--color-bg-deep);position:relative;overflow:hidden}.floating-info-btn.svelte-1h6h60l{position:absolute;top:.75rem;left:.75rem;z-index:20;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;color:#ffffffd9;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .2s}.floating-info-btn.svelte-1h6h60l:active{transform:scale(.88);background:#00000080}@media(hover:hover){.floating-info-btn.svelte-1h6h60l:hover{background:#00000080;color:#fff}}.floating-info-btn.svelte-1h6h60l svg:where(.svelte-1h6h60l){width:1.125rem;height:1.125rem}.player-layout.svelte-1h6h60l{height:100%;overflow-y:auto;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}@media(max-width:932px)and (max-height:430px){.player-layout.svelte-1h6h60l{overflow-y:hidden}}.mobile-layout.svelte-1h6h60l{display:flex;flex-direction:column;height:100%}@media(min-width:768px)and (min-height:520px){.mobile-layout.svelte-1h6h60l{display:none}}.content-area.svelte-1h6h60l{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 0 0;flex:1 1 auto;min-height:0;overflow:hidden}@media(max-width:932px)and (max-height:430px){.mobile-layout.svelte-1h6h60l{flex-direction:row;align-items:stretch;min-height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.mobile-layout.svelte-1h6h60l .artwork-hero{width:clamp(220px,42vw,320px);height:100dvh;max-height:none;aspect-ratio:auto;flex-shrink:0}.mobile-layout.svelte-1h6h60l .vignette-overlay{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 55%,var(--color-bg-deep) 100%)}.content-area.svelte-1h6h60l{gap:1rem;padding-top:.75rem;padding-bottom:.75rem;padding-left:1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-footer.svelte-1h6h60l{position:sticky;bottom:0;padding-top:.75rem;background:linear-gradient(to top,oklch(from var(--color-bg-deep) l c h / .98) 0%,oklch(from var(--color-bg-deep) l c h / .9) 55%,transparent 100%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.waveform-wrapper.svelte-1h6h60l,.region-info-wrapper.svelte-1h6h60l,.engagement-wrapper.svelte-1h6h60l{padding-left:.75rem;padding-right:.75rem}}.desktop-layout.svelte-1h6h60l{display:none}@media(min-width:768px)and (min-height:520px){.desktop-layout.svelte-1h6h60l{display:flex;flex-direction:column;height:100%;position:relative;padding:2rem}}.desktop-content.svelte-1h6h60l{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:64rem;margin:0 auto;margin-top:1.5rem;margin-bottom:2.5rem}@media(min-width:768px)and (max-width:1024px){.desktop-layout.svelte-1h6h60l{padding:1.5rem}.desktop-content.svelte-1h6h60l{gap:1.5rem;margin-top:1rem;margin-bottom:2rem}}.desktop-header.svelte-1h6h60l{display:flex;gap:2rem;align-items:flex-start}@media(min-width:768px)and (max-width:1024px){.desktop-header.svelte-1h6h60l{flex-direction:column;align-items:center;gap:1.25rem}.desktop-header.svelte-1h6h60l .track-meta{text-align:center!important}.desktop-header.svelte-1h6h60l .title-row,.desktop-header.svelte-1h6h60l .metadata-row,.desktop-header.svelte-1h6h60l .genre-tags{justify-content:center!important}}@media(min-width:768px)and (max-width:1024px)and (max-height:520px){.desktop-header.svelte-1h6h60l{flex-direction:row;align-items:flex-start;gap:1.25rem}}.waveform-wrapper.svelte-1h6h60l{padding:0 1rem}.waveform-region-hint.svelte-1h6h60l{font-size:.75rem;color:var(--color-text-muted);margin:.375rem 0 0;padding:0 .25rem}.waveform-wrapper.desktop.svelte-1h6h60l{padding:0}.region-info-wrapper.svelte-1h6h60l{padding:0 1rem}.region-info-wrapper.desktop.svelte-1h6h60l{padding:0}.engagement-wrapper.svelte-1h6h60l,.mobile-controls-row.svelte-1h6h60l{display:flex;justify-content:center}.mobile-bottom-row.svelte-1h6h60l{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-top:1px solid var(--color-border);padding-top:.75rem;margin:0 1rem}.mobile-footer.svelte-1h6h60l{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;flex-shrink:0;padding-bottom:max(.75rem,var(--spacing-safe-bottom))}@media(max-width:932px)and (max-height:430px){.mobile-footer.svelte-1h6h60l{gap:.25rem;padding-bottom:max(.25rem,var(--spacing-safe-bottom))}.mobile-bottom-row.svelte-1h6h60l{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.375rem;margin:0 .75rem}.powered-wrapper.svelte-1h6h60l{flex-shrink:0}.powered-wrapper.svelte-1h6h60l .powered-by{padding:0;gap:0;flex-direction:row;align-items:center}.powered-wrapper.svelte-1h6h60l .suru-logo{height:18px}.powered-wrapper.svelte-1h6h60l .tagline{display:none}}.desktop-controls-row.svelte-1h6h60l{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.controls-left.svelte-1h6h60l{justify-self:start}.controls-center.svelte-1h6h60l{justify-self:center}.controls-right.svelte-1h6h60l{justify-self:end}.time-display.svelte-1h6h60l{display:flex;align-items:center;gap:.25rem;font-size:.875rem;letter-spacing:.05em}.current-time.svelte-1h6h60l{color:var(--color-text-primary);font-weight:500}.time-separator.svelte-1h6h60l{color:var(--color-text-muted)}.total-time.svelte-1h6h60l{color:var(--color-text-secondary)}.sticky-mini-player.svelte-iml6xy{position:fixed;top:0;left:0;right:0;height:72px;z-index:100;background:#18181beb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(-100%);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease;pointer-events:none}.sticky-mini-player.visible.svelte-iml6xy{transform:translateY(0);opacity:1;pointer-events:auto}.mini-content.svelte-iml6xy{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;height:calc(100% - 3px)}.mini-artwork.svelte-iml6xy{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.mini-artwork.svelte-iml6xy img:where(.svelte-iml6xy){width:100%;height:100%;object-fit:cover}.mini-info.svelte-iml6xy{flex:1;min-width:0}.mini-title.svelte-iml6xy{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.mini-artist.svelte-iml6xy{font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.mini-play-btn.svelte-iml6xy{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);background:var(--color-bg-elevated);border-radius:50%;flex-shrink:0;transition:transform .15s ease,background .2s ease;box-shadow:var(--shadow-soft)}.mini-play-btn.svelte-iml6xy:active{transform:scale(.92)}.mini-play-btn.svelte-iml6xy svg:where(.svelte-iml6xy){width:20px;height:20px}.mini-progress.svelte-iml6xy{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff1a}.mini-progress-fill.svelte-iml6xy{height:100%;background:var(--color-accent);transition:width .1s linear}.details-layer.svelte-1yv32zk{position:relative;background-color:var(--color-bg-surface);min-height:100vh;min-height:100dvh}.details-content.svelte-1yv32zk{padding:2rem 1rem;max-width:600px;margin:0 auto}.track-header.svelte-1yv32zk{margin-bottom:2rem;text-align:center}.track-title.svelte-1yv32zk{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.artist-name.svelte-1yv32zk{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.metadata-section.svelte-1yv32zk{margin-bottom:2rem}.metadata-grid.svelte-1yv32zk{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:1.5rem}.meta-item.svelte-1yv32zk{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-bg-elevated);text-align:center}.meta-label.svelte-1yv32zk{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.meta-value.svelte-1yv32zk{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.genre-section.svelte-1yv32zk{display:flex;justify-content:center}.genre-tags.svelte-1yv32zk{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.genre-tag.svelte-1yv32zk{display:inline-flex;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-elevated)}.description-section.svelte-1yv32zk{margin-bottom:2rem}.section-title.svelte-1yv32zk{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.description-text.svelte-1yv32zk{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7;margin:0;white-space:pre-wrap}.comments-section.svelte-1yv32zk{margin-top:3rem}.comments-header.svelte-1yv32zk{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.add-comment-btn.svelte-1yv32zk{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-elevated)}.add-comment-btn.svelte-1yv32zk svg:where(.svelte-1yv32zk){width:1rem;height:1rem}.toggle-btn.svelte-ncsojf{position:fixed;top:2rem;right:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);background:var(--color-bg-elevated);z-index:15;transition:transform .3s ease}.toggle-btn.open.svelte-ncsojf{right:420px}.toggle-btn.svelte-ncsojf svg:where(.svelte-ncsojf){width:1.25rem;height:1.25rem}.overlay-panel.svelte-ncsojf{position:fixed;top:0;right:0;width:400px;height:100%;background:var(--color-bg-surface);border-left:1px solid var(--color-border);box-shadow:-4px 0 24px #0000004d;z-index:12;display:flex;flex-direction:column}.panel-content.svelte-ncsojf{display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header.svelte-ncsojf{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-title.svelte-ncsojf{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.close-btn.svelte-ncsojf{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-bg-elevated)}.close-btn.svelte-ncsojf svg:where(.svelte-ncsojf){width:1.125rem;height:1.125rem}.panel-body.svelte-ncsojf{flex:1;overflow-y:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.track-info-section.svelte-ncsojf{margin-bottom:2rem}.info-title.svelte-ncsojf{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.info-artist.svelte-ncsojf{font-size:1rem;color:var(--color-text-secondary);margin:0}.metadata-section.svelte-ncsojf{margin-bottom:2rem}.metadata-grid.svelte-ncsojf{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.meta-item.svelte-ncsojf{display:flex;flex-direction:column;align-items:center;padding:.875rem;background:var(--color-bg-elevated);text-align:center}.meta-label.svelte-ncsojf{font-size:.625rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem}.meta-value.svelte-ncsojf{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.genre-section.svelte-ncsojf{display:flex;justify-content:center}.genre-tags.svelte-ncsojf{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.genre-tag.svelte-ncsojf{display:inline-flex;padding:.375rem .875rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-elevated)}.description-section.svelte-ncsojf{margin-bottom:2rem}.section-title.svelte-ncsojf{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.description-text.svelte-ncsojf{color:var(--color-text-secondary);font-size:.875rem;line-height:1.7;margin:0;white-space:pre-wrap}.comments-section.svelte-ncsojf{margin-top:2rem}.comments-header.svelte-ncsojf{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.add-comment-btn.svelte-ncsojf{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-elevated)}.add-comment-btn.svelte-ncsojf svg:where(.svelte-ncsojf){width:.875rem;height:.875rem}.player-shell-v2.svelte-z46c2o{position:relative;height:100%;background-color:var(--color-bg-deep);overflow:hidden}.scroll-container.svelte-z46c2o{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.stage-section.svelte-z46c2o{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.stage-backdrop.svelte-z46c2o{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:0;pointer-events:none;will-change:transform,opacity,filter}.backdrop-image.svelte-z46c2o{width:100%;height:100%;object-fit:cover;opacity:.3}.backdrop-gradient.svelte-z46c2o{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#09090b80,#09090bcc,#09090b)}.stage-content.svelte-z46c2o{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding-bottom:2rem}.controls-area.svelte-z46c2o{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.waveform-wrapper.svelte-z46c2o{padding:0 1rem}.waveform-region-hint.svelte-z46c2o{font-size:.75rem;color:var(--color-text-muted);margin:.375rem 0 0;padding:0 .25rem}.region-info-wrapper.svelte-z46c2o{padding:0 1rem}.scroll-indicator.svelte-z46c2o{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--color-text-muted);transition:opacity .3s ease}.scroll-indicator-icon.svelte-z46c2o{width:24px;height:24px;animation:svelte-z46c2o-bounce 2s infinite}.scroll-indicator-icon.svelte-z46c2o svg:where(.svelte-z46c2o){width:100%;height:100%}.scroll-indicator-text.svelte-z46c2o{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}@keyframes svelte-z46c2o-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.content-section.svelte-z46c2o{min-height:100vh;min-height:100dvh;background-color:var(--color-bg-surface);border-top:1px solid rgba(255,255,255,.08)}.desktop-layout-v2.svelte-z46c2o{display:flex;height:100%;position:relative}.desktop-content-v2.svelte-z46c2o{flex:1;display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.desktop-header-v2.svelte-z46c2o{display:flex;gap:2rem;margin-bottom:2rem}.desktop-meta-v2.svelte-z46c2o{flex:1;display:flex;flex-direction:column;justify-content:center}.track-title-v2.svelte-z46c2o{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.artist-name-v2.svelte-z46c2o{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.waveform-wrapper-v2.desktop.svelte-z46c2o{margin-bottom:1rem}.region-info-wrapper-v2.desktop.svelte-z46c2o{margin-bottom:.75rem}.desktop-controls-row-v2.svelte-z46c2o{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}.controls-left-v2.svelte-z46c2o{display:flex;justify-content:flex-start}.controls-center-v2.svelte-z46c2o{display:flex;justify-content:center}.controls-right-v2.svelte-z46c2o{display:flex;justify-content:flex-end}.time-display-v2.svelte-z46c2o{font-size:.875rem;color:var(--color-text-secondary)}.current-time-v2.svelte-z46c2o{color:var(--color-text-primary)}.time-separator-v2.svelte-z46c2o{margin:0 .5rem;color:var(--color-text-muted)}.total-time-v2.svelte-z46c2o{color:var(--color-text-muted)}@media(min-width:768px){.scroll-container.svelte-z46c2o{display:none}}@media(max-width:767px){.desktop-layout-v2.svelte-z46c2o{display:none}}.error-state.svelte-q1ff1l{height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-deep);padding:2rem}.error-content.svelte-q1ff1l{text-align:center;max-width:24rem}.icon.svelte-q1ff1l{font-size:4rem;display:block;margin-bottom:1.5rem}.title.svelte-q1ff1l{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.message.svelte-q1ff1l{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0 0 2rem}.cta.svelte-q1ff1l{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:var(--color-accent);color:var(--color-bg-deep);font-weight:500;font-size:.875rem;border-radius:.5rem;text-decoration:none;transition:background-color .2s ease}.cta.svelte-q1ff1l:hover{background-color:var(--color-accent-hover)}