:root{--bg-dark:#030304;--bg-card:rgba(12,12,14,.7);--bg-card-hover:rgba(18,18,21,.9);--primary:#6366f1;--primary-dim:rgba(99,102,241,.05);--primary-glow:rgba(99,102,241,.4);--text-main:#fff;--text-muted:#94949e;--border-light:hsla(0,0%,100%,.06);--border-hover:rgba(99,102,241,.3);--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--ease-elastic:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.noise-bg{top:0;left:0;width:100%;height:100%;z-index:9999;opacity:.035;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glow-orb,.noise-bg{position:fixed;pointer-events:none}.glow-orb{width:60vh;height:60vh;background:radial-gradient(circle,var(--primary-glow) 0,transparent 70%);filter:blur(100px);z-index:-1;opacity:.4;transition:all 2s ease}.orb-1{top:-15%;right:-15%;animation:breathe 8s ease-in-out infinite alternate}.orb-2{bottom:-15%;left:-15%;background:radial-gradient(circle,rgba(99,102,241,.2) 0,transparent 70%);animation:breathe 12s ease-in-out infinite alternate-reverse}@keyframes breathe{0%{transform:scale(1) translate(0);opacity:.4}to{transform:scale(1.2) translate(-20px,20px);opacity:.2}}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-main);font-weight:700;letter-spacing:-.03em}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.text-gradient{background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s var(--ease-smooth);position:relative;overflow:hidden;z-index:1;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 0 1px rgba(99,102,241,.5),0 10px 30px -10px rgba(99,102,241,.5)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transform:skewX(-20deg);transition:.5s;z-index:-1}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--primary),0 15px 40px -10px rgba(99,102,241,.7)}.btn-primary:hover:after{left:200%;transition:.7s}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{background:hsla(0,0%,100%,.02);border:1px solid var(--border-light);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:hsla(0,0%,100%,.08);border-color:#fff;transform:translateY(-3px)}.navbar{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:90%;max-width:1200px;z-index:1000;padding:12px 24px;transition:all .4s var(--ease-smooth);background:rgba(3,3,4,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:100px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:0}.logo{font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-decoration:none;color:#fff;letter-spacing:-.02em}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .3s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px;position:relative;overflow:hidden}.hero-text h1{font-size:clamp(2.8rem,7vw,6rem);line-height:1.05;margin-bottom:24px;background:linear-gradient(180deg,#fff 40%,hsla(0,0%,100%,.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);max-width:580px;margin-bottom:40px;line-height:1.7}.hero-btns{display:flex;gap:16px;margin-top:32px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:100px;font-size:.75rem;color:var(--primary);margin-bottom:32px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;position:relative;overflow:hidden}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}20%{left:100%}to{left:100%}}.status-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 2px rgba(99,102,241,.2);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(99,102,241,.6)}70%{box-shadow:0 0 0 6px rgba(99,102,241,0)}to{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;overflow:hidden;position:relative;transition:all .4s var(--ease-smooth);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(99,102,241,.08),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:2}.card:hover:after{opacity:1}.card:hover{border-color:var(--border-hover);transform:translateY(-5px) scale(1.01);box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}.tool-section{padding:120px 0 60px}.how-section{padding:120px 0}.api-section{padding:0 0 120px}.section-header{margin-bottom:70px}.section-header h4{font-size:.8rem;letter-spacing:.1em;color:var(--primary);margin-bottom:12px;text-transform:uppercase}.section-header h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:16px}.tool-card{padding:40px}.tool-inner{display:flex;flex-direction:column;gap:20px;position:relative;z-index:3}.search-row{display:flex;gap:16px}#query-input{flex:1 1;background:rgba(3,3,4,.6);border:1px solid var(--border-light);padding:18px;border-radius:12px;color:#fff;font-family:inherit;font-size:.95rem;transition:.3s;outline:none}#query-input:focus{border-color:var(--primary);background:rgba(3,3,4,.9);box-shadow:0 0 0 4px rgba(99,102,241,.1)}#query-input::placeholder{color:hsla(240,5%,60%,.6)}.status-line{color:var(--text-muted);font-size:.9rem}.status-line code{background:hsla(0,0%,100%,.06);padding:2px 8px;border-radius:6px;font-size:.85em;color:#c9c9d4}.loading{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.9rem}.spinner{width:18px;height:18px;border:2px solid rgba(99,102,241,.3);border-top:2px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-box{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);padding:14px 18px;border-radius:12px;color:#f87171;font-size:.9rem}.results-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;align-items:center;gap:16px;text-align:left;background:hsla(0,0%,100%,.02);border:1px solid var(--border-light);border-radius:12px;padding:14px 18px;cursor:pointer;color:#fff;font-family:inherit;font-size:.95rem;transition:all .25s var(--ease-smooth)}.result-item:hover{background:rgba(99,102,241,.08);border-color:var(--border-hover);transform:translateX(4px)}.ri-num{font-family:var(--font-display);color:var(--primary);font-size:.9rem;font-weight:700}.ri-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ri-title{font-weight:600}.ri-artist,.ri-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ri-artist{color:var(--text-muted);font-size:.8rem}.download-result .dl-card{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(99,102,241,.02));border:1px solid rgba(99,102,241,.25);padding:24px;border-radius:16px}.dl-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.dl-artist{color:var(--text-muted);font-size:.9rem;margin-top:-6px}.dl-actions{display:flex;gap:12px;margin-top:10px}.dl-note{color:var(--text-muted);font-size:.78rem;margin-top:6px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.step-card{padding:32px;gap:0}.step-num{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(99,102,241,.6);margin-bottom:16px}.step-card h3{font-size:1.2rem;margin-bottom:10px}.step-card p{color:var(--text-muted);font-size:.9rem}.api-card{padding:8px 32px;gap:0}.api-block{padding:26px 0;border-bottom:1px solid var(--border-light)}.api-block:last-child{border-bottom:none}.api-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.method{font-family:var(--font-display);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;background:rgba(34,197,94,.12);color:#4ade80;letter-spacing:.05em}.method-post{background:rgba(99,102,241,.12);color:#a5b4fc}.api-block code{font-family:SF Mono,Fira Code,monospace;font-size:.9rem;color:#e5e5ee}.api-block p{color:var(--text-muted);font-size:.88rem}.api-block p code{background:hsla(0,0%,100%,.06);padding:1px 6px;border-radius:4px;font-size:.82em;color:#c9c9d4}footer{padding:40px 0;border-top:1px solid var(--border-light);text-align:center;color:var(--text-muted);font-size:.85rem;background:rgba(0,0,0,.3)}.hidden{display:none!important}.arrow{font-family:inherit}.player-dock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(960px,calc(100% - 24px));z-index:1100;background:rgba(3,3,4,.75);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.9);padding:12px 16px;animation:dock-in .35s var(--ease-smooth)}@keyframes dock-in{0%{transform:translateX(-50%) translateY(24px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.player-inner{display:flex;align-items:center;gap:14px}.player-art{position:relative;width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;background:rgba(99,102,241,.15)}.player-art img{width:100%;height:100%;object-fit:cover;display:block}.player-art-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.25),transparent 60%)}.player-meta{min-width:0;flex:1 1 160px}.player-title{font-family:var(--font-display);font-weight:700;font-size:.95rem}.player-artist,.player-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{color:var(--text-muted);font-size:.8rem}.player-controls{gap:6px;flex-shrink:0}.pbtn,.player-controls{display:flex;align-items:center}.pbtn{background:hsla(0,0%,100%,.06);border:1px solid var(--border-light);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:.9rem;justify-content:center;transition:all .2s}.pbtn:hover{background:rgba(99,102,241,.25);border-color:var(--border-hover)}.pbtn-main{width:44px;height:44px;font-size:1.05rem;background:var(--primary);border-color:var(--primary);box-shadow:0 6px 18px -6px rgba(99,102,241,.6)}.player-seek{display:flex;align-items:center;gap:8px;flex:1 1 220px;min-width:120px}.ptime{color:var(--text-muted);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.seek-bar{flex:1 1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:4px;background:hsla(0,0%,100%,.12);outline:none;cursor:pointer}.seek-bar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px rgba(99,102,241,.7)}.player-vol{display:flex;align-items:center;gap:6px;flex-shrink:0}.vicon{font-size:.85rem}.vol-bar{width:70px;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:4px;background:hsla(0,0%,100%,.12);outline:none;cursor:pointer}.vol-bar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#fff}.dock-close{background:transparent;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;padding:6px;border-radius:8px;flex-shrink:0}.dock-close:hover{color:#fff;background:hsla(0,0%,100%,.08)}.ri-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0}.ri-actions{margin-left:auto;flex-shrink:0}.ri-play{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-size:.8rem;transition:all .2s var(--ease-elastic)}.ri-play:hover{background:var(--primary);color:#fff;transform:scale(1.12);box-shadow:0 0 16px rgba(99,102,241,.5)}@media (max-width:720px){.player-dock{bottom:8px;padding:10px 12px;border-radius:14px}.player-inner{flex-wrap:wrap;row-gap:8px}.player-art{width:44px;height:44px}.player-meta{flex-basis:calc(100% - 200px)}.player-seek{order:5;flex-basis:100%}.dock-close,.player-vol{display:none}.pbtn{width:32px;height:32px;font-size:.8rem}.pbtn-main{width:38px;height:38px}}.docs-main{position:relative}.inline-code{background:hsla(0,0%,100%,.06);padding:2px 8px;border-radius:6px;font-size:.85em;color:#c9c9d4}.code-block{background:rgba(3,3,4,.8);border:1px solid var(--border-light);border-radius:12px;padding:18px 20px;margin-top:14px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:#d4d4dc;overflow-x:auto;line-height:1.6;white-space:pre}.example-label{color:var(--primary);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.badge-direct{font-size:.68rem;padding:3px 10px;border-radius:6px;background:rgba(99,102,241,.15);color:#a5b4fc;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width:900px){.navbar{top:0;width:100%;border-radius:0;border-top:none;padding:16px 24px;max-width:100%;border-left:none;border-right:none}.nav-links li:not(:last-child){display:none}.nav-links{gap:16px}.nav-links li:last-child a{padding:8px 20px;border-radius:100px;background:var(--primary);color:#fff;font-weight:600}.tool-card{padding:24px}.search-row{flex-direction:column}.steps-grid{grid-template-columns:1fr;gap:20px}.hero-btns{flex-direction:column;width:100%}.btn{width:100%}}@media (max-width:480px){.container{padding:0 20px}.hero-text h1{font-size:2.8rem}h2{font-size:2rem}.dl-actions{flex-direction:column}}