@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafcf5;background-color:#07080d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-gradient: linear-gradient(125deg, #a855f7 0%, #6366f1 42%, #0ea5e9 100%);--primary-gradient-soft: linear-gradient(125deg, rgba(168, 85, 247, .22) 0%, rgba(99, 102, 241, .18) 45%, rgba(14, 165, 233, .14) 100%);--primary-gradient-hover: linear-gradient(125deg, #9333ea 0%, #4f46e5 45%, #0284c7 100%);--accent-color: #818cf8;--accent-secondary: #c4b5fd;--accent-warm: #fbbf24;--text-primary: rgba(248, 250, 252, .97);--text-secondary: rgba(226, 232, 240, .72);--text-tertiary: rgba(148, 163, 184, .65);--bg-primary: #07080d;--bg-elevated: rgba(15, 17, 26, .92);--bg-secondary: rgba(255, 255, 255, .025);--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--border-color: rgba(255, 255, 255, .08);--border-accent: rgba(129, 140, 248, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .45);--shadow-glow: 0 0 0 1px rgba(129, 140, 248, .12), 0 20px 50px -12px rgba(99, 102, 241, .35);--radius-lg: 20px;--radius-xl: 28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{font-weight:500;color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-secondary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#14151c;cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--accent-color);transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}#root{width:100%;margin:0;padding:0}.App{width:100%}.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden;transition:padding-bottom .35s cubic-bezier(.22,1,.36,1)}.landing-page--player-open{padding-bottom:clamp(9.5rem,24vw,11.5rem)}.landing-page__mesh{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 55% at 15% -10%,rgba(168,85,247,.28),transparent 55%),radial-gradient(ellipse 60% 45% at 95% 15%,rgba(14,165,233,.2),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(99,102,241,.12),transparent 55%),linear-gradient(180deg,#07080d,#0b0d14 40%,#07080d)}.landing-page__grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);position:relative;z-index:1}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-secondary);margin:0 0 1rem}.eyebrow--center{text-align:center}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.875rem 0;background:var(--bg-elevated);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--border-color);transition:box-shadow .35s cubic-bezier(.22,1,.36,1),background .35s ease}.navbar--scrolled{box-shadow:0 12px 40px #00000059;background:#0a0c14f0}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-brand{display:flex;align-items:center;text-decoration:none;z-index:1002;transition:opacity .2s ease}.nav-brand:hover{opacity:.88}.logo-img{height:32px;width:auto;display:block}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;z-index:1002;border-radius:10px}.nav-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.nav-toggle__bar{display:block;width:22px;height:2px;margin:0 auto;background:var(--text-primary);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.navbar--open .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar--open .nav-toggle__bar:nth-child(2){opacity:0}.navbar--open .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{display:flex;align-items:center;gap:.25rem 1.75rem;flex-wrap:wrap}.nav-links a:not(.btn){color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;padding:.5rem 0;position:relative;transition:color .2s ease}.nav-links a:not(.btn):after{content:"";position:absolute;left:0;bottom:.2rem;width:0;height:1px;background:var(--primary-gradient);transition:width .25s ease}.nav-links a:not(.btn):hover{color:var(--text-primary)}.nav-links a:not(.btn):hover:after{width:100%}.btn-nav-cta{padding:.65rem 1.25rem!important;font-size:.9rem!important;border-radius:999px!important;margin-left:.25rem}.btn-nav-cta:before{display:none}.hero{padding:clamp(6.5rem,14vw,9.5rem) 0 clamp(4rem,10vw,6rem);position:relative;z-index:1}.hero__layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,4.5rem);align-items:center}.hero-content{text-align:left;animation:fadeInUp .75s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(2.35rem,5.2vw,3.65rem);font-weight:700;margin:0 0 1.25rem;line-height:1.08;letter-spacing:-.035em;color:var(--text-primary)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,1.35vw,1.125rem);color:var(--text-secondary);margin:0 0 2rem;line-height:1.65;max-width:34rem}.hero-buttons{display:flex;gap:.875rem;flex-wrap:wrap;margin-bottom:2.5rem}.btn{padding:.9rem 1.65rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.9375rem;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;position:relative;letter-spacing:-.01em}.btn:before{display:none}.btn-primary{background:var(--primary-gradient);color:#f8fafc;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);background:var(--primary-gradient-hover);box-shadow:0 0 0 1px #818cf840,0 24px 48px -12px #4f46e573}.btn-primary:active{transform:translateY(0) scale(.99)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.btn-large{padding:1rem 1.75rem;font-size:1rem}.hero-stats{display:flex;gap:clamp(1.5rem,4vw,3rem);flex-wrap:wrap;padding-top:1.75rem;border-top:1px solid var(--border-color)}.stat{min-width:5.5rem}.stat-number{font-size:clamp(1.65rem,3vw,2.15rem);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.35rem;letter-spacing:-.03em;line-height:1}.stat-label{color:var(--text-tertiary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.hero-visual{position:relative;justify-self:end;width:100%;max-width:420px;animation:fadeInUp .85s ease-out .1s both}.hero-visual__glow{position:absolute;inset:-30% -20%;background:var(--primary-gradient-soft);filter:blur(48px);border-radius:50%;z-index:0}.hero-visual__panel{position:relative;z-index:1;background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem 1.35rem 1.35rem;box-shadow:var(--shadow-lg)}.hero-visual__header{display:flex;align-items:center;gap:.45rem;margin-bottom:1.25rem}.hero-visual__dot{width:8px;height:8px;border-radius:50%;background:#f8fafc40}.hero-visual__dot:nth-child(1){background:#fb7185}.hero-visual__dot:nth-child(2){background:#fbbf24}.hero-visual__dot:nth-child(3){background:#34d399}.hero-visual__title{margin-left:auto;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.waveform{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;height:112px;padding:.5rem 0}.waveform__bar{flex:1;min-width:3px;border-radius:999px;height:calc(28px + var(--h, .5) * 72px);background:linear-gradient(180deg,#c4b5fd,#6366f1 45%,#0ea5e9);opacity:.85;transform-origin:bottom;animation:wave 1.35s ease-in-out infinite}.waveform__bar:nth-child(4n+1){animation-delay:0s}.waveform__bar:nth-child(4n+2){animation-delay:.12s}.waveform__bar:nth-child(4n+3){animation-delay:.24s}.waveform__bar:nth-child(4n){animation-delay:.08s}.waveform__bar:nth-child(odd){animation-duration:1.15s}.waveform__bar:nth-child(3n){animation-duration:1.55s}@keyframes wave{0%,to{transform:scaleY(.92);opacity:.75}50%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.waveform__bar,.hero-content,.hero-visual{animation:none}}.hero-visual__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hero-visual__chip{font-size:.75rem;font-weight:600;padding:.35rem .65rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-secondary)}.hero-visual__chip--accent{border-color:#818cf859;color:var(--accent-secondary)}[data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}[data-reveal].reveal--visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}.reveal--visible .features-grid .feature-card{animation:card-rise .55s cubic-bezier(.22,1,.36,1) backwards}.reveal--visible .features-grid .feature-card:nth-child(1){animation-delay:.04s}.reveal--visible .features-grid .feature-card:nth-child(2){animation-delay:.1s}.reveal--visible .features-grid .feature-card:nth-child(3){animation-delay:.16s}.reveal--visible .features-grid .feature-card:nth-child(4){animation-delay:.22s}.reveal--visible .features-grid .feature-card:nth-child(5){animation-delay:.28s}.reveal--visible .features-grid .feature-card:nth-child(6){animation-delay:.34s}.reveal--visible .pricing-grid .pricing-card{animation:card-rise .55s cubic-bezier(.22,1,.36,1) backwards}.reveal--visible .pricing-grid .pricing-card:nth-child(1){animation-delay:.06s}.reveal--visible .pricing-grid .pricing-card:nth-child(2){animation-delay:.14s}.reveal--visible .pricing-grid .pricing-card:nth-child(3){animation-delay:.22s}@keyframes card-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal--visible .features-grid .feature-card,.reveal--visible .pricing-grid .pricing-card{animation:none}}.recent-songs{padding:clamp(4.5rem,10vw,6rem) 0;position:relative;z-index:1;border-top:1px solid var(--border-color)}.recent-songs__intro{margin-bottom:2.25rem!important}.recent-songs__audio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.recent-songs__fullbleed{position:relative;width:100%;margin-top:.75rem;padding-bottom:.75rem}.recent-songs__fullbleed--skeleton{padding-inline:clamp(1rem,4vw,2.5rem)}.recent-songs__edge{position:absolute;top:0;bottom:.75rem;width:clamp(48px,6vw,88px);z-index:2;pointer-events:none}.recent-songs__edge--left{left:0;background:linear-gradient(90deg,var(--bg-primary) 0%,transparent 100%)}.recent-songs__edge--right{right:0;background:linear-gradient(270deg,var(--bg-primary) 0%,transparent 100%)}.recent-songs__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;padding:0!important;margin:0;width:52px;height:52px;min-width:52px;min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0c0e16eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f1f5f9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0;box-shadow:0 10px 36px #00000073;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.recent-songs__nav--prev{left:clamp(.75rem,2.5vw,1.75rem)}.recent-songs__nav--next{right:clamp(.75rem,2.5vw,1.75rem)}.recent-songs__nav:hover{color:#fff;border-color:#818cf873;background:#141622f5;transform:translateY(-50%) scale(1.04);box-shadow:0 12px 40px #6366f133}.recent-songs__nav:active{transform:translateY(-50%) scale(.98)}.recent-songs__chevron{width:28px;height:28px;flex-shrink:0;display:block}.recent-songs__carousel{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(3.75rem,10vw,5.5rem);padding-inline:clamp(3.75rem,10vw,5.5rem);padding-bottom:.65rem;scrollbar-width:thin;scrollbar-color:rgba(129,140,248,.35) transparent;-webkit-overflow-scrolling:touch}.recent-songs__carousel::-webkit-scrollbar{height:6px}.recent-songs__carousel::-webkit-scrollbar-thumb{background:#818cf859;border-radius:999px}.recent-songs__track-list{list-style:none;margin:0;padding:.35rem 0 0;display:flex;gap:1.25rem;width:max-content;min-height:0}.recent-songs__slide{flex:0 0 280px;max-width:calc(100vw - 7.5rem);scroll-snap-align:start;scroll-snap-stop:normal}.recent-songs__carousel--skeleton{display:flex;gap:1.125rem;overflow:hidden;padding:.35rem 0 0;width:100%}.recent-songs__carousel--skeleton .recent-songs__skeleton-card{flex:0 0 min(280px,28vw);height:380px;min-width:200px}.recent-songs__skeleton-card{border-radius:var(--radius-lg);background:linear-gradient(110deg,var(--bg-card) 0%,rgba(255,255,255,.06) 45%,var(--bg-card) 90%);background-size:200% 100%;animation:recent-songs-shimmer 1.2s ease-in-out infinite;border:1px solid var(--border-color)}@keyframes recent-songs-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.recent-songs__skeleton-card{animation:none;background:var(--bg-card)}}.recent-songs__message{text-align:center;color:var(--text-secondary);font-size:.9375rem;margin:0 auto 1rem;max-width:28rem;line-height:1.55}.recent-songs__message--error{color:#fca5a5}.recent-songs__card{height:100%;background:linear-gradient(165deg,rgba(255,255,255,.06) 0%,var(--bg-card) 42%);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:0;overflow:hidden;box-shadow:0 4px 24px #0003;transition:border-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.recent-songs__card:hover{border-color:#818cf859;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.recent-songs__card--active{border-color:#818cf88c;box-shadow:0 0 0 1px #818cf833,0 16px 48px -12px #6366f159}.recent-songs__cover-wrap{position:relative;aspect-ratio:4 / 5;background:#0006}.recent-songs__cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}.recent-songs__card:hover .recent-songs__cover{transform:scale(1.04)}.recent-songs__cover--placeholder{background:linear-gradient(160deg,#818cf873,#0f172af2 55%,#07080d)}.recent-songs__cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,8,13,.85) 100%);pointer-events:none}.recent-songs__live-badge{position:absolute;top:.75rem;left:.75rem;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .55rem;border-radius:6px;background:#ef4444e6;color:#fff;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #ef444473}50%{opacity:.92;box-shadow:0 0 0 6px #ef444400}}@media(prefers-reduced-motion:reduce){.recent-songs__live-badge{animation:none}.recent-songs__card:hover .recent-songs__cover{transform:none}}.recent-songs__play{position:absolute;right:.85rem;bottom:.85rem;width:48px;height:48px;border-radius:50%;border:none;padding:0!important;margin:0;line-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f8fafcf2;color:#07080d;box-shadow:0 8px 28px #0006;transition:transform .22s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease}.recent-songs__play:hover{transform:scale(1.08);background:#fff}.recent-songs__play[aria-pressed=true]{background:var(--primary-gradient);color:#fff}.recent-songs__play:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.recent-songs__play-icon{width:20px;height:20px;margin-left:2px}.recent-songs__play[aria-pressed=true] .recent-songs__play-icon{margin-left:0}.recent-songs__body{padding:1.1rem 1.15rem 1.25rem}.recent-songs__title{font-size:.9375rem;font-weight:600;margin:0 0 .65rem;color:var(--text-primary);letter-spacing:-.02em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-songs__prompt-label{margin:0 0 .3rem;font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.recent-songs__prompt{margin:0;font-size:.8125rem;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:1100;background:linear-gradient(180deg,#10121cf7,#08090efa);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -16px 56px #0000008c;animation:mini-player-in .4s cubic-bezier(.22,1,.36,1) both}@keyframes mini-player-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mini-player{animation:none}}.mini-player__inner{display:flex;flex-direction:column;gap:0;padding:1.15rem 0 max(1.15rem,env(safe-area-inset-bottom))}.mini-player__row{display:flex;align-items:center;gap:1rem 1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.mini-player__art{flex-shrink:0}.mini-player__cover{width:64px;height:64px;border-radius:12px;object-fit:cover;display:block;box-shadow:0 8px 24px #00000059;border:1px solid rgba(255,255,255,.08)}.mini-player__cover--placeholder{width:64px;height:64px;border-radius:12px;background:linear-gradient(145deg,#818cf88c,#07080df2);border:1px solid rgba(255,255,255,.08)}.mini-player__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem;padding-right:.5rem}.mini-player__title{font-size:.98rem;font-weight:600;color:#f8fafc;letter-spacing:-.02em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-player__prompt{margin:0;font-size:.8125rem;line-height:1.5;color:#94a3b8f2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-player__actions{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.mini-player__play{width:48px;height:48px;border-radius:50%;border:none;padding:0!important;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--primary-gradient);color:#fff;box-shadow:0 6px 24px #6366f173;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;line-height:0}.mini-player__play:hover{transform:scale(1.05);filter:brightness(1.07);box-shadow:0 8px 28px #6366f18c}.mini-player__play .recent-songs__play-icon{width:20px;height:20px;margin-left:2px}.mini-player__seek{display:flex;align-items:center;gap:.85rem;padding-top:1rem}.mini-player__time{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:#cbd5e1f2;min-width:2.5rem}.mini-player__time:last-child{text-align:right}.mini-player__range{flex:1;min-width:0;height:8px;-webkit-appearance:none;appearance:none;border-radius:999px;cursor:pointer;background:transparent}.mini-player__range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#818cf8 0%,#a5b4fc var(--seek-pct, 0%),rgba(255,255,255,.12) var(--seek-pct, 0%))}.mini-player__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#f8fafc;box-shadow:0 2px 10px #0006;border:2px solid #a5b4fc;margin-top:-4px;transition:transform .15s ease}.mini-player__range::-webkit-slider-thumb:hover{transform:scale(1.12)}.mini-player__range::-moz-range-track{height:8px;border-radius:999px;background:#ffffff1f}.mini-player__range::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,#818cf8,#a5b4fc)}.mini-player__range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f8fafc;border:2px solid #a5b4fc;box-shadow:0 2px 10px #0006}.mini-player__close{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:0!important;margin:0;background:#ffffff0f;color:#e2e8f0e6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease;line-height:0}.mini-player__close:hover{background:#ffffff1f;color:#f8fafc;border-color:#ffffff29}.mini-player__close-icon{width:20px;height:20px}.section-title{font-size:clamp(1.85rem,4vw,2.75rem);font-weight:700;text-align:center;margin:0 0 .75rem;letter-spacing:-.03em;color:var(--text-primary)}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.125rem);margin:0 auto 3rem;max-width:36rem;line-height:1.6}.features{padding:clamp(4.5rem,10vw,6.5rem) 0;background:var(--bg-secondary);position:relative;z-index:1;border-top:1px solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.feature-card:hover{transform:translateY(-4px);background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.feature-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:var(--primary-gradient-soft);border:1px solid rgba(129,140,248,.2);color:var(--accent-secondary)}.feature-icon-svg{width:26px;height:26px}.feature-title{font-size:1.125rem;font-weight:700;margin:0 0 .6rem;color:var(--text-primary);letter-spacing:-.02em}.feature-description{margin:0;color:var(--text-secondary);line-height:1.65;font-size:.9375rem}.how-it-works{padding:clamp(4.5rem,10vw,6.5rem) 0;position:relative;z-index:1}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:1rem .5rem;max-width:1000px;margin:0 auto}.step{text-align:center;padding:0 .5rem}.step-number{width:56px;height:56px;border-radius:16px;background:var(--primary-gradient);color:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;margin:0 auto 1.25rem;box-shadow:var(--shadow-glow)}.step-title{font-size:1.15rem;font-weight:700;margin:0 0 .65rem;color:var(--text-primary);letter-spacing:-.02em}.step-description{margin:0;color:var(--text-secondary);line-height:1.65;font-size:.9375rem}.step-connector{width:48px;height:2px;margin-top:2.5rem;align-self:start;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.5),transparent)}.pricing{padding:clamp(4.5rem,10vw,6.5rem) 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;max-width:1040px;margin:0 auto 1.5rem}.pricing-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem 1.75rem;text-align:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.pricing-card-featured{border:1px solid rgba(129,140,248,.45);background:linear-gradient(165deg,rgba(99,102,241,.12) 0%,var(--bg-card) 38%);transform:scale(1.03);box-shadow:var(--shadow-glow)}.pricing-card-featured:hover{transform:scale(1.03) translateY(-4px)}.pricing-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#f8fafc;font-size:.6875rem;font-weight:700;padding:.35rem .85rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.pricing-name{font-size:.8125rem;font-weight:700;color:var(--text-tertiary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.14em}.pricing-price{display:flex;align-items:flex-start;justify-content:center;gap:.1rem;margin-bottom:.35rem}.pricing-currency{font-size:1.35rem;font-weight:700;color:var(--text-secondary);margin-top:.35rem}.pricing-amount{font-size:3rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.03em}.pricing-period{font-size:.95rem;font-weight:600;color:var(--text-tertiary);align-self:flex-end;padding-bottom:.35rem;margin-left:.15rem}.pricing-songs{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem}.pricing-per-song{font-size:.8125rem;color:var(--text-tertiary);margin:0 0 1.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left;flex:1}.pricing-features li{color:var(--text-secondary);font-size:.9rem;padding:.45rem 0 .45rem 1.35rem;position:relative;line-height:1.45}.pricing-features li:before{content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;border-radius:50%;background:var(--primary-gradient)}.pricing-btn{width:100%;margin-top:auto;border-radius:999px}.pricing-note{text-align:center;color:var(--text-tertiary);font-size:.875rem;max-width:480px;margin:0 auto;line-height:1.5}.cta{padding:clamp(4.5rem,11vw,6.5rem) 0;text-align:center;position:relative;z-index:1;border-top:1px solid var(--border-color);background:radial-gradient(ellipse 70% 80% at 50% 0%,rgba(99,102,241,.14),transparent 55%)}.cta-content{max-width:720px;margin:0 auto}.cta-title{font-size:clamp(1.85rem,4vw,2.65rem);font-weight:700;margin:0 0 .75rem;letter-spacing:-.03em;color:var(--text-primary)}.cta-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--text-secondary);margin:0 0 2.25rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.store-badge{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:200px;padding:.85rem 1.25rem;border-radius:14px;text-decoration:none;font-weight:600;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-primary);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .25s ease}.store-badge:hover{transform:translateY(-3px);border-color:var(--border-accent);background:var(--bg-card-hover);box-shadow:var(--shadow-md);color:var(--text-primary)}.store-badge__label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.store-badge__title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.cta-note{color:var(--text-tertiary);font-size:.8125rem;margin:0}.footer{padding:3.5rem 0 2rem;background:#00000059;border-top:1px solid var(--border-color);position:relative;z-index:1}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}.footer-brand{display:flex;align-items:center;text-decoration:none}.footer-brand:hover{opacity:.88}.footer-brand .logo-img{height:28px}.footer-links{display:flex;gap:1.25rem 1.75rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.footer-links a:hover{color:var(--accent-secondary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-tertiary)}.footer-bottom p{margin:.35rem 0;font-size:.8125rem}.footer-tagline{font-weight:500;color:var(--text-tertiary)}@media(max-width:960px){.hero__layout{grid-template-columns:1fr;text-align:center}.hero-content{text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{justify-self:center;max-width:100%}.features-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;gap:2rem}.step-connector{display:none}.pricing-grid{grid-template-columns:1fr;max-width:420px}.pricing-card-featured{transform:none;order:-1}.pricing-card-featured:hover{transform:translateY(-4px)}}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:5rem 1.5rem 2rem;background:#07080df7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .25s ease}.navbar--open .nav-links{opacity:1;pointer-events:auto}.nav-links a:not(.btn){font-size:1.125rem;padding:.65rem 0}.btn-nav-cta{margin-top:1rem;margin-left:0}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media(max-width:640px){.recent-songs__nav{width:44px;height:44px;min-width:44px;min-height:44px}.recent-songs__chevron{width:24px;height:24px}.recent-songs__carousel{scroll-padding-inline:clamp(2.5rem,11vw,3.75rem);padding-inline:clamp(2.5rem,11vw,3.75rem)}.recent-songs__slide{flex:0 0 min(280px,calc(100vw - 5.5rem));scroll-snap-align:center}.recent-songs__edge{width:clamp(32px,8vw,48px)}}@media(max-width:480px){.hero-buttons .btn,.store-badge{width:100%;max-width:320px}.mini-player__inner{padding:.9rem 0 max(1rem,env(safe-area-inset-bottom))}.mini-player__row{padding-bottom:.85rem;gap:.75rem}.mini-player__seek{padding-top:.85rem;gap:.6rem}.mini-player__cover,.mini-player__cover--placeholder{width:52px;height:52px}.mini-player__play{width:44px;height:44px}.mini-player__close{width:40px;height:40px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.legal-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a2e);color:#fff;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.nav-brand:hover{opacity:.8}.logo-img{height:32px;width:auto;filter:drop-shadow(0 2px 8px rgba(102,126,234,.3));transition:filter .3s ease}.nav-brand:hover .logo-img{filter:drop-shadow(0 4px 12px rgba(102,126,234,.5))}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fffc;text-decoration:none;transition:color .3s;font-weight:500}.nav-links a:hover{color:#667eea}.legal-content{padding:60px 0}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.legal-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:#fff9;font-size:.9rem}.legal-body{max-width:800px;margin:0 auto;line-height:1.8}.legal-body section{margin-bottom:3rem}.legal-body h2{font-size:2rem;font-weight:600;margin-bottom:1rem;margin-top:2rem;color:#fff}.legal-body h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem;color:#ffffffe6}.legal-body p{color:#fffc;margin-bottom:1rem;font-size:1rem}.legal-body ul{margin:1rem 0;padding-left:2rem;color:#fffc}.legal-body li{margin-bottom:.5rem}.legal-body strong{color:#fff;font-weight:600}.legal-footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.back-link{display:inline-block;color:#667eea;text-decoration:none;font-weight:500;transition:color .3s;font-size:1.1rem}.back-link:hover{color:#764ba2}@media(max-width:768px){.legal-header h1{font-size:2rem}.legal-body h2{font-size:1.5rem}.legal-body h3{font-size:1.25rem}.legal-body{padding:0 1rem}}.delete-account-page{min-height:100vh;background:#0a0a0a;color:var(--text-primary);position:relative;overflow-x:hidden}.delete-account-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#0f0f1a);pointer-events:none;z-index:0}.delete-account-content{padding:120px 0 80px;position:relative;z-index:1}.delete-account-form-container{max-width:600px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-account-form-container h1{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em;color:var(--text-primary)}.warning-message{background:#ff57221a;border:1px solid rgba(255,87,34,.3);border-radius:12px;padding:1.25rem;margin-bottom:2rem;color:#ff6b6b;font-size:.95rem;line-height:1.6}.warning-message strong{color:#ff6b6b;font-weight:600}.delete-account-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{color:var(--text-primary);font-weight:500;font-size:.95rem}.required{color:#ff6b6b}.phone-input-wrapper{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;min-height:56px}.phone-input-wrapper:focus-within{border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.phone-input-wrapper.error{border-color:#ff6b6b}.phone-prefix{padding:1rem .75rem 1rem 1.25rem;color:var(--text-primary);font-size:1rem;font-weight:600;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-color);background:#ffffff08;white-space:nowrap;flex-shrink:0}.form-group input[type=tel]{background:transparent;border:none;border-radius:0;padding:1rem 1.25rem;color:var(--text-primary);font-size:1rem;transition:all .3s ease;font-family:inherit;flex:1;outline:none;min-width:0}.form-group input[type=tel]::placeholder{color:var(--text-tertiary);opacity:.6}.form-group input[type=tel]:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ff6b6b;font-size:.875rem;margin-top:-.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-weight:400;line-height:1.6}.checkbox-label input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.btn{padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;cursor:pointer;font-family:inherit;letter-spacing:-.01em}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 20px #ff6b6b66}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ff6b6b80;background:linear-gradient(135deg,#ee5a6f,#ff6b6b)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 20px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea80;background:var(--primary-gradient-hover)}.help-text{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.help-text p{color:var(--text-secondary);font-size:.9rem}.help-text a{color:var(--accent-color);text-decoration:none;font-weight:500}.help-text a:hover{text-decoration:underline}.success-container{max-width:600px;margin:0 auto;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:4rem 3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto 2rem;box-shadow:0 8px 24px #4caf5066;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-container h1{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--text-primary)}.success-message{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.success-note{font-size:.95rem;color:var(--text-tertiary);line-height:1.6;margin-bottom:2.5rem}.success-note a{color:var(--accent-color);text-decoration:none;font-weight:500}.success-note a:hover{text-decoration:underline}@media(max-width:768px){.delete-account-content{padding:100px 0 60px}.delete-account-form-container{padding:2rem 1.5rem}.delete-account-form-container h1{font-size:2rem}.success-container{padding:3rem 2rem}.success-container h1{font-size:2rem}}@media(max-width:480px){.delete-account-form-container{padding:1.5rem;border-radius:20px}.delete-account-form-container h1{font-size:1.75rem}.success-container{padding:2rem 1.5rem}}.admin-page{min-height:100vh;background:#0a0a0a;color:var(--text-primary);position:relative;overflow-x:hidden}.admin-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.12) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#0f0f1a);pointer-events:none;z-index:0}.admin-content{padding:120px 0 60px;position:relative;z-index:1}.admin-header{text-align:center;margin-bottom:48px}.admin-title{font-size:2rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.admin-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.admin-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.admin-loading p{color:var(--text-secondary);margin:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-error{text-align:center;max-width:480px;margin-left:auto;margin-right:auto}.error-icon{font-size:3rem;margin-bottom:16px}.admin-error h2{font-size:1.5rem;margin:0 0 12px;color:var(--text-primary)}.error-message{color:var(--text-secondary);margin:0 0 12px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem}.error-hint{color:var(--text-tertiary);font-size:.875rem;margin:0 0 24px}.credits-grid{display:flex;flex-direction:column;gap:12px}.credits-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;gap:16px}.credits-label{font-weight:500;color:var(--text-primary);flex-shrink:0}.credits-value{color:var(--text-secondary);text-align:right;word-break:break-all;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem}.admin-raw-card .raw-json{margin:0;padding:20px;background:#0000004d;border-radius:8px;overflow-x:auto;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8rem;line-height:1.6;color:var(--text-secondary);border:1px solid var(--border-color)}.admin-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.admin-btn-primary{background:var(--primary-gradient);color:#fff}.admin-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-cashfree-page .navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0f14f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #27272a;padding:12px 0}.admin-cashfree-page .navbar .container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.admin-cashfree-page .nav-brand{display:flex;align-items:center;gap:8px;color:#fafafa;text-decoration:none}.admin-cashfree-page .nav-brand .logo-img{height:32px}.admin-cashfree-page .nav-links{display:flex;gap:24px}.admin-cashfree-page .nav-links a{color:#a1a1aa;text-decoration:none;font-size:.9rem}.admin-cashfree-page .nav-links a:hover{color:#fafafa}.admin-cashfree-page{min-height:100vh;background:#0f0f14;color:#e4e4e7;position:relative;overflow-x:hidden}.admin-cashfree-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.08) 0%,transparent 50%),linear-gradient(180deg,#0f0f14,#12121a);pointer-events:none;z-index:0}.admin-cashfree-content{padding:100px 24px 80px;position:relative;z-index:1;max-width:1400px;margin:0 auto}.admin-cashfree-content .container{max-width:1400px;margin:0 auto}.cf-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;margin-bottom:28px;padding:24px 28px;background:linear-gradient(145deg,#18181b,#1f1f23);border:1px solid #27272a;border-radius:16px;box-shadow:0 4px 24px #0000004d}.cf-title{font-size:1.875rem;font-weight:700;color:#fafafa;margin:0 0 8px;letter-spacing:-.02em}.cf-subtitle{font-size:.95rem;color:#a1a1aa;margin:0;line-height:1.5}.cf-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cf-btn{padding:10px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.cf-btn-refresh{background:#27272a;color:#e4e4e7;border:1px solid #3f3f46}.cf-btn-refresh:hover:not(:disabled){background:#3f3f46}.cf-btn-bulk{background:linear-gradient(135deg,#eab308,#ca8a04);color:#0f0f14}.cf-btn-bulk:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.cf-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.cf-btn-retry-first{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fafafa}.cf-btn-retry-first:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.cf-icon{margin-right:6px}.cf-secret-row{margin-bottom:20px}.cf-secret-input{max-width:280px;padding:8px 14px;border:1px solid #3f3f46;border-radius:6px;background:#18181b;color:#e4e4e7;font-size:.875rem}.cf-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.cf-alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#86efac}.cf-alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.cf-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px}.cf-stat-card{background:linear-gradient(145deg,#18181b,#27272a);border:1px solid #3f3f46;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:4px;transition:all .2s}.cf-stat-card:hover{border-color:#52525b;transform:translateY(-2px)}.cf-stat-card.cf-stat-active{border-color:#22c55e66;background:linear-gradient(145deg,#22c55e14,#18181b)}.cf-stat-value{font-size:1.75rem;font-weight:700;color:#fafafa;letter-spacing:-.02em}.cf-stat-active .cf-stat-value{color:#86efac}.cf-stats-app{margin-bottom:20px}.cf-stat-songs{border-color:#667eea66;background:linear-gradient(145deg,#667eea14,#18181b)}.cf-stat-songs .cf-stat-value{color:#a5b4fc}.cf-stat-users{border-color:#a855f766;background:linear-gradient(145deg,#a855f714,#18181b)}.cf-stat-users .cf-stat-value{color:#c4b5fd}.cf-stat-label{font-size:.8rem;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.cf-results-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 16px;background:#18181b;border:1px solid #27272a;border-radius:8px}.cf-results-count{font-size:.9rem;color:#a1a1aa}.cf-pagination{display:flex;align-items:center;gap:12px}.cf-page-btn{padding:8px 16px;border:1px solid #3f3f46;border-radius:6px;background:#27272a;color:#e4e4e7;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.cf-page-btn:hover:not(:disabled){background:#3f3f46;border-color:#52525b}.cf-page-btn:disabled{opacity:.4;cursor:not-allowed}.cf-page-info{font-size:.875rem;color:#71717a}.cf-pagination-bottom{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:16px}.cf-page-numbers{display:flex;align-items:center;gap:4px}.cf-page-num{min-width:36px;height:36px;padding:0 8px;border:1px solid #3f3f46;border-radius:6px;background:#27272a;color:#a1a1aa;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.cf-page-num:hover{background:#3f3f46;color:#e4e4e7}.cf-page-num-active{background:linear-gradient(135deg,#eab308,#ca8a04)!important;border-color:#eab308!important;color:#0f0f14!important}.cf-page-ellipsis{padding:0 4px;color:#52525b;font-size:.9rem}.cf-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.cf-filters-bulk-wrap{margin-left:auto;display:flex;align-items:center}.cf-filter-input,.cf-filter-select{padding:8px 14px;border:1px solid #3f3f46;border-radius:6px;background:#18181b;color:#e4e4e7;font-size:.875rem;min-width:140px}.cf-filter-input::placeholder{color:#71717a}.cf-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #27272a;background:#18181b;box-shadow:0 2px 12px #0003}.cf-table{width:100%;border-collapse:collapse;font-size:.9rem}.cf-table th,.cf-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #27272a}.cf-table th{background:#27272a;font-weight:600;color:#a1a1aa}.cf-table tbody tr:hover{background:#ffffff05}.cf-th-check,.cf-td-check{width:44px;text-align:center}.cf-check-disabled{color:#52525b;font-size:.8rem}.cf-sub-id{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.85rem;color:#e4e4e7}.cf-sub-phone{font-size:.8rem;color:#71717a;margin-top:2px}.cf-amount-pill{display:inline-block;padding:4px 12px;border-radius:20px;background:#22c55e33;color:#86efac;font-weight:600;font-size:.9rem}.cf-status{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.cf-status-active{background:#22c55e33;color:#86efac}.cf-status-initialized,.cf-status-pending{background:#a1a1aa33;color:#a1a1aa}.cf-status-customer-cancelled,.cf-status-cancelled,.cf-status-expired{background:#a1a1aa26;color:#71717a}.cf-status-failed{background:#ef444433;color:#fca5a5}.cf-status:not([class*=cf-status-]){background:#a1a1aa26;color:#a1a1aa}.cf-btn-raise{background:linear-gradient(135deg,#eab308,#ca8a04);color:#0f0f14;padding:8px 16px;font-size:.85rem}.cf-btn-raise:hover:not(:disabled){filter:brightness(1.1)}.cf-btn-raise.cf-btn-disabled,.cf-btn-raise:disabled{background:#27272a;color:#52525b;cursor:not-allowed}.cf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px;color:#a1a1aa}.loading-spinner{width:36px;height:36px;border:3px solid #27272a;border-top-color:#eab308;border-radius:50%;animation:cf-spin .8s linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}.cf-row-clickable{cursor:pointer}.cf-row-clickable:hover{background:#ffffff0a!important}.cf-row-selected{background:#eab30814!important}.cf-payments-cell .cf-payments-link{color:#eab308;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cf-payments-cell .cf-payments-link:hover{color:#facc15}.cf-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.cf-modal{background:linear-gradient(145deg,#18181b,#1f1f23);border:1px solid #27272a;border-radius:16px;max-width:720px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080}.cf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #27272a}.cf-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#fafafa}.cf-modal-close{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:none;background:#27272a;color:#a1a1aa;font-size:1.5rem;line-height:1;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cf-modal-close:hover{background:#3f3f46;color:#fafafa}.cf-modal-sub-info{padding:12px 24px;background:#0f0f14;border-bottom:1px solid #27272a;display:flex;gap:16px;align-items:center}.cf-modal-sub-id{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem;color:#e4e4e7}.cf-modal-phone{font-size:.875rem;color:#71717a}.cf-modal-body{padding:24px;overflow-y:auto;flex:1}.cf-modal-empty{color:#71717a;font-size:.95rem;margin:0}.cf-modal-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #27272a}.cf-modal-table{width:100%;border-collapse:collapse;font-size:.875rem}.cf-modal-table th,.cf-modal-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #27272a}.cf-modal-table th{background:#27272a;font-weight:600;color:#a1a1aa}.cf-modal-table tbody tr:last-child td{border-bottom:none}.cf-modal-table .cf-payment-id{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8rem;color:#71717a;max-width:180px;overflow:hidden;text-overflow:ellipsis}.cf-modal-table .cf-failure-reason{max-width:200px;font-size:.8rem;color:#fca5a5;overflow:hidden;text-overflow:ellipsis}.cf-modal-retry{max-width:720px;max-height:90vh;overflow-y:auto}.cf-retry-body{padding-top:0}.cf-retry-intro{font-size:.88rem;line-height:1.55;color:#a1a1aa;margin-bottom:16px}.cf-retry-intro code{font-size:.8rem;color:#c4b5fd}.cf-retry-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px;align-items:end}.cf-retry-date-hint{grid-column:1 / -1;font-size:.78rem;color:#71717a;margin:0}.cf-retry-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:#a1a1aa}.cf-retry-actions{margin-bottom:12px}.cf-retry-schedule-note{font-size:.8rem;color:#86efac;margin-bottom:8px}.cf-retry-schedule-iso{font-size:.8rem;color:#71717a;margin-bottom:12px}.cf-retry-count{margin-bottom:8px;font-size:.9rem}.cf-retry-preview-wrap{max-height:220px;margin-bottom:16px}.cf-retry-more{font-size:.75rem;color:#71717a;margin-top:8px}.cf-retry-footer-btns{margin-top:8px;padding-top:12px;border-top:1px solid #3f3f46}.cf-retry-source-row{margin-bottom:12px}.cf-retry-label-inline{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#a1a1aa}.cf-retry-label-inline .cf-filter-select{min-width:220px}.cf-retry-scan-meta{font-size:.85rem;color:#a78bfa;margin-bottom:10px}.cf-retry-warn{margin-bottom:10px}.cf-retry-cf-cell{font-size:.8rem;max-width:280px}.cf-retry-cf-meta{color:#71717a;font-size:.75rem}.metric-dashboard{min-height:100vh;background:radial-gradient(ellipse 120% 80% at 50% -20%,#1a1a2e,#0d0d0f 45%);color:#ffffffeb}.metric-dashboard__nav{border-bottom:1px solid rgba(255,255,255,.06);padding:16px 24px}.metric-dashboard__nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.metric-dashboard__logo{height:36px;width:auto}.metric-dashboard__nav-actions{display:flex;align-items:center;gap:20px}.metric-dashboard__link{color:#ffffffa6;text-decoration:none;font-size:14px}.metric-dashboard__link:hover{color:#fffffff2}.metric-dashboard__btn-ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;padding:8px 16px;border-radius:10px;font-size:14px;cursor:pointer}.metric-dashboard__btn-ghost:hover{background:#ffffff1f}.metric-dashboard__main{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.metric-dashboard__login{display:flex;justify-content:center;padding-top:48px}.metric-dashboard__login-card{width:100%;max-width:400px;padding:40px 36px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px #00000059}.metric-dashboard__title{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.metric-dashboard__subtitle{margin:0 0 28px;font-size:14px;color:#ffffff8c}.metric-dashboard__form{display:flex;flex-direction:column;gap:12px}.metric-dashboard__label{font-size:13px;color:#ffffff8c}.metric-dashboard__input{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;font-size:16px}.metric-dashboard__input:focus{outline:none;border-color:#9b7ede99}.metric-dashboard__error{margin:0;font-size:13px;color:#f87171}.metric-dashboard__btn-primary{margin-top:8px;padding:14px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#9b7ede,#7c5fc4);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.metric-dashboard__btn-primary:hover{filter:brightness(1.06)}.metric-dashboard__header{margin-bottom:36px}.metric-dashboard__page-title{font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0 0 8px}.metric-dashboard__page-desc{margin:0;font-size:15px;color:#ffffff80}.metric-dashboard__loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;color:#ffffff8c}.metric-dashboard__spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#9b7ede;border-radius:50%;animation:metric-spin .8s linear infinite}@keyframes metric-spin{to{transform:rotate(360deg)}}.metric-dashboard__banner{padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.metric-dashboard__banner--error{background:#f871711f;border:1px solid rgba(248,113,113,.25);color:#fecaca}.metric-dashboard__btn-inline{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px}.metric-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.metric-card{--accent: #9b7ede;padding:24px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.metric-card--wide{grid-column:1 / -1}.metric-card__icon{width:40px;height:40px;border-radius:12px;margin-bottom:16px;background:#9b7ede26;border:1px solid rgba(155,126,222,.25)}.metric-card__icon--users{background:linear-gradient(135deg,#60a5fa33,#3b82f61a);border-color:#60a5fa59}.metric-card__icon--songs{background:linear-gradient(135deg,#34d39933,#10b9811a);border-color:#34d39959}.metric-card__icon--revenue{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-color:#fbbf2459}.metric-card__icon--credits{background:linear-gradient(135deg,#a78bfa40,#8b5cf61a);border-color:#a78bfa59}.metric-card__label{font-size:13px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}.metric-card__value{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2}.metric-card__hint{margin:10px 0 0;font-size:12px;color:#fff6}.metric-card__warn{margin:12px 0 0;font-size:13px;color:#fbbf24d9}.metric-card__details{margin-top:16px}.metric-card__details summary{cursor:pointer;font-size:13px;color:#ffffff73}.metric-card__pre{margin-top:12px;padding:14px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.06);font-size:11px;overflow:auto;max-height:220px}@media(max-width:600px){.metric-dashboard__page-title{font-size:22px}.metric-card__value{font-size:26px}}