@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-color:#030303;--panel-bg:#09090b;--card-bg:#121214;--card-hover-bg:#161619;--border-color:#ffffff14;--border-hover:#ffffff26;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-violet:#8b5cf6;--accent-blue:#3b82f6;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--youtube-red:red;--youtube-glow:#ff000026;--spotify-green:#1db954;--spotify-glow:#1db95426;--font-sans:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-geist-mono), monospace;--glow-shadow:0 0 30px #8b5cf626;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-size:40px 40px;width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 20%,#0000 80%);mask-image:radial-gradient(circle at 50% 30%,#000 20%,#0000 80%)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#030303b3;width:100%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex}.badge{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff08;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.badge-interactive{color:var(--accent-violet);background:linear-gradient(135deg,#8b5cf61a 0%,#3b82f61a 100%);border:1px solid #8b5cf64d}main{z-index:1;max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative}.card{background-color:var(--panel-bg);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;padding:2rem;position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:0 10px 30px -10px #000000b3}.card-glow{position:relative}.card-glow:after{content:"";background:var(--accent-gradient);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-color)}.btn-primary:hover{background:#fff;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff14}.btn-glow{background:var(--accent-gradient);color:#fff;box-shadow:var(--glow-shadow)}.btn-glow:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 35px #8b5cf640}.btn-youtube{color:#ff4d4d;background:#ff00001a;border:1px solid #f003}.btn-youtube:hover{background:#ff00002e;border-color:#f006}.btn-youtube.connected{color:#fff;background:#f003;border-color:#f009}.btn-spotify{color:#2ebd59;background:#1db9541a;border:1px solid #1db95433}.btn-spotify:hover{background:#1db9542e;border-color:#1db95466}.btn-spotify.connected{color:#fff;background:#1db95433;border-color:#1db95499}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#ffffff05;border-radius:8px;outline:none;padding:.85rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--accent-violet);background:#ffffff0d;box-shadow:0 0 15px #8b5cf626}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}.animate-fade{animation:.4s forwards fadeIn}.loading-spinner{animation:1s linear infinite spin}.toast-container{z-index:1000;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border:1px solid var(--border-color);border-left:4px solid var(--accent-violet);color:var(--text-primary);background:#18181b;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;box-shadow:0 10px 25px -5px #00000080}.toast-success{border-left-color:var(--spotify-green)}.toast-error{border-left-color:var(--youtube-red)}@media (max-width:768px){main{padding:2rem 1rem}.header-container{padding:1rem}}