@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/space-grotesk-vietnamese-400.woff2)format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-ext-400.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-400.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--color-primary:#9b87f5;--color-secondary:#f093fb;--color-tertiary:#7dd3fc;--color-background:#fef5ff;--color-surface:#ffffff;--color-surface-elevated:#f8f0ff;--color-text:#2d1b4e;--color-text-secondary:#7c6b93;--color-border:#e9d5ff;--color-border-hover:#d8b4fe;--color-success:#a7f3d0;--color-error:#fecaca;--color-warning:#fde68a;--font-display:'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-xs:0.375rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(138, 87, 245, 0.05);--shadow-md:0 4px 6px -1px rgba(138, 87, 245, 0.1);--shadow-lg:0 10px 15px -3px rgba(138, 87, 245, 0.15);--shadow-xl:0 20px 25px -5px rgba(138, 87, 245, 0.2);--shadow-2xl:0 25px 50px -12px rgba(138, 87, 245, 0.25);--shadow-glow-primary:0 0 20px 5px rgba(155, 135, 245, 0.3);--shadow-glow-secondary:0 0 20px 5px rgba(240, 147, 251, 0.3);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(155, 135, 245, 0.2);--glass-blur:blur(10px);--waveform-color:rgba(107, 70, 193, 0.6);--waveform-progress-color:rgba(124, 58, 237, 0.8);--waveform-cursor-color:rgba(190, 24, 93, 0.9)}[data-theme=dark]{--color-primary:#8A2BE2;--color-secondary:#FF69B4;--color-tertiary:#00BFFF;--color-background:#0a0a1a;--color-surface:#1a1a2a;--color-surface-elevated:#252535;--color-text:#e5e7eb;--color-text-secondary:#9ca3af;--color-border:rgba(255, 255, 255, 0.1);--color-border-hover:rgba(255, 255, 255, 0.2);--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.6);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.7);--shadow-glow-primary:0 0 20px 5px rgba(138, 43, 226, 0.5);--shadow-glow-secondary:0 0 20px 5px rgba(255, 105, 180, 0.5);--glass-bg:rgba(26, 26, 42, 0.5);--glass-border:rgba(255, 255, 255, 0.1);--waveform-color:rgba(138, 43, 226, 0.6);--waveform-progress-color:rgba(168, 85, 247, 0.8);--waveform-cursor-color:rgba(255, 105, 180, 0.9)}:root{--gradient-primary-secondary:linear-gradient(to right, var(--color-primary), var(--color-secondary));--gradient-radial-dark:radial-gradient(circle at top left, rgba(138, 43, 226, 0.3), transparent 40%),
    radial-gradient(circle at bottom right, rgba(255, 105, 180, 0.3), transparent 40%)}
*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md)}a{color:inherit;text-decoration:none;transition:var(--transition-base)}a:hover{opacity:.8}[data-theme=light] a.footer-link:hover,[data-theme=light] a[href]:hover{color:#7c3aed}button{font-family:inherit;border:0;cursor:pointer;transition:var(--transition-base)}input,select,textarea{font-family:inherit;font-size:1rem;border:0;outline:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl]{direction:rtl}[dir=rtl] .header-controls{flex-direction:row-reverse}
.page-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background);position:relative}.page-wrapper::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-radial-dark);opacity:.6;z-index:-1;pointer-events:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(5px) brightness(2.1);-webkit-backdrop-filter:blur(5px) brightness(2.1);background:rgba(26,26,42,.65);box-shadow:0 4px 30px rgba(0,0,0,.1)}[data-theme=light] .header{background:rgba(255,255,255,.65);backdrop-filter:blur(5px) brightness(2.1);-webkit-backdrop-filter:blur(5px) brightness(2.1);box-shadow:0 4px 30px rgba(0,0,0,.05)}.header-content{display:flex;align-items:center;justify-content:space-between;height:60px;gap:var(--spacing-lg)}.header-left,.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-controls{display:flex;align-items:center;gap:var(--spacing-md)}.header-nav{display:none;align-items:center;gap:var(--spacing-sm)}.header-nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:.8125rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast);white-space:nowrap}.header-nav-link:hover{color:var(--color-primary)}.header-nav-link.active{color:var(--color-primary)}@media (min-width:1024px){.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-lg)}.header-left{justify-content:flex-start}.header-nav{display:flex}.logo{justify-content:center}.header-right{justify-content:flex-end}}.logo{display:flex;align-items:center}.logo-main{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;cursor:pointer;transition:opacity var(--transition-base)}.logo-main:hover{opacity:.85}.logo-text-group{display:flex;flex-direction:column;gap:2px}.logo-icon{width:44px;height:44px;color:var(--color-text);object-fit:contain}.logo-icon.small{width:20px;height:20px}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#9b87f5 0,#8a2be2 50%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1}[data-theme=dark] .logo-text{background:linear-gradient(135deg,#8a2be2 0,#a855f7 50%,#9b87f5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-tagline{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);line-height:1}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);min-height:0}.form-wrapper{width:100%;max-width:600px;margin:0 auto}.title-section{text-align:center;margin-bottom:var(--spacing-md)}.main-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.main-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:6px;flex-shrink:0;transition:border-color var(--transition-base),background var(--transition-base)}.hamburger-btn:hover{border-color:var(--color-primary);background:rgba(138,43,226,.08)}.hamburger-line{display:block;width:18px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger-btn.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:199;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.nav-overlay.open{display:block}.nav-drawer{position:fixed;top:0;right:0;width:280px;height:100%;z-index:200;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid var(--glass-border);transform:translateX(100%);transition:transform 250ms ease;display:flex;flex-direction:column;box-shadow:-4px 0 30px rgba(0,0,0,.15)}.nav-drawer.open{transform:translateX(0)}[dir=rtl] .nav-drawer{right:auto;left:0;border-left:none;border-right:1px solid var(--glass-border);transform:translateX(-100%);box-shadow:4px 0 30px rgba(0,0,0,.15)}[dir=rtl] .nav-drawer.open{transform:translateX(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:0 1rem;height:60px;border-bottom:1px solid var(--color-border);flex-shrink:0}.nav-drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.nav-drawer-close:hover{color:var(--color-text);border-color:var(--color-primary);background:rgba(138,43,226,.08)}.nav-drawer-links{flex:1;display:flex;flex-direction:column;padding:.5rem 0;overflow-y:auto}.nav-drawer-link{display:flex;align-items:center;padding:.875rem 1.25rem;font-size:.95rem;font-weight:500;color:var(--color-text);text-decoration:none;border-left:3px solid transparent;transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.nav-drawer-link:hover{color:var(--color-primary);background:rgba(138,43,226,.06);border-left-color:rgba(138,43,226,.3)}.nav-drawer-link[aria-current=page]{color:var(--color-primary);background:rgba(138,43,226,.08);border-left-color:var(--color-primary)}[dir=rtl] .nav-drawer-link{border-left:none;border-right:3px solid transparent}[dir=rtl] .nav-drawer-link:hover{border-right-color:rgba(138,43,226,.3)}[dir=rtl] .nav-drawer-link[aria-current=page]{border-right-color:var(--color-primary)}.nav-drawer-link--external::after{content:"↗";font-size:.75rem;margin-left:auto;color:var(--color-text-secondary);padding-left:.5rem}[dir=rtl] .nav-drawer-link--external::after{margin-left:0;margin-right:auto;padding-left:0;padding-right:.5rem}.nav-drawer-divider{height:1px;background:var(--color-border);margin:.375rem 1rem}.footer{border-top:1px solid var(--color-border);padding:var(--spacing-md)0;margin-top:auto}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-lg)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.footer-column{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:120px}.footer-heading{font-size:.8rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.footer-link{font-size:.8rem;color:var(--color-text-secondary);transition:color var(--transition-base)}.footer-link:hover{color:var(--color-text)}.copyright{font-size:.8rem;color:var(--color-text-secondary);margin:0}@media (max-width:1023px){.header-content{display:flex!important;grid-template-columns:unset!important}.header-left{order:2}.logo{order:1;flex:0 0 auto}.header-right{order:3}}@media (max-width:768px){.header-content{height:64px}.main-title{font-size:1.5rem}.main-subtitle{font-size:.9rem}.footer-content{gap:var(--spacing-md)}.footer-brand{flex-direction:row;width:100%;gap:.5rem}.footer-links{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.footer-column{min-width:auto}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}.main-content{padding:var(--spacing-sm)}.main-title{font-size:1.75rem}.logo-text{font-size:1.25rem}}@media (max-width:360px){.container{padding:0 8px}.main-content{padding:10px}}@media (max-width:320px){.container{padding:0 6px}.main-content{padding:8px 5px}}
.glass-effect{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.recognition-form{border-radius:var(--radius-xl);overflow:visible;box-shadow:var(--shadow-2xl)}.tabs{display:flex;border-bottom:1px solid var(--color-border)}.tab{flex:1;padding:var(--spacing-md) var(--spacing-sm);background:0 0;color:var(--color-text-secondary);font-weight:500;font-size:.875rem;border-bottom:2px solid transparent;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.tab:hover{color:var(--color-text);border-bottom-color:var(--color-border-hover)}.tab.active{color:var(--color-text);border-bottom-color:var(--color-secondary)}.tab-content{padding:var(--spacing-md);min-height:150px;display:flex;align-items:stretch}.tab-panel{display:none;width:100%}.tab-panel.active{display:flex;flex-direction:column}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.upload-area:hover{border-color:var(--color-primary);background:rgba(155,135,245,.1)}[data-theme=dark] .upload-area:hover{background:rgba(138,43,226,.05)}.upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.upload-label label{cursor:pointer;display:inline-block}.upload-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.upload-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.btn-primary{background:linear-gradient(to right,rgba(138,43,226,.8),rgba(168,85,247,.8));color:var(--color-text);font-weight:700;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);transition:all var(--transition-slow)}.btn-primary:hover{background:linear-gradient(to right,rgba(138,43,226,.9),rgba(168,85,247,.9));transform:scale(1.05);box-shadow:var(--shadow-glow-primary)}.btn-large{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.extension-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#8a2be2 0,#9b87f5 50%,#a855f7 100%);color:#fff;font-weight:600;font-size:.875rem;border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;box-shadow:0 4px 15px rgba(138,43,226,.3);position:relative;overflow:hidden}.extension-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.extension-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(138,43,226,.4)}.extension-btn:hover::before{left:100%}.extension-btn:active{transform:translateY(0)}.chrome-icon{flex-shrink:0}.extension-btn-text{white-space:nowrap}.coming-soon-badge{font-size:.65rem;padding:2px 8px;background:rgba(255,255,255,.25);border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.footer-coming-soon{font-size:.7em;color:rgba(255,255,255,.85);font-style:italic;margin-left:.25em}[data-theme=light] .footer-coming-soon{color:rgba(0,0,0,.6)}[data-theme=light] .extension-btn{box-shadow:0 4px 15px rgba(138,43,226,.25)}[data-theme=light] .extension-btn:hover{box-shadow:0 6px 20px rgba(138,43,226,.35)}@media (max-width:768px){.extension-btn{display:none}}.btn-start{position:relative;background:var(--color-surface);height:64px;width:100%;max-width:320px;border:1px solid var(--color-primary);color:var(--color-text);font-size:1.125rem;font-weight:700;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .5s;display:flex;align-items:center;justify-content:center;gap:12px}.btn-start .btn-icon{width:24px;height:24px;position:relative;z-index:20;transition:all .5s}.btn-start span{position:relative;z-index:20}.btn-start::before{content:"";position:absolute;width:48px;height:48px;right:4px;top:4px;z-index:1;background:rgba(226,43,177,.4);border-radius:50%;filter:blur(12px);transition:all .5s}.btn-start::after{content:"";position:absolute;z-index:1;width:80px;height:80px;background:rgba(168,85,247,.4);border-radius:50%;filter:blur(12px);transition:all .5s;right:32px;top:12px}.btn-start:hover{border-color:var(--color-secondary);color:var(--color-secondary)}[data-theme=light] .btn-start:hover{color:#be185d;border-color:#be185d}.btn-start:hover::before{box-shadow:20px 20px 20px 30px rgba(168,85,247,.4);right:48px;bottom:-32px}.btn-start:hover::after{right:-32px}.btn-start:active{transform:scale(.98)}.icon-button{padding:var(--spacing-sm);background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-base)}.icon-button:hover{background:var(--color-border);color:var(--color-text)}.btn-time{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);font-size:.875rem;transition:all var(--transition-base)}.btn-time:hover{background:var(--color-primary)}.language-selector-wrapper{position:relative}.language-selector-btn{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);background:rgba(30,30,40,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-base);white-space:nowrap}[data-theme=light] .language-selector-btn{background:rgba(255,255,255,.9)}.language-selector-btn:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(155,135,245,.1)}[data-theme=dark] .language-selector-btn:hover{box-shadow:0 0 0 3px rgba(138,43,226,.2)}.language-selector-btn:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(155,135,245,.2)}[data-theme=dark] .language-selector-btn:focus{box-shadow:0 0 0 3px rgba(138,43,226,.3)}.language-selector-btn[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.globe-icon{width:18px;height:18px;opacity:.7}.current-lang{font-size:.875rem;font-weight:500}.chevron-icon{width:10px;height:10px;transition:transform var(--transition-base);opacity:.7}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:rgba(20,20,30,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden;z-index:1000;animation:slideDownLang .2s ease-out}[data-theme=dark] .language-dropdown{background:rgba(20,20,30,.98);box-shadow:0 4px 20px rgba(0,0,0,.5)}[data-theme=light] .language-dropdown{background:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(0,0,0,.15)}@keyframes slideDownLang{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-dropdown[hidden]{display:none}.language-option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;transition:all var(--transition-base);border-bottom:1px solid var(--color-border)}.language-option:last-child{border-bottom:none}.language-option:hover{background:rgba(155,135,245,.1)}[data-theme=dark] .language-option:hover{background:rgba(138,43,226,.2)}.language-option:focus{outline:2px solid var(--color-primary);outline-offset:-2px;background:rgba(155,135,245,.1)}.language-option.active{background:rgba(155,135,245,.15);font-weight:600}[data-theme=dark] .language-option.active{background:rgba(138,43,226,.25)}.lang-name{font-size:.875rem;font-weight:500}.lang-code{font-size:.75rem;opacity:.6;font-weight:600;text-transform:uppercase}.url-input-wrapper{position:relative}.url-input{width:100%;padding:var(--spacing-md);padding-right:44px;background:var(--color-border);color:var(--color-text);border-radius:var(--radius-md);border:1px solid var(--color-border-hover);transition:all var(--transition-base)}.url-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(138,43,226,.2)}.url-input::placeholder{color:var(--color-text-secondary)}.url-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:5px;background:0 0;border:0;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);opacity:.6}.url-clear-btn:hover{background:var(--color-error);color:#fff;opacity:1;transform:translateY(-50%) scale(1.1)}.url-clear-btn svg{width:100%;height:100%}.file-preview{margin-top:var(--spacing-md)}.file-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.file-thumbnail{width:40px;height:40px;background:var(--gradient-primary-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text);flex-shrink:0}.file-thumbnail svg{width:24px;height:24px}.file-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.file-name{font-size:.9rem;color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--color-text-secondary)}.file-remove{width:32px;height:32px;padding:var(--spacing-xs);background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-base);flex-shrink:0}.file-remove:hover{background:rgba(220,38,38,.2);color:#fca5a5}.file-remove svg{width:100%;height:100%}.time-slider-section{margin-top:var(--spacing-md);display:flex;flex-direction:column}.time-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;text-align:center}.playback-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.playback-btn{width:36px;height:36px;padding:var(--spacing-xs);background:var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);transition:all var(--transition-base);flex-shrink:0}.playback-btn:hover{background:var(--color-primary);transform:scale(1.05)}.playback-btn-small{width:28px;height:28px}.playback-btn svg{width:100%;height:100%}.time-range{flex:1;height:6px;background:var(--color-border-hover);border-radius:var(--radius-full);outline:0;-webkit-appearance:none;appearance:none}.time-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.time-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-glow-primary)}.time-range::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:0;transition:all var(--transition-base)}.time-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-glow-primary)}.time-display{font-size:.9rem;color:var(--color-text);font-weight:500;min-width:50px;text-align:center}.advanced-toggle{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:0 0;color:var(--color-text-secondary);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);font-size:.8rem;transition:all var(--transition-base);align-self:flex-start}.advanced-toggle.centered{display:block;margin-left:auto;margin-right:auto}.advanced-toggle:hover{color:var(--color-text);border-color:var(--color-primary);background:rgba(138,43,226,.1)}.advanced-toggle.active{color:var(--color-text);border-color:var(--color-primary);background:rgba(138,43,226,.2)}.advanced-section{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:rgba(0,0,0,.2);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.slider-control{display:flex;flex-direction:column;gap:4px}.slider-control label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;display:flex;justify-content:space-between;align-items:center}.slider-control label span{color:var(--color-text);font-weight:600;font-family:monospace}.custom-slider{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);outline:0;-webkit-appearance:none;appearance:none;cursor:pointer}.custom-slider::-webkit-slider-track{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full)}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(138,43,226,.2)}.custom-slider::-moz-range-track{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full)}.custom-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:0;transition:all var(--transition-base)}.custom-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(138,43,226,.2)}.separation-control{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;padding:var(--spacing-md)0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.btn-separate{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(168,85,247,.2));border:1px solid rgba(138,43,226,.5);color:var(--color-text);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-separate svg{width:18px;height:18px}.btn-separate:hover{background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(168,85,247,.3));border-color:rgba(138,43,226,.7);transform:scale(1.02)}.btn-separate:disabled{opacity:.5;cursor:not-allowed;transform:none}.separation-hint{font-size:.75rem;color:var(--color-text-secondary);text-align:center;margin:0}.audio-tabs{display:flex;gap:var(--spacing-xs);background:rgba(0,0,0,.3);padding:var(--spacing-xs);border-radius:var(--radius-md)}.audio-tab{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:0 0;color:var(--color-text-secondary);border:0;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.audio-tab:hover{color:var(--color-text);background:var(--color-surface-elevated)}.audio-tab.active{color:var(--color-text);background:var(--color-primary)}.waveform-container{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.waveform-display{width:100%;height:120px;background:rgba(0,0,0,.3);border-radius:var(--radius-sm);border:1px solid var(--color-border);position:relative}[data-theme=light] .waveform-display{background:rgba(107,70,193,.08);border-color:rgba(107,70,193,.25)}.waveform-section-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:600;margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.5px}.waveform-minimap-section{margin-bottom:6px}.waveform-minimap-wrapper{position:relative}.waveform-minimap{height:60px!important;background:rgba(0,0,0,.2);border:1px solid rgba(138,43,226,.3);cursor:pointer;position:relative;overflow:visible;transition:all .2s ease;user-select:none}[data-theme=light] .waveform-minimap{background:rgba(107,70,193,.06);border-color:rgba(107,70,193,.3)}.waveform-minimap:hover{border-color:rgba(138,43,226,.6);background:rgba(0,0,0,.3);box-shadow:0 0 12px rgba(138,43,226,.4)}[data-theme=light] .waveform-minimap:hover{background:rgba(107,70,193,.12);border-color:rgba(107,70,193,.5);box-shadow:0 0 12px rgba(107,70,193,.3)}.waveform-minimap:active{border-color:rgba(138,43,226,.8);background:rgba(0,0,0,.35);box-shadow:0 0 16px rgba(138,43,226,.6)}[data-theme=light] .waveform-minimap:active{background:rgba(107,70,193,.15);border-color:rgba(107,70,193,.7);box-shadow:0 0 16px rgba(107,70,193,.4)}.waveform-segment-section{margin-bottom:8px}.waveform-segment{height:120px!important;background:rgba(0,0,0,.35);border:1px solid rgba(168,85,247,.4)}[data-theme=light] .waveform-segment{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.35)}.waveform-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:var(--radius-sm);z-index:10}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.waveform-controls{display:flex;align-items:center;gap:var(--spacing-md);margin-top:8px;padding:8px 0}.waveform-controls-extended{display:flex;align-items:center;gap:var(--spacing-md);margin-top:-10px;flex-wrap:wrap}.segment-control-inline{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;padding:8px 12px;background:rgba(138,43,226,.08);border:1px solid rgba(138,43,226,.2);border-radius:var(--radius-sm);backdrop-filter:blur(10px)}[data-theme=light] .segment-control-inline{background:rgba(155,135,245,.08);border-color:rgba(155,135,245,.25)}.segment-control-inline label{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap;font-weight:600}.segment-control-inline .custom-slider{flex:1;margin:0}.waveform-time{font-size:.875rem;color:var(--color-text-secondary);font-family:monospace}.play-pause-btn{width:56px;height:56px;padding:14px;background:var(--gradient-primary-secondary);color:var(--color-text);border-radius:var(--radius-full);transition:all var(--transition-base);align-self:center;cursor:pointer;flex-shrink:0}.play-pause-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-glow-primary)}.play-pause-btn svg{width:100%;height:100%;pointer-events:none}.controls{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.url-time-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.time-inputs-group{display:flex;align-items:center;gap:var(--spacing-xs)}.time-input-item{display:flex;flex-direction:column;align-items:center;gap:2px}.time-input-item input{width:50px;padding:var(--spacing-sm);background:var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--color-border-hover);transition:all var(--transition-base);font-size:.9rem}.time-input-item input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(138,43,226,.2);outline:0}.time-label{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.time-separator{color:var(--color-text-secondary);font-size:1.2rem;margin:0 2px;padding-bottom:16px}.advanced-controls{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0;max-height:0}.advanced-controls.show{opacity:1;max-height:200px}#upload-tab.compact .tab-buttons{gap:4px;margin-bottom:8px}#upload-tab.compact .tab-btn{padding:4px 10px;font-size:12px}#upload-tab.compact .file-preview{padding:4px 8px;margin:4px 0}#upload-tab.compact .file-info{gap:2px}#upload-tab.compact .file-info h4{font-size:11px;margin-bottom:0;line-height:1.2}#upload-tab.compact .file-info p{font-size:9px;margin:0;line-height:1.2}#upload-tab.compact .file-duration{font-size:9px;padding:1px 4px}#upload-tab.compact .file-actions{gap:2px}#upload-tab.compact .file-actions .icon-button{width:20px;height:20px;padding:2px}#upload-tab.compact .file-actions .icon-button svg{width:12px;height:12px}#upload-tab.compact .time-slider-section{display:none}#upload-tab.compact #upload-advanced-toggle{display:none}#upload-tab.compact .advanced-section{position:relative;background:linear-gradient(to bottom,rgba(138,43,226,.08),rgba(138,43,226,.03));border:1px solid rgba(138,43,226,.2);border-radius:var(--radius-md);padding:12px;margin-top:8px}.advanced-close-btn{display:none}#upload-tab.compact .advanced-close-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:4px;background:var(--color-border);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}#upload-tab.compact .advanced-close-btn:hover{background:rgba(255,59,48,.3);border-color:rgba(255,59,48,.5);transform:scale(1.1)}#upload-tab.compact .advanced-close-btn svg{width:14px;height:14px;color:rgba(255,255,255,.8)}#upload-tab.compact .advanced-close-btn:hover svg{color:#ff3b30}#upload-tab.compact .slider-control{margin-bottom:10px;padding:8px;background:rgba(255,255,255,.03);border-radius:var(--radius-sm)}#upload-tab.compact .slider-control label{font-size:11px;margin-bottom:6px;display:block;color:rgba(255,255,255,.9)}#upload-tab.compact .slider-control label span{color:var(--color-primary);font-weight:600}.checkbox-control{margin:12px 0}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;color:var(--color-text)}.checkbox-label:hover{color:var(--color-primary)}.custom-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label span{font-weight:500}.checkbox-label small{display:block;font-size:11px;color:var(--color-text-secondary);margin-top:2px}#upload-tab.compact .checkbox-control{margin:10px 0;padding:8px;background:rgba(255,255,255,.03);border-radius:var(--radius-sm)}#upload-tab.compact .checkbox-label{font-size:11px;gap:6px}#upload-tab.compact .checkbox-label small{font-size:9px;opacity:.8}#upload-tab.compact .custom-checkbox{width:14px;height:14px}#upload-tab.compact .separation-control{margin:10px 0;padding:8px;background:rgba(255,255,255,.03);border-radius:var(--radius-sm)}#upload-tab.compact .btn-separate{width:100%;padding:8px 12px;font-size:11px;background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(168,85,247,.2));border:1px solid rgba(138,43,226,.5);transition:all .2s ease}#upload-tab.compact .btn-separate:hover{background:linear-gradient(135deg,rgba(138,43,226,.4),rgba(168,85,247,.3));transform:translateY(-1px)}#upload-tab.compact .separation-hint{font-size:9px;opacity:.7;margin-top:4px}#upload-tab.compact .normalize-separate-row{margin-top:8px;gap:8px}#upload-tab.compact .control-card{padding:8px;gap:6px}#upload-tab.compact .control-card .checkbox-label .control-title{font-size:12px}#upload-tab.compact .control-card .btn-separate{font-size:11px;padding:8px 10px}#upload-tab.compact .control-description{font-size:9px;line-height:1.3}#upload-tab.compact .audio-tabs{padding:4px;gap:4px;margin:10px 0;background:rgba(0,0,0,.2);border-radius:var(--radius-sm)}#upload-tab.compact .audio-tab{padding:5px 10px;font-size:10px;border-radius:var(--radius-xs);transition:all .2s ease}#upload-tab.compact .audio-tab.active{background:var(--color-primary);box-shadow:0 2px 8px rgba(138,43,226,.3)}#upload-tab.compact .waveform-primary{margin:0 0 12px 0;padding:10px;background:rgba(0,0,0,.25);border-radius:var(--radius-sm);border:1px solid rgba(138,43,226,.3);order:-1}#upload-tab.compact .waveform-controls{margin-top:6px;padding:6px 0}#upload-tab.compact .play-pause-btn{width:44px;height:44px;padding:10px}#upload-tab.compact .waveform-time{font-size:12px}.advanced-controls-compact{display:flex;flex-direction:column;gap:10px;margin-top:12px}.sliders-row{display:flex;flex-direction:column;gap:12px}.slider-compact{display:flex;flex-direction:column}.slider-compact label{font-size:.8rem;color:var(--color-text-secondary);font-weight:600;display:flex;justify-content:space-between;align-items:center}.slider-compact label span{color:var(--color-text);font-weight:600;font-family:monospace;font-size:.85rem}.slider-with-inline-button{display:flex;align-items:center;gap:8px;width:100%}.slider-with-inline-button .custom-slider{flex:1;min-width:0}.btn-slider-inline{padding:4px 12px;background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(168,85,247,.2));border:1px solid rgba(138,43,226,.5);color:var(--color-text);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0;height:24px;line-height:1;display:flex;align-items:center;justify-content:center}.btn-slider-inline:hover{background:linear-gradient(135deg,rgba(138,43,226,.35),rgba(168,85,247,.35));border-color:rgba(138,43,226,.7);transform:translateY(-1px);box-shadow:0 2px 8px rgba(138,43,226,.4)}.btn-slider-inline:active{transform:translateY(0)}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-action-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:linear-gradient(135deg,rgba(138,43,226,.15),rgba(168,85,247,.15));border:1px solid rgba(138,43,226,.4);color:var(--color-text);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:70px}.btn-action-compact svg{width:24px;height:24px;flex-shrink:0}#btn-normalize-audio svg,#record-btn-normalize-audio svg{width:32px;height:32px}#btn-separate-audio svg,#record-btn-separate-audio svg{width:32px;height:32px}#btn-denoise-audio svg,#record-btn-denoise-audio svg{width:34px;height:34px}#btn-optimize-recognition svg,#record-btn-optimize-recognition svg{width:28px;height:28px}.btn-action-compact:hover{background:linear-gradient(135deg,rgba(138,43,226,.25),rgba(168,85,247,.25));border-color:rgba(138,43,226,.6);transform:translateY(-2px);box-shadow:0 4px 12px rgba(138,43,226,.3)}.btn-action-compact:active{transform:translateY(0)}.btn-action-compact:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-action-wide{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(168,85,247,.2));border:1px solid rgba(138,43,226,.5);color:var(--color-text);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-action-wide svg{width:20px;height:20px;flex-shrink:0}.btn-action-wide:hover{background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(168,85,247,.3));border-color:rgba(138,43,226,.7);transform:translateY(-2px);box-shadow:0 6px 16px rgba(138,43,226,.4)}.btn-action-wide:active{transform:translateY(0)}.warning-message{display:none;color:#ff6b6b;font-size:.75rem;text-align:center;margin:0;padding:6px 10px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm)}.eq-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0,rgba(216,180,254,.25) 100%),rgba(192,132,252,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:20px}[data-theme=dark] .eq-overlay{background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.6) 100%),linear-gradient(135deg,rgba(109,40,217,.18),rgba(217,70,239,.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.eq-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:32px;max-width:95%;width:900px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out;position:relative}[data-theme=dark] .eq-modal{background:rgba(26,26,42,.95);border-color:rgba(124,58,237,.4);box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 40px rgba(124,58,237,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.eq-close-btn{position:absolute;top:20px;right:20px;background:var(--glass-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;backdrop-filter:var(--glass-blur)}.eq-close-btn svg{width:18px;height:18px}.eq-close-btn:hover{background:linear-gradient(135deg,#c084fc,#e879f9);border-color:#c084fc;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px 5px rgba(192,132,252,.5)}.eq-header{margin-bottom:24px;text-align:center}.eq-header-title{display:flex;align-items:center;justify-content:center;gap:10px}.eq-header h2{font-size:1.75rem;font-weight:700;background:linear-gradient(to right,#7c3aed,#d946ef);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.eq-header svg{flex-shrink:0}.eq-visualizer-section{position:relative;margin-bottom:24px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,rgba(192,132,252,.12),rgba(232,121,249,.1));border:1px solid rgba(192,132,252,.25)}[data-theme=dark] .eq-visualizer-section{background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(217,70,239,.15));border-color:rgba(124,58,237,.4)}.eq-canvas{width:100%;height:180px;display:block}.eq-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:linear-gradient(135deg,#a855f7,#ec4899);border:3px solid var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;box-shadow:var(--shadow-lg),0 0 20px 5px rgba(168,85,247,.4)}.eq-play-btn:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:var(--shadow-xl),0 0 25px 8px rgba(236,72,153,.5)}.eq-play-btn svg{width:24px;height:24px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.eq-play-btn.playing .play-icon{display:none}.eq-play-btn.playing .pause-icon{display:block}.eq-play-btn .pause-icon{display:none}.eq-bands-container{display:flex;justify-content:space-evenly;align-items:flex-end;gap:8px;padding:28px 20px;background:linear-gradient(135deg,rgba(216,180,254,.1),rgba(244,114,182,.08));border:1px solid rgba(192,132,252,.25);border-radius:var(--radius-lg);margin-bottom:24px;min-height:240px}[data-theme=dark] .eq-bands-container{background:linear-gradient(135deg,rgba(109,40,217,.18),rgba(219,39,119,.15));border-color:rgba(124,58,237,.4)}.eq-band{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1 0;min-width:0}.eq-band-value{font-size:.75rem;font-weight:700;color:#a855f7;text-align:center;min-height:20px;padding:2px 8px;background:var(--glass-bg);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);white-space:nowrap}[data-theme=dark] .eq-band-value{color:#d946ef;border-color:rgba(217,70,239,.4)}.eq-slider{appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;width:6px;height:140px;background:linear-gradient(to top,rgba(168,85,247,.3),rgba(236,72,153,.25));border-radius:var(--radius-full);outline:0;cursor:pointer;transition:all var(--transition-base);border:1px solid rgba(192,132,252,.3)}[data-theme=dark] .eq-slider{background:linear-gradient(to top,rgba(124,58,237,.45),rgba(219,39,119,.4));border-color:rgba(124,58,237,.5)}.eq-slider:hover{background:linear-gradient(to top,rgba(168,85,247,.5),rgba(236,72,153,.45));transform:scaleX(1.3)}[data-theme=dark] .eq-slider:hover{background:linear-gradient(to top,rgba(124,58,237,.65),rgba(219,39,119,.6))}.eq-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#c084fc,#f472b6);border:2px solid var(--color-surface);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md),0 0 15px 3px rgba(192,132,252,.45);transition:all var(--transition-base)}[data-theme=dark] .eq-slider::-webkit-slider-thumb{box-shadow:var(--shadow-md)}.eq-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:var(--shadow-lg),0 0 20px 5px rgba(244,114,182,.6)}[data-theme=dark] .eq-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg)}.eq-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#c084fc,#f472b6);border:2px solid var(--color-surface);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md),0 0 15px 3px rgba(192,132,252,.45);transition:all var(--transition-base)}[data-theme=dark] .eq-slider::-moz-range-thumb{box-shadow:var(--shadow-md)}.eq-slider::-moz-range-thumb:hover{transform:scale(1.3);box-shadow:var(--shadow-lg),0 0 20px 5px rgba(244,114,182,.6)}[data-theme=dark] .eq-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-lg)}.eq-band-label{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-align:center;min-height:18px;white-space:nowrap}.eq-actions{display:flex;justify-content:center;gap:16px;padding-top:8px}.eq-actions button{padding:14px 36px;font-size:.95rem;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:0}.eq-actions .btn-secondary{background:var(--glass-bg);color:var(--color-text);border:1px solid var(--color-border);backdrop-filter:var(--glass-blur)}.eq-actions .btn-secondary:hover{background:var(--color-surface-elevated);border-color:#a855f7;color:#a855f7;box-shadow:var(--shadow-md);transform:translateY(-2px)}.eq-actions .btn-primary{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border:0;box-shadow:var(--shadow-md),0 0 20px 5px rgba(124,58,237,.4)}.eq-actions .btn-primary:hover{box-shadow:var(--shadow-lg),0 0 25px 8px rgba(236,72,153,.5);transform:translateY(-2px) scale(1.02)}.eq-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.eq-modal{padding:24px 16px;width:96%;max-height:95vh}.eq-close-btn{top:16px;right:16px;width:32px;height:32px}.eq-header h2{font-size:1.35rem}.eq-canvas{height:140px}.eq-play-btn{width:48px;height:48px}.eq-play-btn svg{width:20px;height:20px}.eq-bands-container{min-height:200px;padding:20px 12px;gap:4px}.eq-band{gap:8px}.eq-band-value{font-size:.65rem;padding:2px 6px}.eq-slider{height:110px;width:5px}.eq-slider::-webkit-slider-thumb{width:18px;height:18px}.eq-slider::-moz-range-thumb{width:18px;height:18px}.eq-band-label{font-size:.65rem}.eq-band-value{font-size:.7rem}}.pitch-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0,rgba(124,58,237,.25) 100%),rgba(168,85,247,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:20px}[data-theme=dark] .pitch-overlay{background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.6) 100%),linear-gradient(135deg,rgba(124,58,237,.18),rgba(236,72,153,.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.pitch-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:32px;max-width:95%;width:800px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out;position:relative}[data-theme=dark] .pitch-modal{background:rgba(26,26,42,.95);border-color:rgba(168,85,247,.4);box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 40px rgba(168,85,247,.3)}.pitch-close-btn{position:absolute;top:20px;right:20px;background:var(--glass-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;backdrop-filter:var(--glass-blur)}.pitch-close-btn svg{width:18px;height:18px}.pitch-close-btn:hover{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:#a855f7;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px 5px rgba(168,85,247,.5)}.pitch-header{margin-bottom:24px;text-align:center}.pitch-header-title{display:flex;align-items:center;justify-content:center;gap:10px}.pitch-header h2{font-size:1.75rem;font-weight:700;background:linear-gradient(to right,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.pitch-header svg{flex-shrink:0}.pitch-visualizer-section{position:relative;margin-bottom:32px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(236,72,153,.1));border:1px solid rgba(168,85,247,.25)}[data-theme=dark] .pitch-visualizer-section{background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(236,72,153,.15));border-color:rgba(168,85,247,.4)}.pitch-canvas{width:100%;height:180px;display:block}.pitch-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:linear-gradient(135deg,#7c3aed,#ec4899);border:3px solid var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;box-shadow:var(--shadow-lg),0 0 20px 5px rgba(124,58,237,.4)}.pitch-play-btn:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:var(--shadow-xl),0 0 25px 8px rgba(236,72,153,.5)}.pitch-play-btn svg{width:24px;height:24px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pitch-play-btn.playing .play-icon{display:none}.pitch-play-btn.playing .pause-icon{display:block}.pitch-play-btn .pause-icon{display:none}.pitch-shifter-container{padding:40px 32px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(236,72,153,.08));border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-lg);margin-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:20px}[data-theme=dark] .pitch-shifter-container{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(236,72,153,.12));border-color:rgba(168,85,247,.4)}.pitch-value-display{font-size:3rem;font-weight:700;color:#7c3aed;text-align:center;min-width:140px;padding:8px 24px;background:var(--glass-bg);border:2px solid rgba(124,58,237,.3);border-radius:var(--radius-md);font-variant-numeric:tabular-nums}[data-theme=dark] .pitch-value-display{color:#a855f7;border-color:rgba(168,85,247,.5)}.pitch-slider-horizontal{appearance:none;-webkit-appearance:none;width:100%;max-width:600px;height:12px;background:linear-gradient(to right,rgba(124,58,237,.3),rgba(168,85,247,.4) 50%,rgba(236,72,153,.35));border-radius:var(--radius-full);outline:0;cursor:pointer;transition:all var(--transition-base);border:1px solid rgba(168,85,247,.3)}[data-theme=dark] .pitch-slider-horizontal{background:linear-gradient(to right,rgba(124,58,237,.5),rgba(168,85,247,.6) 50%,rgba(236,72,153,.5));border-color:rgba(168,85,247,.5)}.pitch-slider-horizontal:hover{transform:scaleY(1.3);background:linear-gradient(to right,rgba(124,58,237,.5),rgba(168,85,247,.6) 50%,rgba(236,72,153,.5))}[data-theme=dark] .pitch-slider-horizontal:hover{background:linear-gradient(to right,rgba(124,58,237,.7),rgba(168,85,247,.8) 50%,rgba(236,72,153,.7))}.pitch-slider-horizontal::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(135deg,#7c3aed,#ec4899);border:3px solid var(--color-surface);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md),0 0 15px 3px rgba(124,58,237,.5);transition:all var(--transition-base)}[data-theme=dark] .pitch-slider-horizontal::-webkit-slider-thumb{box-shadow:var(--shadow-md),0 0 15px 3px rgba(168,85,247,.6)}.pitch-slider-horizontal::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:var(--shadow-lg),0 0 20px 5px rgba(236,72,153,.6)}.pitch-slider-horizontal::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(135deg,#7c3aed,#ec4899);border:3px solid var(--color-surface);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md),0 0 15px 3px rgba(124,58,237,.5);transition:all var(--transition-base)}[data-theme=dark] .pitch-slider-horizontal::-moz-range-thumb{box-shadow:var(--shadow-md),0 0 15px 3px rgba(168,85,247,.6)}.pitch-slider-horizontal::-moz-range-thumb:hover{transform:scale(1.3);box-shadow:var(--shadow-lg),0 0 20px 5px rgba(236,72,153,.6)}.pitch-labels{display:flex;justify-content:space-between;width:100%;max-width:600px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);padding:0 4px}.pitch-description{font-size:.9rem;color:var(--color-text-secondary);text-align:center;max-width:500px}.pitch-actions{display:flex;justify-content:center;gap:16px;padding-top:8px}.pitch-actions button{padding:14px 36px;font-size:.95rem;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:0}.pitch-actions .btn-secondary{background:var(--glass-bg);color:var(--color-text);border:1px solid var(--color-border);backdrop-filter:var(--glass-blur)}.pitch-actions .btn-secondary:hover{background:var(--color-surface-elevated);border-color:#7c3aed;color:#7c3aed;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pitch-actions .btn-primary{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border:0;box-shadow:var(--shadow-md),0 0 20px 5px rgba(124,58,237,.4)}.pitch-actions .btn-primary:hover{box-shadow:var(--shadow-lg),0 0 25px 8px rgba(236,72,153,.5);transform:translateY(-2px) scale(1.02)}.pitch-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.speed-control-tabs{display:flex;gap:8px;margin:20px 0;padding:0 20px;border-bottom:2px solid var(--color-border)}.speed-tab{flex:1;padding:12px 20px;background:0 0;border:0;border-bottom:3px solid transparent;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;margin-bottom:-2px}.speed-tab:hover{background:rgba(168,85,247,.1);color:#a855f7}.speed-tab.active{color:#a855f7;border-bottom-color:#a855f7;font-weight:600}[data-theme=dark] .speed-tab{color:var(--color-text-bright)}[data-theme=dark] .speed-tab:hover{background:rgba(168,85,247,.15);color:#c084fc}[data-theme=dark] .speed-tab.active{color:#c084fc;border-bottom-color:#c084fc}.control-label{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 12px 0;display:block;text-align:center}[data-theme=dark] .control-label{color:var(--color-text-bright)}.tempo-container{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(59,130,246,.2)}[data-theme=dark] .tempo-container{border-bottom-color:rgba(96,165,250,.3)}.tempo-value-display{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(96,165,250,.15));color:#2563eb;border-color:rgba(59,130,246,.3)}[data-theme=dark] .tempo-value-display{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(96,165,250,.2));color:#60a5fa;border-color:rgba(96,165,250,.4)}.tempo-slider{background:linear-gradient(to right,rgba(59,130,246,.3),rgba(96,165,250,.4) 50%,rgba(147,197,253,.3))!important;border-color:rgba(59,130,246,.3)!important}[data-theme=dark] .tempo-slider{background:linear-gradient(to right,rgba(59,130,246,.4),rgba(96,165,250,.5) 50%,rgba(147,197,253,.4))!important;border-color:rgba(96,165,250,.5)!important}.tempo-slider:hover{background:linear-gradient(to right,rgba(59,130,246,.4),rgba(96,165,250,.5) 50%,rgba(147,197,253,.4))!important}[data-theme=dark] .tempo-slider:hover{background:linear-gradient(to right,rgba(59,130,246,.6),rgba(96,165,250,.7) 50%,rgba(147,197,253,.6))!important}.tempo-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;box-shadow:var(--shadow-md),0 0 15px 3px rgba(59,130,246,.5)!important}[data-theme=dark] .tempo-slider::-webkit-slider-thumb{box-shadow:var(--shadow-md),0 0 15px 3px rgba(96,165,250,.6)!important}.tempo-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg),0 0 20px 5px rgba(96,165,250,.6)!important}.tempo-slider::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;box-shadow:var(--shadow-md),0 0 15px 3px rgba(59,130,246,.5)!important}[data-theme=dark] .tempo-slider::-moz-range-thumb{box-shadow:var(--shadow-md),0 0 15px 3px rgba(96,165,250,.6)!important}.tempo-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-lg),0 0 20px 5px rgba(96,165,250,.6)!important}.pitch-link-container{margin:24px 0;padding:16px;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur)}[data-theme=dark] .pitch-link-container{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}.pitch-link-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0}.pitch-link-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#7c3aed}.pitch-link-text{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--color-text)}[data-theme=dark] .pitch-link-text{color:var(--color-text-bright)}.link-icon{opacity:.7;transition:all var(--transition-base)}.pitch-link-checkbox:checked~.pitch-link-text .link-icon{opacity:1;color:#7c3aed}.pitch-link-hint{margin-top:8px;font-size:.85rem;color:var(--color-text-secondary);font-style:italic;padding-left:32px}@media (max-width:768px){.pitch-modal{padding:24px 16px;width:96%;max-height:95vh}.pitch-close-btn{top:16px;right:16px;width:32px;height:32px}.pitch-header h2{font-size:1.35rem}.pitch-canvas{height:140px}.pitch-play-btn{width:48px;height:48px}.pitch-play-btn svg{width:20px;height:20px}.pitch-shifter-container{padding:28px 20px;gap:16px}.pitch-value-display{font-size:2.2rem;min-width:110px;padding:6px 20px}.pitch-slider-horizontal{height:10px}.pitch-slider-horizontal::-webkit-slider-thumb{width:24px;height:24px}.pitch-slider-horizontal::-moz-range-thumb{width:24px;height:24px}.pitch-labels{font-size:.75rem}.pitch-description{font-size:.8rem}}.trim-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0,rgba(168,85,247,.25) 100%),rgba(138,43,226,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:20px}[data-theme=dark] .trim-overlay{background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.6) 100%),linear-gradient(135deg,rgba(109,40,217,.18),rgba(168,85,247,.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.trim-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px;max-width:95%;width:800px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out;position:relative}[data-theme=dark] .trim-modal{background:rgba(26,26,42,.95);border-color:rgba(168,85,247,.4);box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 40px rgba(168,85,247,.3)}.trim-close-btn{position:absolute;top:16px;right:16px;background:var(--glass-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;backdrop-filter:var(--glass-blur)}.trim-close-btn svg{width:16px;height:16px}.trim-close-btn:hover{background:linear-gradient(135deg,#a855f7,#8a2be2);border-color:#a855f7;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px 5px rgba(168,85,247,.5)}.trim-header{margin-bottom:12px;text-align:center}.trim-header-title{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.trim-header h2{font-size:1.4rem;font-weight:700;background:linear-gradient(to right,#8a2be2,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.trim-header p{font-size:.85rem;color:var(--color-text-secondary);margin:0}.trim-icon{width:28px;height:28px;flex-shrink:0;color:var(--color-primary)}.trim-spectrum-section{position:relative;margin-bottom:12px;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,rgba(138,43,226,.12),rgba(168,85,247,.1));border:1px solid rgba(168,85,247,.25)}[data-theme=dark] .trim-spectrum-section{background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(168,85,247,.15));border-color:rgba(168,85,247,.4)}.trim-spectrum-canvas{width:100%;height:90px;display:block}.trim-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.7);z-index:15;backdrop-filter:blur(4px)}.trim-spinner{width:40px;height:40px;border:3px solid rgba(168,85,247,.3);border-top-color:#a855f7;border-radius:50%;animation:trim-spin .8s linear infinite}@keyframes trim-spin{to{transform:rotate(360deg)}}.trim-loading-text{color:var(--color-text);font-size:.9rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.trim-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:linear-gradient(135deg,#a855f7,#ec4899);border:2px solid var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;box-shadow:var(--shadow-lg),0 0 16px 4px rgba(168,85,247,.4)}.trim-play-btn:hover{transform:translate(-50%,-50%) scale(1.12);box-shadow:var(--shadow-xl),0 0 20px 6px rgba(236,72,153,.5)}.trim-play-btn svg{width:20px;height:20px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.trim-play-btn.playing .play-icon{display:none}.trim-play-btn.playing .pause-icon{display:block}.trim-play-btn .pause-icon{display:none}.trim-minimap-section{margin-bottom:12px}.trim-minimap-wrapper{position:relative}.trim-minimap{width:100%;height:140px;background:rgba(0,0,0,.2);border-radius:var(--radius-sm);border:1px solid rgba(138,43,226,.3);cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease}.trim-time-marker-start{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,rgba(168,85,247,.9),rgba(168,85,247,.7));z-index:5;pointer-events:none;transition:left .1s ease;box-shadow:0 0 8px rgba(168,85,247,.6)}.trim-time-marker-end{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,rgba(236,72,153,.9),rgba(236,72,153,.7));z-index:5;pointer-events:none;transition:left .1s ease;box-shadow:0 0 8px rgba(236,72,153,.6)}.trim-playback-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(255,255,255,.95),rgba(255,255,255,.8));z-index:10;pointer-events:none;left:0;opacity:0;transition:opacity .2s ease;box-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(168,85,247,.5)}.trim-playback-line.playing{opacity:1}[data-theme=light] .trim-minimap{background:rgba(138,43,226,.06);border-color:rgba(138,43,226,.3)}.trim-minimap:hover{border-color:rgba(138,43,226,.6);background:rgba(0,0,0,.3);box-shadow:0 0 12px rgba(138,43,226,.4)}[data-theme=light] .trim-minimap:hover{background:rgba(138,43,226,.12);border-color:rgba(138,43,226,.5);box-shadow:0 0 12px rgba(138,43,226,.3)}.trim-time-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;background:linear-gradient(135deg,rgba(138,43,226,.08),rgba(168,85,247,.06));border-radius:var(--radius-md);border:1px solid rgba(168,85,247,.2)}[data-theme=dark] .trim-time-labels{background:linear-gradient(135deg,rgba(138,43,226,.15),rgba(168,85,247,.12));border-color:rgba(168,85,247,.3)}.trim-time-label{display:flex;flex-direction:column;align-items:center;gap:4px}.trim-time-label span{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.trim-time-label strong{font-size:1.1rem;color:var(--color-text);font-family:monospace;font-weight:700}.trim-controls{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,rgba(138,43,226,.08),rgba(168,85,247,.06));border-radius:var(--radius-md);border:1px solid rgba(168,85,247,.2)}[data-theme=dark] .trim-controls{background:linear-gradient(135deg,rgba(138,43,226,.15),rgba(168,85,247,.12));border-color:rgba(168,85,247,.3)}.trim-controls label{display:block;font-size:.875rem;color:var(--color-text-secondary);font-weight:600;margin-bottom:8px;text-align:center}.trim-controls input[type=range]{width:100%;height:8px;background:linear-gradient(to right,rgba(138,43,226,.3),rgba(168,85,247,.4) 50%,rgba(168,85,247,.35));border-radius:var(--radius-full);outline:0;cursor:pointer;appearance:none;-webkit-appearance:none;border:1px solid rgba(168,85,247,.3);margin-bottom:8px}[data-theme=dark] .trim-controls input[type=range]{background:linear-gradient(to right,rgba(138,43,226,.5),rgba(168,85,247,.6) 50%,rgba(168,85,247,.5));border-color:rgba(168,85,247,.5)}.trim-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#8a2be2,#a855f7);border:2px solid var(--color-surface);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md),0 0 12px 2px rgba(138,43,226,.5);transition:all var(--transition-base)}.trim-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg),0 0 16px 4px rgba(168,85,247,.6)}.trim-controls input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#8a2be2,#a855f7);border:2px solid var(--color-surface);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md),0 0 12px 2px rgba(138,43,226,.5);transition:all var(--transition-base)}.trim-controls input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg),0 0 16px 4px rgba(168,85,247,.6)}#trim-segment-value{display:block;text-align:center;font-size:1.2rem;font-weight:700;color:var(--color-primary);font-family:monospace}.trim-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,rgba(138,43,226,.08),rgba(168,85,247,.06));border-radius:var(--radius-md);border:1px solid rgba(168,85,247,.2)}[data-theme=dark] .trim-controls{background:linear-gradient(135deg,rgba(138,43,226,.15),rgba(168,85,247,.12));border-color:rgba(168,85,247,.3)}.trim-time-control{display:flex;flex-direction:column;gap:6px}.trim-time-control label{font-size:.8rem;color:var(--color-text-secondary);font-weight:600}.trim-playback-controls{display:flex;align-items:center;gap:6px}.trim-playback-controls .time-range{flex:1}.trim-playback-controls .time-display{min-width:45px;text-align:center;font-size:.85rem;font-family:monospace;color:var(--color-text)}.trim-segment-control{display:flex;flex-direction:column;gap:6px}.trim-segment-control label{font-size:.8rem;color:var(--color-text-secondary);font-weight:600;display:flex;justify-content:space-between;align-items:center}.trim-segment-control label span{font-family:monospace;color:var(--color-text)}.trim-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.trim-actions .btn-secondary,.trim-actions .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base)}.trim-actions .btn-secondary{background:var(--color-border);color:var(--color-text);border:1px solid var(--color-border-hover)}.trim-actions .btn-secondary:hover{background:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.trim-actions .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow-primary)}.trim-actions svg{width:18px;height:18px}.btn-trim-warning{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(168,85,247,.2));border:1px solid rgba(138,43,226,.5);color:var(--color-text);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-left:8px}.btn-trim-warning svg{width:14px;height:14px}.btn-trim-warning:hover{background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(168,85,247,.3));border-color:rgba(138,43,226,.7);transform:scale(1.05);box-shadow:0 0 12px rgba(138,43,226,.4)}@media (max-width:768px){.trim-modal{padding:16px 12px;width:96%;max-height:95vh}.trim-close-btn{top:12px;right:12px;width:30px;height:30px}.trim-header h2{font-size:1.25rem}.trim-spectrum-canvas{height:80px}.trim-minimap{height:110px}.trim-actions{justify-content:stretch}.trim-actions .btn-secondary,.trim-actions .btn-primary{flex:1}.trim-controls{gap:10px;padding:10px}.trim-playback-controls{flex-wrap:wrap}}.warning-message:not(:empty){display:block}.normalize-separate-row{display:flex;gap:12px;align-items:stretch;margin-top:12px}.control-card{flex:1;display:flex;flex-direction:column;padding:12px;background:rgba(255,255,255,.03);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:8px}.control-card .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.control-card .checkbox-label .control-title{font-size:14px;font-weight:500;color:var(--color-text)}.control-card .btn-separate{width:100%;font-size:13px;padding:10px 12px;gap:6px;background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(168,85,247,.2));border:1px solid rgba(138,43,226,.5);transition:all .2s ease}.control-card .btn-separate:hover{background:linear-gradient(135deg,rgba(138,43,226,.4),rgba(168,85,247,.3));transform:translateY(-1px)}.control-card .btn-separate svg{width:16px;height:16px}.control-description{font-size:11px;color:rgba(255,255,255,.6);margin:0;line-height:1.4}#upload-tab.compact .waveform-display{height:90px;border-radius:var(--radius-xs);margin-bottom:6px;position:relative}.waveform-start-marker{position:absolute;top:0;bottom:0;width:3px;background:#0f8;box-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.4);z-index:15;pointer-events:none;transition:left .2s ease}.waveform-start-marker::before{content:"START";position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#0f8;color:#000;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;letter-spacing:.5px}.waveform-end-marker{position:absolute;top:0;bottom:0;width:3px;background:#ff3b30;box-shadow:0 0 10px rgba(255,59,48,.8),0 0 20px rgba(255,59,48,.4);z-index:15;pointer-events:none;transition:left .2s ease}.waveform-end-marker::before{content:"END";position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#ff3b30;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;letter-spacing:.5px}#record-advanced-controls .play-pause-btn{width:28px;height:28px;background:rgba(138,43,226,.3);border:1px solid rgba(138,43,226,.5);border-radius:var(--radius-sm);transition:all .2s ease;padding:6px}#record-advanced-controls .play-pause-btn:hover{background:rgba(138,43,226,.5);transform:scale(1.05)}#record-advanced-controls .play-pause-btn svg{width:12px;height:12px}#record-advanced-controls .waveform-time{font-size:10px;color:rgba(255,255,255,.8);font-weight:500}#record-tab.compact #record-advanced-toggle{display:none}#record-tab.compact #record-time-slider-section{display:none}#record-tab.compact .waveform-controls{display:flex;align-items:center;gap:8px}#record-tab.compact .waveform-display{height:90px;border-radius:var(--radius-xs);margin-bottom:6px;position:relative}#record-tab.compact .advanced-section{margin-top:0}#upload-tab.compact .waveform-controls{display:flex;align-items:center;gap:8px}#upload-tab.compact .play-pause-btn{width:28px;height:28px;background:rgba(138,43,226,.3);border:1px solid rgba(138,43,226,.5);border-radius:var(--radius-sm);transition:all .2s ease}#upload-tab.compact .play-pause-btn:hover{background:rgba(138,43,226,.5);transform:scale(1.05)}#upload-tab.compact .play-pause-btn svg{width:12px;height:12px}#upload-tab.compact .waveform-time{font-size:10px;color:rgba(255,255,255,.8);font-weight:500}.controls label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.time-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.time-inputs{display:flex;align-items:center;gap:var(--spacing-xs)}.time-inputs input{width:60px;padding:var(--spacing-sm);background:var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--color-border-hover);transition:all var(--transition-base)}.time-inputs input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(138,43,226,.2)}.time-inputs span{color:var(--color-text-secondary)}#time-slider{flex:1;height:4px;background:var(--color-border-hover);border-radius:var(--radius-full);outline:0}#time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer}#time-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:0}#time-display{font-size:.875rem;color:var(--color-text);min-width:50px;text-align:center}.record-area{text-align:center;padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%}.record-area .slider-control{width:100%;max-width:350px}.btn-record{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:rgba(220,38,38,.2);border:2px solid rgba(220,38,38,.5);color:#fca5a5;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}[data-theme=light] .btn-record{background:rgba(220,38,38,.15);border-color:rgba(185,28,28,.6);color:#b91c1c}.btn-record svg{width:20px;height:20px}.btn-record:hover{background:rgba(220,38,38,.3);border-color:rgba(220,38,38,.7);transform:scale(1.03)}.btn-record:active{transform:scale(.98)}.record-instruction{font-size:.8rem;color:var(--color-text-secondary);margin:0}.record-progress{margin-top:var(--spacing-md)}#waveform{width:100%;height:120px;border-radius:var(--radius-md);background:rgba(0,0,0,.2)}.timer{margin-top:var(--spacing-sm);font-size:1rem;color:var(--color-text);font-weight:600}.button-wrapper{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);display:flex;justify-content:center}.results{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur)}.messages-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none}@media (max-width:768px){.messages-container{left:10px;right:10px;transform:translateX(0);max-width:none}}.message{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);animation:toastSlideIn .3s ease;pointer-events:auto;box-shadow:0 4px 12px rgba(0,0,0,.3);backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s ease}.message:hover{transform:translateY(-2px)}.message.error{background:rgba(220,38,38,.2);border:1px solid rgba(220,38,38,.5);color:#fecaca}.message.info{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.5);color:#bfdbfe}.message.success{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.5);color:#bbf7d0}[data-theme=light] .message.error{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.4);color:#b91c1c}[data-theme=light] .message.info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.4);color:#1e40af}[data-theme=light] .message.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.4);color:#15803d}.message-close{background:0 0;color:inherit;padding:var(--spacing-xs);font-size:1.25rem;line-height:1;opacity:.7}.message-close:hover{opacity:1}@keyframes toastSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.footer-notice{margin-top:-10px;text-align:center;font-size:.7rem;color:var(--color-text-secondary)}.footer-notice .link{color:var(--color-secondary);font-weight:500}[data-theme=light] .footer-notice .link{color:#be185d;font-weight:600}.footer-notice .link:hover{text-decoration:underline}[data-theme=light] .footer-notice .link:hover{color:#9f1239}.theme-toggle-switch{background:linear-gradient(135deg,rgba(155,135,245,.1),rgba(168,85,247,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(155,135,245,.2);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 15px rgba(138,43,226,.15);line-height:1;transition:all var(--transition-base)}[data-theme=dark] .theme-toggle-switch{background:linear-gradient(135deg,rgba(138,43,226,.15),rgba(168,85,247,.15));border-color:rgba(138,43,226,.3);box-shadow:0 4px 15px rgba(138,43,226,.2)}.theme-toggle-switch:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(138,43,226,.25);border-color:rgba(155,135,245,.4)}[data-theme=dark] .theme-toggle-switch:hover{box-shadow:0 6px 20px rgba(138,43,226,.35);border-color:rgba(138,43,226,.5)}.theme-input{display:none}.icon{grid-column:1/1;grid-row:1/1;transition:transform 500ms ease;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.icon--moon{transition-delay:200ms}.icon--moon svg{width:22px;height:22px}.icon--sun{transform:scale(0)}.icon--sun svg{width:20px;height:20px}#theme-switch:checked+.icon--moon{transform:rotate(360deg) scale(0)}#theme-switch:checked~.icon--sun{transition-delay:200ms;transform:scale(1) rotate(360deg)}@media (max-width:768px){.tab-content{padding:var(--spacing-md)}.tabs{border-bottom-width:1px}.tab{padding:8px 8px;font-size:.8rem}.sliders-row{grid-template-columns:1fr;gap:8px}.slider-with-inline-button{gap:6px}.btn-slider-inline{padding:4px 10px;font-size:.7rem}.btn-action-compact{min-height:60px;padding:8px 6px;font-size:.75rem}.btn-action-compact svg{width:24px;height:24px}.btn-action-wide{padding:10px 12px;font-size:.85rem}.upload-area{padding:var(--spacing-lg)}.time-controls{flex-wrap:wrap}.button-wrapper{padding:var(--spacing-md) var(--spacing-lg)}.playback-controls{gap:4px}.playback-btn{width:32px;height:32px;padding:6px}.playback-btn-small{width:28px;height:28px;padding:5px}#time-display{min-width:45px;font-size:.75rem}.recognition-form{padding:var(--spacing-md)}.time-slider-section{margin-top:var(--spacing-sm)}.time-label{font-size:.75rem}}@media (max-width:480px){.tab-content{padding:var(--spacing-sm)}.tab{padding:6px 6px;font-size:.75rem}.playback-btn{width:28px;height:28px;padding:4px}.playback-btn-small{width:24px;height:24px;padding:4px}.playback-controls{gap:2px}#time-display{min-width:40px;font-size:.7rem}.time-label{font-size:.7rem}}@media (max-width:360px){.tab-content{padding:8px}.tab{padding:5px 4px;font-size:.7rem}.playback-btn{width:24px;height:24px;padding:3px}.playback-btn-small{width:20px;height:20px;padding:2px}.playback-controls{gap:1px}#time-display{min-width:35px;font-size:.65rem}.time-label{font-size:.65rem;margin-bottom:4px}.time-slider-section{margin-top:8px}.recognition-form{padding:8px}.playback-controls{flex-wrap:nowrap}#time-slider{min-width:0;flex:1}}@media (max-width:320px){.tab{padding:4px 3px;font-size:.65rem}.playback-btn{width:22px;height:22px;padding:2px}.playback-btn-small{width:18px;height:18px;padding:2px}.playback-btn svg{width:100%;height:100%}#time-display{min-width:32px;font-size:.6rem}.time-label{font-size:.6rem}.tab-content{padding:6px}.recognition-form{padding:6px}}.ezoic-ad-slot{display:flex;justify-content:center;margin:32px auto;width:100%}.ezoic-ad-slot--top{margin-top:24px}.ezoic-ad-slot--incontent{margin-top:48px}.ra-prompt-overlay{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:raFadeIn .2s ease-out}@keyframes raFadeIn{0%{opacity:0}to{opacity:1}}.ra-prompt-modal{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:90%;text-align:center}.ra-prompt-title{margin:0 0 12px;font-size:1.15rem;color:var(--color-text)}.ra-prompt-body{margin:0 0 24px;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.ra-prompt-buttons{display:flex;gap:12px;justify-content:center}.ra-prompt-btn{padding:10px 24px;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all var(--transition-base);touch-action:manipulation}.ra-prompt-cancel{border:1px solid var(--glass-border);background:0 0;color:var(--color-text)}.ra-prompt-cancel:hover{border-color:var(--color-text-secondary)}.ra-prompt-accept{border:0;background:var(--color-primary);color:#fff;font-weight:600}.ra-prompt-accept:hover{filter:brightness(1.1)}
.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);margin-top:var(--spacing-xl)}.loader-spinner{width:60px;height:60px;border:4px solid rgba(138,43,226,.2);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:1rem;color:#fff;font-weight:500;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loader-spinner.pulse{border:0;background:var(--gradient-primary-secondary);animation:pulseSpin 1.5s ease-in-out infinite}@keyframes pulseSpin{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.loader-dots{display:flex;gap:var(--spacing-sm)}.loader-dot{width:12px;height:12px;background:var(--color-primary);border-radius:var(--radius-full);animation:dotBounce 1.4s ease-in-out infinite}.loader-dot:nth-child(1){animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}
.overlay-card{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:99999;display:none;align-items:flex-start;justify-content:center;padding:20px;animation:backdropFadeIn .3s ease-out;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.overlay-card.active{display:flex}.overlay-card .overlay-content{position:relative;background:linear-gradient(135deg,rgba(20,25,35,.98)0,rgba(25,30,40,.98) 50%,rgba(30,20,40,.98) 100%);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(138,43,226,.3);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(138,43,226,.1) inset,0 5px 30px rgba(138,43,226,.15);padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + 50px);animation:cardSlideUp .4s ease-out;width:100%;max-width:650px;min-height:350px;overflow-y:visible;margin:60px auto;text-align:center;flex-shrink:0}@media (max-width:768px){.overlay-card{padding-bottom:200px}.overlay-card .overlay-content{max-width:500px;min-width:280px;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 50px);min-height:300px;margin:50px auto}}@media (max-width:480px){.overlay-card{padding:10px;padding-bottom:200px}.overlay-card .overlay-content{min-width:260px;padding:var(--spacing-sm);padding-top:calc(var(--spacing-sm) + 50px);margin:40px auto}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-close{position:fixed;top:70px;right:calc(50% - 325px + var(--spacing-md));width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:100000}@media (max-width:768px){.overlay-close{right:5vw;top:60px}}@media (max-width:480px){.overlay-close{top:50px}}.overlay-close.visible{display:flex}.overlay-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.overlay-close svg{width:20px;height:20px}.music-loader{--fill-color:var(--color-primary);--shine-color:rgba(146, 93, 175, 0.2);width:80px;min-height:80px;position:relative;filter:drop-shadow(0 0 20px var(--shine-color));margin:var(--spacing-xl) auto;display:flex;flex-direction:column;align-items:center}.music-loader svg{position:absolute;width:80px;height:80px;left:0;top:0}.music-loader #pegtopone{position:absolute;animation:flowe-one 1s linear infinite}.music-loader #pegtoptwo{position:absolute;opacity:0;transform:scale(0) translateY(-200px) translateX(-100px);animation:flowe-two 1s linear infinite;animation-delay:.3s}.music-loader #pegtopthree{position:absolute;opacity:0;transform:scale(0) translateY(-200px) translateX(100px);animation:flowe-three 1s linear infinite;animation-delay:.6s}.music-loader svg g path:first-child{fill:var(--fill-color)}.loader-message{display:none;margin-top:calc(80px + var(--spacing-lg));text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;opacity:.9;width:200px}@keyframes flowe-one{0%{transform:scale(.5) translateY(-100px);opacity:0}25%{transform:scale(.75) translateY(-50px);opacity:1}50%{transform:scale(1) translateY(0);opacity:1}75%{transform:scale(.5) translateY(25px);opacity:1}to{transform:scale(0) translateY(50px);opacity:0}}@keyframes flowe-two{0%{transform:scale(.5) rotateZ(-10deg) translateY(-100px) translateX(-50px);opacity:0}25%{transform:scale(1) rotateZ(-5deg) translateY(-50px) translateX(-25px);opacity:1}50%{transform:scale(1) rotateZ(0deg) translateY(0) translateX(-12px);opacity:1}75%{transform:scale(.5) rotateZ(5deg) translateY(25px) translateX(0);opacity:1}to{transform:scale(0) rotateZ(10deg) translateY(50px) translateX(12px);opacity:0}}@keyframes flowe-three{0%{transform:scale(.5) rotateZ(10deg) translateY(-100px) translateX(50px);opacity:0}25%{transform:scale(1) rotateZ(5deg) translateY(-50px) translateX(25px);opacity:1}50%{transform:scale(1) rotateZ(0deg) translateY(0) translateX(12px);opacity:1}75%{transform:scale(.5) rotateZ(-5deg) translateY(25px) translateX(0);opacity:1}to{transform:scale(0) rotateZ(-10deg) translateY(50px) translateX(-12px);opacity:0}}.overlay-result{width:100%;animation:resultSlideUp .4s ease-out;position:relative}@keyframes resultSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.overlay-result .image-container{position:relative;display:inline-block}.overlay-result img{width:100%;max-width:280px;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);box-shadow:0 8px 32px rgba(0,0,0,.3)}.overlay-result h2{color:#fff;font-size:1.75rem;margin-bottom:var(--spacing-xs)}.overlay-result .artist{color:var(--color-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.overlay-result .metadata{color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.overlay-result .metadata p{margin:.25rem 0}.copy-info-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(0,0,0,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;transition:all var(--transition-base);z-index:100001}.copy-info-btn:hover{background:rgba(0,0,0,.85);border-color:var(--color-primary);transform:scale(1.05)}.copy-info-btn svg{width:14px;height:14px}.copy-info-btn.copied{background:rgba(76,175,80,.9);border-color:#4caf50}body.overlay-active{overflow:hidden}.url-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:none;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:backdropFadeIn .3s ease-out}.url-overlay.active{display:flex}.url-overlay-close{position:fixed;top:16px;right:16px;z-index:100000;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.url-overlay-close:hover{background:rgba(255,255,255,.15)}.url-overlay-close svg{width:18px;height:18px}.overlay-ad-slot{display:flex;justify-content:center;width:100%}#url-pegtopone{animation:flowe-one 1s linear infinite}#url-pegtoptwo{opacity:0;transform:scale(0) translateY(-200px) translateX(-100px);animation:flowe-two 1s linear infinite;animation-delay:.3s}#url-pegtopthree{opacity:0;transform:scale(0) translateY(-200px) translateX(100px);animation:flowe-three 1s linear infinite;animation-delay:.6s}.url-overlay-content{width:100%;max-width:480px;margin-top:40px;display:flex;flex-direction:column;gap:20px;align-items:center}.url-overlay-result{width:100%}.url-overlay-result .overlay-result{background:linear-gradient(135deg,rgba(20,25,35,.98)0,rgba(25,30,40,.98) 50%,rgba(30,20,40,.98) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255,255,255,0.08));border-radius:var(--radius-lg, 16px);padding:32px;text-align:center}@media (max-width:600px){.url-overlay{padding-bottom:200px}.url-overlay-content{margin-top:20px;max-width:100%}.url-overlay-result .overlay-result{padding:20px}}
.hero-section{text-align:center;margin-bottom:var(--spacing-xl);padding-top:var(--spacing-md)}.hero-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#60a5fa 0,#a78bfa 50%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-md)0;line-height:1.2}[data-theme=light] .hero-title{background:linear-gradient(135deg,#6b46c1 0,#be185d 50%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-md)0;max-width:600px;margin-left:auto;margin-right:auto}.hero-description{font-size:.975rem;color:var(--color-text-secondary);line-height:1.7;max-width:680px;margin:0 auto var(--spacing-lg);text-align:center}.hero-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:var(--spacing-lg)}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat-number{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#60a5fa 0,#a78bfa 50%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-stat-number{background:linear-gradient(135deg,#6b46c1 0,#be185d 50%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.85rem;color:var(--color-text-secondary)}.hero-stat-divider{width:1px;height:40px;background:var(--glass-border)}.hero-stat-period{width:100%;font-size:.75rem;color:var(--color-text-secondary);opacity:.7;text-align:center;margin-top:-8px}.hero-cta{display:inline-block;padding:14px 32px;font-size:1.05rem;font-weight:600;border-radius:12px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(138,43,226,.3)}.overview-section{margin-bottom:var(--spacing-xl)}.overview-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.overview-step{padding:var(--spacing-lg);border-radius:16px;text-align:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all var(--transition-slow)}.overview-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.overview-step-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--color-primary, #a78bfa)}.overview-step-icon svg{width:100%;height:100%}.overview-step-title{font-size:1.15rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)0}[data-theme=light] .overview-step-title{color:#1e1b4b}.overview-step-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.tool-cards-section{padding:var(--spacing-xl)0}.tool-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.tool-card{padding:var(--spacing-lg);border-radius:16px;text-align:center;transition:all var(--transition-slow)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.tool-card-icon{width:40px;height:40px;margin:0 auto var(--spacing-md);color:var(--color-primary, #a78bfa)}.tool-card-icon svg{width:100%;height:100%}.tool-card-title{font-size:1.05rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)0}[data-theme=light] .tool-card-title{color:#1e1b4b}.tool-card-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-stat-number{font-size:1.4rem}.hero-stat-divider{height:30px}.overview-steps{grid-template-columns:1fr;gap:var(--spacing-md)}.overview-step{padding:var(--spacing-md)}.tool-cards-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (max-width:480px){.tool-cards-grid{grid-template-columns:1fr}}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}#recognition-form{scroll-margin-top:80px}.section-title{font-size:2.5rem;font-weight:700;background:var(--gradient-primary-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-md)0}[data-theme=light] .section-title{background:linear-gradient(135deg,#6b46c1 0,#be185d 50%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.how-it-works-section{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-md);background:var(--color-background)}.how-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.how-tab{padding:var(--spacing-sm) var(--spacing-xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--color-text-secondary);font-weight:600;font-size:.875rem;border-radius:var(--radius-lg);transition:all var(--transition-slow);cursor:pointer}.how-tab:hover{color:var(--color-text);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.how-tab.active{background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(168,85,247,.2));border-color:var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-glow-primary)}.how-steps-container{position:relative;min-height:400px}.how-steps{display:none;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);animation:fadeInUp .3s ease-out}.how-steps.active{display:grid}.step-card{position:relative;padding:var(--spacing-xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-slow);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.step-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--color-primary)}.step-number{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary-secondary);border-radius:var(--radius-full);font-size:1.25rem;font-weight:700;color:var(--color-text);opacity:.8}.step-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(168,85,247,.1));border:2px solid var(--color-primary);border-radius:var(--radius-full);margin-top:var(--spacing-md)}.step-icon svg{width:40px;height:40px;color:var(--color-primary)}.step-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}[data-theme=light] .step-title{color:#1e1b4b}.step-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.features-section{position:relative;padding:var(--spacing-lg)0;background:var(--color-surface)}.features-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--color-background) 0%,transparent 15%,transparent 85%,var(--color-background) 100%)}.features-section>.container{position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}@media (min-width:1025px){.features-grid{grid-template-columns:repeat(6,1fr)}.features-grid .feature-card:nth-child(1){grid-column:1/3}.features-grid .feature-card:nth-child(2){grid-column:3/5}.features-grid .feature-card:nth-child(3){grid-column:5/7}.features-grid .feature-card:nth-child(4){grid-column:2/4}.features-grid .feature-card:nth-child(5){grid-column:4/6}}@media (min-width:769px) and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.features-grid .feature-card:nth-child(5){grid-column:1/-1;max-width:500px;justify-self:center}}.feature-card{position:relative;padding:var(--spacing-xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-slow);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}.feature-card:hover{transform:scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--color-primary)}.feature-card:hover .feature-visual svg{transform:scale(1.05)}.feature-visual{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(138,43,226,.05),rgba(168,85,247,.05));border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);overflow:hidden}.feature-visual svg{width:100%;height:100%;transition:transform var(--transition-slow)}.feature-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}[data-theme=light] .feature-title{color:#1e1b4b}.feature-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.faq-section{padding:var(--spacing-lg)0;background:var(--color-background)}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-question{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:0 0;color:var(--color-text);font-size:1rem;font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-base);border:0}.faq-question:hover{color:var(--color-primary)}.faq-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1)}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.faq-item{transition:transform var(--transition-base)}.faq-item.open{transform:scale(1.01)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}.faq-item.open .faq-answer{max-height:500px;padding:0 var(--spacing-xl) var(--spacing-lg);opacity:1}.faq-answer p{margin:0;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;transform:translateY(0);transition:transform .3s ease}.faq-item:not(.open) .faq-answer p{transform:translateY(-10px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.how-steps.active .step-card:nth-child(1){animation-delay:0ms}.how-steps.active .step-card:nth-child(2){animation-delay:50ms}.how-steps.active .step-card:nth-child(3){animation-delay:100ms}.step-card{animation:fadeInUp .3s ease-out backwards}@media (max-width:1024px){.section-title{font-size:2rem}.how-steps{grid-template-columns:1fr;gap:var(--spacing-lg)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}}@media (max-width:768px){.section-header{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.how-it-works-section,.features-section,.faq-section{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xl)}.how-tab{padding:var(--spacing-xs) var(--spacing-lg);font-size:.8125rem}.step-card,.feature-card{padding:var(--spacing-lg)}.step-icon{width:64px;height:64px}.step-icon svg{width:32px;height:32px}.step-number{width:40px;height:40px;font-size:1rem}.step-title,.feature-title{font-size:1.125rem}.step-description,.feature-description{font-size:.875rem}.faq-question{padding:var(--spacing-md) var(--spacing-lg);font-size:.9375rem}.faq-item.open .faq-answer{padding:0 var(--spacing-lg) var(--spacing-md)}.faq-answer p{font-size:.875rem}}@media (max-width:480px){.section-title{font-size:1.5rem}.section-subtitle{font-size:.9375rem}.how-tabs{gap:var(--spacing-xs)}.how-tab{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem}.step-card,.feature-card{padding:var(--spacing-md)}.step-icon{width:56px;height:56px}.step-icon svg{width:28px;height:28px}.step-number{width:36px;height:36px;font-size:.875rem;top:var(--spacing-sm);right:var(--spacing-sm)}.feature-visual{height:120px}.faq-question{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.faq-icon{width:20px;height:20px}.faq-item.open .faq-answer{padding:0 var(--spacing-md) var(--spacing-sm)}.faq-answer p{font-size:.8125rem}}