@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--sround-font-sans: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--sround-space-1: .25rem;--sround-space-2: .5rem;--sround-space-3: .75rem;--sround-space-4: 1rem;--sround-space-5: 1.25rem;--sround-space-6: 1.5rem;--sround-space-8: 2rem;--sround-space-10: 2.5rem;--sround-space-12: 3rem;--sround-space-16: 4rem;--sround-radius-sm: .375rem;--sround-radius-md: .5rem;--sround-radius-lg: .75rem;--sround-radius-xl: 1rem;--sround-radius-2xl: 1.5rem;--sround-radius-full: 9999px;--sround-shadow-sm: 0 1px 3px rgba(184, 124, 89, .05);--sround-shadow-md: 0 4px 12px -2px rgba(184, 124, 89, .08), 0 2px 6px -1px rgba(184, 124, 89, .04);--sround-shadow-lg: 0 12px 24px -4px rgba(184, 124, 89, .12), 0 4px 12px -2px rgba(184, 124, 89, .06);--sround-shadow-xl: 0 24px 38px -8px rgba(184, 124, 89, .15), 0 8px 16px -4px rgba(184, 124, 89, .08);--sround-shadow-glass: 0 8px 32px 0 rgba(184, 124, 89, .1);--sround-bg: #faf8f6;--sround-bg-gradient: linear-gradient(135deg, #faf8f6 0%, #f1ede9 100%);--sround-surface: #ffffff;--sround-surface-hover: #f1ede9;--sround-text: #2d2621;--sround-text-muted: #75675c;--sround-border: #e8e2dc;--sround-primary: #b87c59;--sround-primary-hover: #a56947;--sround-primary-active: #915736;--sround-primary-contrast: #ffffff;--sround-primary-glow: rgba(184, 124, 89, .15);--sround-secondary: #527a82;--sround-secondary-hover: #44676f;--sround-secondary-contrast: #ffffff;--sround-danger: #c96350;--sround-danger-hover: #b4513f;--sround-danger-contrast: #ffffff;--sround-danger-glow: rgba(201, 99, 80, .15);--sround-success: #6e8c76;--sround-success-hover: #5d7864;--sround-success-contrast: #ffffff;--sround-warning: #d1a15c;--sround-warning-hover: #be8e49;--sround-warning-contrast: #ffffff;--sround-glass-bg: rgba(255, 255, 255, .75);--sround-glass-border: rgba(184, 124, 89, .15);--sround-glass-blur: 16px;--sround-transition-fast: .12s ease;--sround-transition-normal: .28s cubic-bezier(.25, .46, .45, .94);--sround-transition-slow: .45s cubic-bezier(.34, 1.56, .64, 1)}.sround-dark,[data-theme=dark]{--sround-bg: #14110f;--sround-bg-gradient: radial-gradient(circle at top right, #1f1b18 0%, #14110f 100%);--sround-surface: #1c1815;--sround-surface-hover: #2b2521;--sround-text: #e9e5e1;--sround-text-muted: #9c8f84;--sround-border: #2e2824;--sround-primary: #ca8e6a;--sround-primary-hover: #b87c59;--sround-primary-active: #a56947;--sround-primary-contrast: #14110f;--sround-primary-glow: rgba(202, 142, 106, .25);--sround-secondary: #638c94;--sround-secondary-hover: #527a82;--sround-secondary-contrast: #14110f;--sround-danger: #d97866;--sround-danger-hover: #c96350;--sround-danger-contrast: #14110f;--sround-danger-glow: rgba(217, 120, 102, .2);--sround-success: #7fa187;--sround-success-hover: #6e8c76;--sround-success-contrast: #14110f;--sround-warning: #e0b470;--sround-warning-hover: #d1a15c;--sround-warning-contrast: #14110f;--sround-glass-bg: rgba(28, 24, 21, .65);--sround-glass-border: rgba(255, 255, 255, .05);--sround-glass-blur: 20px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sround-bg: #14110f;--sround-bg-gradient: radial-gradient(circle at top right, #1f1b18 0%, #14110f 100%);--sround-surface: #1c1815;--sround-surface-hover: #2b2521;--sround-text: #e9e5e1;--sround-text-muted: #9c8f84;--sround-border: #2e2824;--sround-primary: #ca8e6a;--sround-primary-hover: #b87c59;--sround-primary-active: #a56947;--sround-primary-contrast: #14110f;--sround-primary-glow: rgba(202, 142, 106, .25);--sround-secondary: #638c94;--sround-secondary-hover: #527a82;--sround-secondary-contrast: #14110f;--sround-danger: #d97866;--sround-danger-hover: #c96350;--sround-danger-contrast: #14110f;--sround-danger-glow: rgba(217, 120, 102, .2);--sround-success: #7fa187;--sround-success-hover: #6e8c76;--sround-success-contrast: #14110f;--sround-warning: #e0b470;--sround-warning-hover: #d1a15c;--sround-warning-contrast: #14110f;--sround-glass-bg: rgba(28, 24, 21, .65);--sround-glass-border: rgba(255, 255, 255, .05);--sround-glass-blur: 20px}}html,body{margin:0;padding:0}body{background:var(--sround-bg);background-image:var(--sround-bg-gradient);color:var(--sround-text)}#root{min-height:100vh}.sround-theme-root{font-family:var(--sround-font-sans);background:var(--sround-bg);background-image:var(--sround-bg-gradient);color:var(--sround-text);min-height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--sround-transition-normal),color var(--sround-transition-normal)}.sround-theme-root:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:.015;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes sround-pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.015)}}@keyframes sround-spin{to{transform:rotate(360deg)}}@keyframes sround-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sround-animate-fade-in{animation:sround-fade-in var(--sround-transition-normal) forwards}.sround-pulse-subtle{animation:sround-pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}.sround-spinner{width:1.25rem;height:1.25rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sround-spin .75s linear infinite;display:inline-block;vertical-align:middle}.sround-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.sround-header{height:4rem;min-height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sround-space-6);background:var(--sround-glass-bg);backdrop-filter:blur(var(--sround-glass-blur));-webkit-backdrop-filter:blur(var(--sround-glass-blur));border-bottom:1px solid var(--sround-glass-border);z-index:100;box-shadow:var(--sround-shadow-sm)}.sround-header-brand{display:flex;align-items:center}.sround-brand-logo{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:var(--sround-text);-webkit-user-select:none;user-select:none}.sround-brand-logo-accent{background:linear-gradient(135deg,var(--sround-primary) 0%,var(--sround-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sround-header-nav{display:flex;align-items:center;gap:var(--sround-space-2)}.sround-header-profile{display:flex;align-items:center}.sround-main-content{flex:1;overflow-y:auto;padding:var(--sround-space-6)}.sround-page{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--sround-space-6)}.sround-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sround-space-4);padding-bottom:var(--sround-space-4);border-bottom:1px solid var(--sround-border)}.sround-page-titles{display:flex;flex-direction:column;gap:var(--sround-space-1)}.sround-page-title{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.sround-page-subtitle{margin:0;font-size:1rem;color:var(--sround-text-muted)}.sround-page-actions{display:flex;align-items:center;gap:var(--sround-space-3)}.sround-page-body{display:flex;flex-direction:column;gap:var(--sround-space-6)}.sround-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sround-space-2);border-radius:var(--sround-radius-md);font-family:var(--sround-font-sans);font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;outline:none;transition:all var(--sround-transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.sround-btn:disabled{opacity:.5;cursor:not-allowed}.sround-btn-primary{background-color:var(--sround-primary);color:var(--sround-primary-contrast);box-shadow:0 4px 14px 0 var(--sround-primary-glow)}.sround-btn-primary:hover:not(:disabled){background-color:var(--sround-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px 0 var(--sround-primary-glow)}.sround-btn-primary:active:not(:disabled){background-color:var(--sround-primary-active);transform:translateY(0)}.sround-btn-secondary{background-color:var(--sround-surface);border-color:var(--sround-border);color:var(--sround-text);box-shadow:var(--sround-shadow-sm)}.sround-btn-secondary:hover:not(:disabled){background-color:var(--sround-surface-hover);border-color:var(--sround-text-muted);transform:translateY(-1px)}.sround-btn-secondary:active:not(:disabled){transform:translateY(0)}.sround-btn-ghost{background-color:transparent;color:var(--sround-text)}.sround-btn-ghost:hover:not(:disabled){background-color:var(--sround-surface-hover)}.sround-btn-danger{background-color:var(--sround-danger);color:var(--sround-danger-contrast);box-shadow:0 4px 14px 0 var(--sround-danger-glow)}.sround-btn-danger:hover:not(:disabled){background-color:var(--sround-danger-hover);transform:translateY(-1px);box-shadow:0 6px 20px 0 var(--sround-danger-glow)}.sround-btn-danger:active:not(:disabled){transform:translateY(0)}.sround-btn-success{background-color:var(--sround-success);color:var(--sround-success-contrast)}.sround-btn-success:hover:not(:disabled){background-color:var(--sround-success-hover);transform:translateY(-1px)}.sround-btn-success:active:not(:disabled){transform:translateY(0)}.sround-btn-sm{height:2rem;padding:0 var(--sround-space-3);font-size:.875rem}.sround-btn-md{height:2.5rem;padding:0 var(--sround-space-4);font-size:.95rem}.sround-btn-lg{height:3rem;padding:0 var(--sround-space-6);font-size:1.05rem;border-radius:var(--sround-radius-lg)}.sround-btn-spinner-container,.sround-btn-icon{display:inline-flex;align-items:center;justify-content:center}.sround-card{border-radius:var(--sround-radius-lg);border:1px solid var(--sround-border);background-color:var(--sround-surface);box-shadow:var(--sround-shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--sround-transition-normal),box-shadow var(--sround-transition-normal),border-color var(--sround-transition-normal)}.sround-card-flat{background-color:transparent;box-shadow:none}.sround-card-glass{background:var(--sround-glass-bg);border-color:var(--sround-glass-border);backdrop-filter:blur(var(--sround-glass-blur));-webkit-backdrop-filter:blur(var(--sround-glass-blur));box-shadow:var(--sround-shadow-glass)}.sround-card-interactive{cursor:pointer}.sround-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--sround-shadow-md);border-color:var(--sround-primary)}.sround-card-header{padding:var(--sround-space-4) var(--sround-space-5);border-bottom:1px solid var(--sround-border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sround-space-3)}.sround-card-glass .sround-card-header{border-bottom-color:var(--sround-glass-border)}.sround-card-header-titles{display:flex;flex-direction:column;gap:.125rem}.sround-card-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--sround-text);line-height:1.3}.sround-card-subtitle{margin:0;font-size:.875rem;color:var(--sround-text-muted)}.sround-card-body{padding:var(--sround-space-5);flex:1}.sround-card-footer{padding:var(--sround-space-3) var(--sround-space-5);border-top:1px solid var(--sround-border);background-color:#00000005;display:flex;align-items:center;justify-content:flex-end;gap:var(--sround-space-2)}.sround-card-glass .sround-card-footer{border-top-color:var(--sround-glass-border);background-color:#ffffff05}input[type=checkbox],input[type=radio]{accent-color:var(--sround-primary);width:1rem;height:1rem;cursor:pointer;flex-shrink:0}.sround-form-control{display:flex;flex-direction:column;gap:var(--sround-space-2);width:100%}.sround-form-label{font-size:.875rem;font-weight:600;color:var(--sround-text);-webkit-user-select:none;user-select:none;cursor:pointer}.sround-input,.sround-select,.sround-textarea{width:100%;font-family:var(--sround-font-sans);font-size:.95rem;background-color:var(--sround-surface);border:1px solid var(--sround-border);border-radius:var(--sround-radius-md);padding:0 var(--sround-space-3);color:var(--sround-text);outline:none;box-sizing:border-box;transition:border-color var(--sround-transition-fast),box-shadow var(--sround-transition-fast)}.sround-input{height:2.5rem}.sround-textarea{padding:var(--sround-space-3);min-height:6rem;resize:vertical}.sround-input:focus,.sround-select:focus,.sround-textarea:focus{border-color:var(--sround-primary);box-shadow:0 0 0 3px var(--sround-primary-glow)}.sround-input:disabled,.sround-select:disabled,.sround-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--sround-surface-hover)}.sround-select-wrapper{position:relative;width:100%}.sround-select{height:2.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--sround-space-8)}.sround-select-arrow{position:absolute;right:var(--sround-space-3);top:50%;transform:translateY(-50%) scale(.75);font-size:.75rem;color:var(--sround-text-muted);pointer-events:none}.sround-form-error{margin:0;font-size:.8rem;font-weight:550;color:var(--sround-danger)}.sround-form-hint{margin:0;font-size:.8rem;color:var(--sround-text-muted)}.sround-form-control-error .sround-input,.sround-form-control-error .sround-select,.sround-form-control-error .sround-textarea{border-color:var(--sround-danger)}.sround-form-control-error .sround-input:focus,.sround-form-control-error .sround-select:focus,.sround-form-control-error .sround-textarea:focus{box-shadow:0 0 0 3px var(--sround-danger-glow)}.sround-badge{display:inline-flex;align-items:center;font-family:var(--sround-font-sans);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:var(--sround-radius-full);line-height:1.4;border:1px solid transparent}.sround-badge-default{background-color:var(--sround-surface-hover);border-color:var(--sround-border);color:var(--sround-text-muted)}.sround-badge-primary{background-color:#6366f11f;border-color:#6366f133;color:var(--sround-primary)}.sround-badge-secondary{background-color:#0ea5e91f;border-color:#0ea5e933;color:var(--sround-secondary)}.sround-badge-success{background-color:#10b9811f;border-color:#10b98133;color:var(--sround-success)}.sround-badge-danger{background-color:#ef44441f;border-color:#ef444433;color:var(--sround-danger)}.sround-badge-warning{background-color:#f59e0b1f;border-color:#f59e0b33;color:var(--sround-warning)}.sround-badge-info{background-color:#0ea5e91f;border-color:#0ea5e933;color:var(--sround-secondary)}.sround-spinner-sm{width:1rem;height:1rem;border-width:1.5px}.sround-spinner-lg{width:2rem;height:2rem;border-width:3px}.sround-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sround-space-12) var(--sround-space-6);background:var(--sround-surface);border-radius:var(--sround-radius-lg);border:1px dashed var(--sround-border);gap:var(--sround-space-3);max-width:36rem;margin:0 auto;width:100%}.sround-empty-state-icon{font-size:3rem;line-height:1;color:var(--sround-text-muted);opacity:.65;margin-bottom:var(--sround-space-2)}.sround-empty-state-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--sround-text)}.sround-empty-state-description{margin:0;font-size:.95rem;color:var(--sround-text-muted);line-height:1.5;max-width:26rem}.sround-empty-state-action{margin-top:var(--sround-space-3)}.sround-notice{display:flex;gap:var(--sround-space-4);padding:var(--sround-space-4) var(--sround-space-5);border-radius:var(--sround-radius-md);border:1px solid transparent;width:100%}.sround-notice-icon-container{display:flex;align-items:flex-start;justify-content:center}.sround-notice-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--sround-radius-full);font-weight:800;font-size:.85rem}.sround-notice-content{display:flex;flex-direction:column;gap:var(--sround-space-1);flex:1}.sround-notice-title{margin:0;font-size:.95rem;font-weight:700}.sround-notice-body{font-size:.9rem;line-height:1.45}.sround-notice-info{background-color:#0ea5e914;border-color:#0ea5e926;color:#0369a1}.sround-dark .sround-notice-info{color:#38bdf8}.sround-notice-info .sround-notice-icon{background-color:#0ea5e91f}.sround-notice-success{background-color:#10b98114;border-color:#10b98126;color:#047857}.sround-dark .sround-notice-success{color:#34d399}.sround-notice-success .sround-notice-icon{background-color:#10b9811f}.sround-notice-warning{background-color:#f59e0b14;border-color:#f59e0b26;color:#b45309}.sround-dark .sround-notice-warning{color:#fbbf24}.sround-notice-warning .sround-notice-icon{background-color:#f59e0b1f}.sround-notice-error{background-color:#ef444414;border-color:#ef444426;color:#b91c1c}.sround-dark .sround-notice-error{color:#f87171}.sround-notice-error .sround-notice-icon{background-color:#ef44441f}.sround-player-shell{display:flex;border-radius:var(--sround-radius-xl);border:1px solid var(--sround-glass-border);background:var(--sround-glass-bg);backdrop-filter:blur(var(--sround-glass-blur));-webkit-backdrop-filter:blur(var(--sround-glass-blur));box-shadow:var(--sround-shadow-xl);overflow:hidden;max-width:52rem;margin:0 auto;width:100%}.sround-player-main{flex:1;padding:var(--sround-space-6);display:flex;align-items:center;gap:var(--sround-space-6)}.sround-player-cover-container{width:6.5rem;height:6.5rem;min-width:6.5rem;border-radius:var(--sround-radius-lg);overflow:hidden;box-shadow:var(--sround-shadow-md);background:#0003;display:flex;align-items:center;justify-content:center}.sround-player-cover{width:100%;height:100%;object-fit:cover;transition:transform var(--sround-transition-slow)}.sround-player-cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.25rem;background:linear-gradient(135deg,var(--sround-primary) 0%,var(--sround-secondary) 100%);color:var(--sround-primary-contrast)}.sround-playing-pulse{animation:sround-pulse-slow 2s ease-in-out infinite}.sround-playing-spin{animation:sround-spin 12s linear infinite}.sround-player-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.sround-player-info-empty{font-size:1rem;font-weight:600;color:var(--sround-text-muted)}.sround-player-track-title{margin:0;font-size:1.25rem;font-weight:750;letter-spacing:-.02em;color:var(--sround-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sround-player-track-subtitle{margin:0;font-size:.9rem;color:var(--sround-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sround-player-controls-container{display:flex;flex-direction:column;align-items:center;gap:var(--sround-space-3);flex:1.5;width:100%}.sround-player-buttons{display:flex;align-items:center;gap:var(--sround-space-4)}.sround-player-btn{background:transparent;border:none;outline:none;cursor:pointer;color:var(--sround-text);display:flex;align-items:center;justify-content:center;border-radius:var(--sround-radius-full);transition:all var(--sround-transition-fast)}.sround-player-btn:hover{color:var(--sround-primary);background:var(--sround-surface-hover)}.sround-player-btn-play{width:3.25rem;height:3.25rem;background-color:var(--sround-primary);color:var(--sround-primary-contrast);box-shadow:0 4px 12px 0 var(--sround-primary-glow)}.sround-player-btn-play:hover{background-color:var(--sround-primary-hover);color:var(--sround-primary-contrast);transform:scale(1.08);box-shadow:0 6px 16px 0 var(--sround-primary-glow)}.sround-player-btn-play:active{transform:scale(.96)}.sround-player-btn-skip{width:2.25rem;height:2.25rem}.sround-player-btn-skip:hover{transform:scale(1.1)}.sround-player-timeline{display:flex;align-items:center;gap:var(--sround-space-3);width:100%}.sround-player-time{font-family:monospace;font-size:.8rem;color:var(--sround-text-muted);-webkit-user-select:none;user-select:none;min-width:2.5rem}.sround-player-time:last-of-type{text-align:right}.sround-player-slider-wrapper{flex:1;position:relative;display:flex;align-items:center}.sround-player-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.35rem;border-radius:var(--sround-radius-full);outline:none;cursor:pointer;transition:height var(--sround-transition-fast)}.sround-player-slider:hover{height:.45rem}.sround-player-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.85rem;height:.85rem;border-radius:var(--sround-radius-full);background:var(--sround-primary-contrast);border:2px solid var(--sround-primary);box-shadow:var(--sround-shadow-sm);transition:transform var(--sround-transition-fast)}.sround-player-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.sround-player-slider::-moz-range-thumb{width:.85rem;height:.85rem;border-radius:var(--sround-radius-full);background:var(--sround-primary-contrast);border:2px solid var(--sround-primary);box-shadow:var(--sround-shadow-sm);transition:transform var(--sround-transition-fast)}.sround-player-slider::-moz-range-thumb:hover{transform:scale(1.25)}.sround-player-queue{width:16rem;border-left:1px solid var(--sround-glass-border);display:flex;flex-direction:column;background:#0000000d}.sround-dark .sround-player-queue{background:#ffffff04}.sround-player-queue-heading{margin:0;padding:var(--sround-space-4) var(--sround-space-4) var(--sround-space-2);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sround-text-muted);border-bottom:1px solid var(--sround-glass-border)}.sround-player-queue-content{flex:1;overflow-y:auto;padding:var(--sround-space-3);display:flex;flex-direction:column;gap:var(--sround-space-2)}@media (max-width: 48rem){.sround-player-shell{flex-direction:column}.sround-player-queue{width:100%;border-left:none;border-top:1px solid var(--sround-glass-border)}.sround-player-main{flex-direction:column;text-align:center;gap:var(--sround-space-4)}.sround-player-controls-container{width:100%}}.sround-bottom-player{position:fixed;left:0;right:0;bottom:0;z-index:120;padding:0;pointer-events:none}.sround-bottom-player-inner{pointer-events:auto;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.45fr) minmax(220px,.9fr);align-items:center;gap:var(--sround-space-5);padding:var(--sround-space-3) max(var(--sround-space-4),calc((100vw - 1180px)/2));border-top:1px solid var(--sround-glass-border);background:var(--sround-glass-bg);backdrop-filter:blur(var(--sround-glass-blur));-webkit-backdrop-filter:blur(var(--sround-glass-blur));box-shadow:0 -12px 30px -18px #00000059}.sround-bottom-player-now{display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:var(--sround-space-3);min-width:0}.sround-bottom-player-art{width:3.25rem;height:3.25rem;border-radius:var(--sround-radius-md);background:linear-gradient(135deg,var(--sround-primary),var(--sround-secondary));box-shadow:var(--sround-shadow-md);display:grid;place-items:center;overflow:hidden}.sround-bottom-player-art span{width:1.15rem;height:1.15rem;border-radius:var(--sround-radius-full);background:var(--sround-primary-contrast);opacity:.92}.sround-bottom-player-art.is-playing span{animation:sround-pulse-slow 1.8s ease-in-out infinite}.sround-bottom-player-copy{min-width:0}.sround-bottom-player-context{color:var(--sround-text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sround-bottom-player-title{color:var(--sround-text);font-size:.98rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sround-bottom-player-subtitle{color:var(--sround-text-muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sround-bottom-player-kind{justify-self:end;color:var(--sround-secondary);border:1px solid var(--sround-border);border-radius:var(--sround-radius-full);padding:.1rem .45rem;font-size:.7rem;font-weight:750;text-transform:uppercase}.sround-bottom-player-transport{display:flex;flex-direction:column;gap:var(--sround-space-2);align-items:center;min-width:0}.sround-bottom-player-buttons{display:flex;align-items:center;justify-content:center;gap:var(--sround-space-3)}.sround-bottom-player-btn{width:2.25rem;height:2.25rem;padding:0;border:1px solid transparent;border-radius:var(--sround-radius-full);background:transparent;color:var(--sround-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--sround-transition-fast),color var(--sround-transition-fast),transform var(--sround-transition-fast)}.sround-bottom-player-btn:hover{background:var(--sround-surface-hover);color:var(--sround-primary)}.sround-bottom-player-btn:active{transform:translateY(1px)}.sround-bottom-player-btn:focus-visible,.sround-bottom-player-timeline input:focus-visible,.sround-bottom-player-volume input:focus-visible{outline:2px solid var(--sround-primary);outline-offset:2px}.sround-bottom-player-play{width:2.85rem;height:2.85rem;background:var(--sround-primary);color:var(--sround-primary-contrast);box-shadow:0 5px 16px var(--sround-primary-glow)}.sround-bottom-player-play:hover{background:var(--sround-primary-hover);color:var(--sround-primary-contrast);transform:scale(1.04)}.sround-bottom-player-play.is-active{background:var(--sround-secondary);color:var(--sround-secondary-contrast);box-shadow:0 5px 16px #527a8240}.sround-bottom-player-play.is-active:hover{background:var(--sround-secondary-hover);color:var(--sround-secondary-contrast)}.sround-bottom-player-timeline{width:100%;display:grid;grid-template-columns:2.8rem minmax(0,1fr) 2.8rem;align-items:center;gap:var(--sround-space-3)}.sround-bottom-player-timeline span{color:var(--sround-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem}.sround-bottom-player-timeline span:last-child{text-align:right}.sround-bottom-player-timeline input,.sround-bottom-player-volume input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.38rem;border-radius:var(--sround-radius-full);border:0;cursor:pointer}.sround-bottom-player-timeline input::-webkit-slider-thumb,.sround-bottom-player-volume input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.9rem;height:.9rem;border-radius:var(--sround-radius-full);border:2px solid var(--sround-primary);background:var(--sround-primary-contrast);box-shadow:var(--sround-shadow-sm)}.sround-bottom-player-timeline input::-moz-range-thumb,.sround-bottom-player-volume input::-moz-range-thumb{width:.9rem;height:.9rem;border-radius:var(--sround-radius-full);border:2px solid var(--sround-primary);background:var(--sround-primary-contrast);box-shadow:var(--sround-shadow-sm)}.sround-bottom-player-side{display:flex;align-items:center;justify-content:flex-end;gap:var(--sround-space-4);min-width:0}.sround-bottom-player-volume{display:grid;grid-template-columns:2.25rem 5.5rem;align-items:center;gap:var(--sround-space-2)}.sround-bottom-player-queue{display:flex;flex-direction:column;gap:.2rem;width:10rem;min-width:0}.sround-bottom-player-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sround-space-2);align-items:center;color:var(--sround-text-muted);font-size:.76rem}.sround-bottom-player-queue-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sround-bottom-player-queue-item small{color:var(--sround-secondary);font-weight:750;text-transform:uppercase;font-size:.65rem}.sround-bottom-player-queue-item.is-active{color:var(--sround-text);font-weight:700}@media (max-width: 58rem){.sround-bottom-player{padding:0}.sround-bottom-player-inner{grid-template-columns:1fr;gap:var(--sround-space-3);padding:var(--sround-space-3)}.sround-bottom-player-side{justify-content:space-between}.sround-bottom-player-queue{width:min(16rem,50vw)}}@media (max-width: 38rem){.sround-bottom-player-now{grid-template-columns:2.8rem minmax(0,1fr)}.sround-bottom-player-kind,.sround-bottom-player-queue{display:none}.sround-bottom-player-volume{grid-template-columns:2.25rem minmax(5rem,1fr);width:100%}}:root,.sround-dark{--radio-accent-primary: var(--sround-primary);--radio-accent-secondary: var(--sround-secondary);--radio-bg-gradient: var(--sround-bg-gradient);--radio-glow: var(--sround-primary-glow);--radio-ring-color: rgba(184, 124, 89, .35);--radio-playbar-height: 6.5rem;--radio-nav-height: 4.25rem}.radio-shell{display:flex;flex-direction:column;height:100dvh}.radio-nav{flex-shrink:0;height:var(--radio-nav-height);box-sizing:border-box;padding:0 var(--sround-space-6);position:relative;z-index:60;border-bottom:1px solid color-mix(in srgb,var(--radio-accent-primary) 30%,var(--sround-glass-border));background:var(--sround-glass-bg);backdrop-filter:blur(var(--sround-glass-blur));-webkit-backdrop-filter:blur(var(--sround-glass-blur));box-shadow:0 12px 30px -20px var(--radio-glow);transition:border-color .6s ease,box-shadow .6s ease}.radio-nav-inner{width:100%;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sround-space-6)}.radio-nav-brand{display:inline-flex;align-items:center;gap:var(--sround-space-2);color:var(--sround-text);text-decoration:none;font-family:var(--sround-font-sans);font-weight:800;font-size:1.05rem;letter-spacing:-.01em;flex-shrink:0}.radio-nav-mark{width:28px;height:28px;object-fit:contain;transition:transform var(--sround-transition-slow)}.radio-nav-brand:hover .radio-nav-mark{transform:rotate(180deg)}.radio-nav-word:first-letter{color:var(--sround-primary)}.radio-nav-links{display:flex;align-items:center;gap:var(--sround-space-5)}.radio-nav-link{color:var(--sround-text-muted);text-decoration:none;font-weight:650;font-size:.92rem;padding:.4rem .1rem;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.radio-nav-link:hover{color:var(--sround-text)}.radio-nav-link.is-active{color:var(--radio-accent-primary);border-bottom-color:var(--radio-accent-primary)}.radio-main{position:relative;flex:1;min-height:0;overflow-y:auto;box-sizing:border-box;padding:0 var(--sround-space-6) var(--radio-playbar-height);background:var(--radio-bg-gradient);transition:background .6s ease}.radio-main,.queue-list-container,.now-playing-layout{scrollbar-width:thin;scrollbar-color:var(--sround-primary) transparent}.radio-main::-webkit-scrollbar,.queue-list-container::-webkit-scrollbar,.now-playing-layout::-webkit-scrollbar{width:8px}.radio-main::-webkit-scrollbar-track,.queue-list-container::-webkit-scrollbar-track,.now-playing-layout::-webkit-scrollbar-track{background:transparent}.radio-main::-webkit-scrollbar-thumb,.queue-list-container::-webkit-scrollbar-thumb,.now-playing-layout::-webkit-scrollbar-thumb{background-color:var(--sround-primary);border-radius:9999px;border:2px solid transparent;background-clip:padding-box}.radio-main::-webkit-scrollbar-thumb:hover,.queue-list-container::-webkit-scrollbar-thumb:hover,.now-playing-layout::-webkit-scrollbar-thumb:hover{background-color:var(--sround-primary-hover)}.radio-orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;border:1px solid var(--radio-ring-color);pointer-events:none}.radio-station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sround-space-5)}.radio-station-tile{position:relative;aspect-ratio:1 / 1;border-radius:var(--sround-radius-lg);border:1px solid var(--sround-border);overflow:hidden;cursor:pointer;padding:0;background:var(--sround-surface);isolation:isolate;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.radio-station-tile:hover,.radio-station-tile:focus-visible{transform:translateY(-4px) scale(1.015);box-shadow:0 16px 40px #0006,0 0 32px -6px var(--radio-tile-glow, transparent)}.radio-station-tile.is-active{border-color:var(--radio-accent-primary, var(--sround-primary))}.radio-station-tile-canvas{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%;filter:blur(3px);mix-blend-mode:screen;mix-blend-mode:plus-lighter}.radio-station-tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.6) brightness(.7) contrast(1.1)}.radio-station-tile-duotone{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:color;opacity:.9;pointer-events:none}.radio-station-tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75) 100%);pointer-events:none}.radio-station-tile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);width:3.25rem;height:3.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#0f0c0a8c;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.4rem;opacity:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .2s ease,transform .2s ease}.radio-station-tile.is-active .radio-station-tile-play,.radio-station-tile:hover .radio-station-tile-play,.radio-station-tile:focus-visible .radio-station-tile-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.radio-station-tile-meta{position:absolute;left:0;right:0;bottom:0;padding:var(--sround-space-3) var(--sround-space-4) var(--sround-space-4);display:flex;flex-direction:column;gap:.15rem;text-align:left;color:#fff}.radio-station-tile-name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-station-tile-description{font-size:.75rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-station-tile-count{font-size:.75rem;color:#ffffffb3}.radio-library-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sround-space-4)}.radio-library-tile{position:relative;aspect-ratio:1 / 1;border-radius:var(--sround-radius-lg);border:1px solid var(--sround-border);overflow:hidden;cursor:pointer;padding:0;background:var(--sround-surface);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.radio-library-tile:hover,.radio-library-tile:focus-visible{transform:translateY(-3px) scale(1.015);box-shadow:0 14px 32px #0006}.radio-library-tile.is-active{border-color:var(--radio-accent-primary, var(--sround-primary))}.radio-library-tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.radio-library-tile-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.radio-library-tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8) 100%);pointer-events:none}.radio-library-tile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#0f0c0a8c;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.1rem;opacity:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .2s ease,transform .2s ease}.radio-library-tile.is-active .radio-library-tile-play,.radio-library-tile:hover .radio-library-tile-play,.radio-library-tile:focus-visible .radio-library-tile-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.radio-library-tile-meta{position:absolute;left:0;right:0;bottom:0;padding:var(--sround-space-2) var(--sround-space-3) var(--sround-space-3);display:flex;flex-direction:column;gap:.15rem;text-align:left;color:#fff}.radio-library-tile-name{font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-library-tile-count{font-size:.68rem;color:#ffffffb3}