.tabs{display:grid;grid-template-columns:repeat(var(--tab-count, 6),minmax(0,1fr));max-width:880px;width:100%;padding:.35rem;background:var(--surface);border-radius:12px;position:relative;overflow:hidden;isolation:isolate}.tabs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.92,.8);width:calc(100% / var(--tab-count, 6));margin-left:calc(var(--active-index, 0) * (100% / var(--tab-count, 6)));transition:margin-left .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;border-radius:8px;z-index:-1}.tabs[data-active-platform=reddit]:after{background-color:#ff4500}.tabs[data-active-platform=tiktok]:after{background:linear-gradient(135deg,#fe2c55,#25f4ee)}.tabs[data-active-platform=twitter]:after{background-color:#fff}.tabs[data-active-platform=spotify]:after{background-color:#1db954}.tabs[data-active-platform=youtube]:after{background-color:red}.tabs[data-active-platform=instagram]:after{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}.tabs[data-active-platform=identify]:after{background:linear-gradient(135deg,#7b61ff,#c8b6ff)}.tab{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .35rem;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s ease;position:relative;z-index:1}.tab:hover{color:var(--text-primary)}.tab.active{background:transparent}[data-platform=reddit].active,[data-platform=tiktok].active{color:#fff}[data-platform=twitter].active,[data-platform=spotify].active{color:#000}[data-platform=youtube].active,[data-platform=instagram].active{color:#fff}[data-platform=identify].active{color:#16102e}.tab-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tab-icon svg{width:100%;height:100%;display:block}@media(max-width:600px){.tabs{padding:.25rem;border-radius:10px}.tab{padding:.6rem .25rem;font-size:.8rem}.tab-name{display:none}.tab-icon{width:24px;height:24px}.tabs:after{transform:scale(.88,.75);border-radius:8px}}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}@property --cursor-angle{syntax: "<angle>"; initial-value: 45deg; inherits: true;}.border-glow-card.border-glow-loop{animation:borderGlowLap var(--lap-duration, 6s) linear infinite}@keyframes borderGlowLap{0%{--cursor-angle: 0deg}to{--cursor-angle: 360deg}}@media(prefers-reduced-motion:reduce){.border-glow-card.border-glow-loop{animation:none}}.border-glow-card.border-glow-wide>.edge-light{-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,rgb(0 0 0 / 100%) 0%,rgb(0 0 0 / 60%) 9%,rgb(0 0 0 / 18%) 20%,transparent 34%,transparent 66%,rgb(0 0 0 / 18%) 80%,rgb(0 0 0 / 60%) 91%,rgb(0 0 0 / 100%) 100%);mask-image:conic-gradient(from var(--cursor-angle) at center,rgb(0 0 0 / 100%) 0%,rgb(0 0 0 / 60%) 9%,rgb(0 0 0 / 18%) 20%,transparent 34%,transparent 66%,rgb(0 0 0 / 18%) 80%,rgb(0 0 0 / 60%) 91%,rgb(0 0 0 / 100%) 100%)}.border-glow-card.border-glow-loop>.edge-light:before{animation:borderGlowPulse calc(var(--lap-duration, 6s) / 2) ease-in-out infinite}@keyframes borderGlowPulse{0%,to{opacity:.85}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.border-glow-card.border-glow-loop>.edge-light:before{animation:none}}.download-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1rem}.input-wrapper{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:50px;padding:.5rem .5rem .5rem 1.25rem;transition:border-color .2s ease;gap:.5rem}.input-wrapper:focus-within{border-color:var(--primary)}.input-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.input-icon svg{width:100%;height:100%}.url-input{flex:1;padding:.75rem .5rem;background:transparent;color:var(--text-primary);font-size:1rem;min-width:0}.url-input::placeholder{color:var(--text-secondary)}.action-btn{padding:.5rem 1rem;background:var(--surface-hover);color:var(--text-primary);border-radius:50px;font-size:.85rem;font-weight:500;transition:background .2s ease;white-space:nowrap}.action-btn:hover:not(:disabled){background:var(--border)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{background:transparent;color:var(--text-secondary)}.clear-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.progress-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-radius:12px;animation:previewSlideIn .3s cubic-bezier(.16,1,.3,1) both}.progress-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-text{font-size:.9rem;font-weight:600;color:var(--text-primary);min-width:70px;text-align:right}.success-message,.error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:12px;font-weight:500;text-align:center;animation:previewSlideIn .3s cubic-bezier(.16,1,.3,1) both}.success-message--exit,.error-message--exit{animation:previewSlideOut .3s ease forwards!important;overflow:hidden;pointer-events:none}.success-message{background:#1db95426;border:1px solid #1DB954;color:#1db954;flex-wrap:wrap}.manual-download-link{color:#1db954;text-decoration:underline;font-size:.8rem;cursor:pointer;width:100%;text-align:center;margin-top:.25rem;opacity:.8}.manual-download-link:hover{opacity:1}.error-message{background:#ff450026;border:1px solid #FF4500;color:#ff4500}.success-message svg,.error-message svg{flex-shrink:0}.download-section{position:relative;display:flex;justify-content:center}.main-download{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 3rem;background:var(--primary);color:var(--button-text);border-radius:50px;font-size:1.1rem;font-weight:600;transition:all .2s ease;min-width:200px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-download:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--primary-rgb),.4)}.main-download:disabled{opacity:.5;cursor:not-allowed}.main-download.cancel-mode{background:#dc3545;color:#fff}.main-download.cancel-mode:hover:not(:disabled){background:#c82333;box-shadow:0 4px 20px #dc354566}.main-download svg{width:22px;height:22px}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.download-options{position:absolute;left:50%;transform:translate(-50%);z-index:100;max-width:calc(100vw - 2rem)}.download-options.below{top:100%;padding-top:.5rem}.download-options.above{bottom:100%;padding-bottom:.5rem}.options-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.options-menu{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;min-width:280px;max-width:calc(100vw - 2rem);box-shadow:0 10px 40px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}.download-options.below .options-menu{animation:slideDown .2s cubic-bezier(.16,1,.3,1)}.download-options.above .options-menu{animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.download-options--exit.below .options-menu{animation:slideDownOut .2s ease forwards}.download-options--exit.above .options-menu{animation:slideUpOut .2s ease forwards}.options-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.option-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;background:transparent;border-radius:12px;text-align:left;transition:background .2s ease}.option-btn:hover{background:var(--surface-hover)}.option-btn svg{width:24px;height:24px;color:var(--primary);flex-shrink:0}.option-text{display:flex;flex-direction:column;gap:.125rem}.option-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.option-desc{font-size:.8rem;color:var(--text-secondary)}.youtube-unavailable-notice{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ff000012;border:1px solid rgba(255,0,0,.25);border-radius:12px;color:#ff4d4d;text-align:left;animation:previewSlideIn .35s cubic-bezier(.16,1,.3,1) both}.youtube-unavailable-title{display:block;font-size:.875rem;font-weight:600;line-height:1.4}.youtube-unavailable-sub{display:block;font-size:.75rem;opacity:.75;margin-top:2px}.yt-dev-unlock-btn{background:none;border:none;padding:4px;cursor:pointer;color:currentColor;opacity:0;transition:opacity .2s ease;flex-shrink:0;border-radius:4px;display:flex;align-items:center;justify-content:center}.youtube-unavailable-notice:hover .yt-dev-unlock-btn{opacity:.3}.yt-dev-unlock-btn:hover{opacity:.7!important}.wrong-platform-warning{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:#ffb4001f;border:1px solid rgba(255,180,0,.4);border-radius:12px;color:#ffb400;font-size:.9rem;font-weight:500;animation:previewSlideIn .3s ease both}.switch-platform-btn{padding:.4rem 1rem;background:#ffb40033;color:#ffb400;border-radius:50px;font-size:.8rem;font-weight:600;transition:background .2s ease;white-space:nowrap}.switch-platform-btn:hover{background:#ffb40059}.media-preview{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;animation:previewSlideIn .45s cubic-bezier(.16,1,.3,1) both}@keyframes previewSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes previewSlideOut{0%{opacity:1;transform:translateY(0) scale(1);max-height:400px}to{opacity:0;transform:translateY(-8px) scale(.97);max-height:0;margin:0;padding:0}}.media-preview--exit{animation:previewSlideOut .35s cubic-bezier(.4,0,1,1) forwards!important;overflow:hidden;pointer-events:none}.preview-loading{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem;width:100%;justify-content:center;padding:.5rem}.preview-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.preview-thumbnail{width:80px;height:80px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--surface-hover);box-shadow:0 2px 8px #00000026}.preview-thumbnail img{width:100%;height:100%;object-fit:cover}.no-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1));color:var(--primary)}.no-thumbnail svg{width:32px;height:32px;opacity:.7}.preview-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.preview-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.preview-uploader{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);margin:0}.preview-uploader:before{content:"";display:inline-block;width:5px;height:5px;background:var(--primary);border-radius:50%;flex-shrink:0}.preview-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.preview-duration{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--primary);font-weight:600;background:rgba(var(--primary-rgb),.12);padding:.2rem .6rem;border-radius:20px}.preview-duration svg{width:12px;height:12px}.preview-platform{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.7}.tiktok-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.tiktok-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.tiktok-thumb-wrapper{position:relative;width:240px;height:320px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes tiktokThumbIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tiktok-thumb-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:conic-gradient(from 0deg,#fe2c55,#25f4ee,#fe2c55,#25f4ee,#fe2c55);opacity:.2;filter:blur(14px);animation:glowRotate 6s linear infinite;z-index:0}.tiktok-thumb{position:relative;width:240px;height:320px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.tiktok-thumb:hover{transform:scale(1.02)}.tiktok-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tiktok-thumb .no-thumbnail{height:100%}.tiktok-thumb .no-thumbnail svg{width:64px;height:64px}.tiktok-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000c,#0000);display:flex;justify-content:center}.tiktok-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.tiktok-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;letter-spacing:.01em}.tiktok-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.spotify-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.spotify-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.spotify-artwork-wrapper{position:relative;width:300px;height:300px;z-index:1;isolation:isolate;animation:spotifyArtworkIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes spotifyArtworkIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spotifyEmbedIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spotify-artwork-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:conic-gradient(from 0deg,#1db954,#1ed760,#1db954,#17a34a,#1db954);opacity:.2;filter:blur(14px);animation:glowRotate 6s linear infinite;z-index:0}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotify-artwork{position:relative;width:300px;height:300px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.spotify-artwork:hover{transform:scale(1.02)}.spotify-artwork img{width:100%;height:100%;object-fit:cover;display:block}.spotify-artwork .no-thumbnail{height:100%}.spotify-artwork .no-thumbnail svg{width:64px;height:64px}.spotify-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000000bf,#0000);display:flex;justify-content:center}.spotify-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.spotify-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;letter-spacing:.01em}.spotify-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.spotify-embed{width:300px;border-radius:14px;overflow:hidden;position:relative;z-index:10;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #00000040,0 0 0 1px #1db95414;padding:6px;animation:spotifyEmbedSlideIn .6s cubic-bezier(.16,1,.3,1) .25s both}.spotify-embed:hover{border-color:#1db95433;box-shadow:0 6px 32px #0000004d,0 0 0 1px #1db95426}@keyframes spotifyEmbedSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.spotify-embed iframe{display:block;border-radius:10px;border:none}.twitter-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.twitter-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.twitter-thumb-wrapper{position:relative;width:300px;height:300px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.twitter-logo-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:18px;background:conic-gradient(from 0deg,#fff,#888,#fff,#555,#fff);opacity:.3;filter:blur(10px);animation:xLogoSpin 6s linear infinite,glowPulse 3s ease-in-out infinite;z-index:0}@keyframes xLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:.55}}.twitter-thumb{position:relative;width:300px;height:300px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.twitter-thumb:hover{transform:scale(1.02)}.twitter-thumb img{width:100%;height:100%;object-fit:cover;display:block}.twitter-thumb .no-thumbnail{height:100%}.twitter-thumb .no-thumbnail svg{width:64px;height:64px}.twitter-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000000d9,#0000);display:flex;justify-content:center}.twitter-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.twitter-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;letter-spacing:.01em}.twitter-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.youtube-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.youtube-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.youtube-thumb-wrapper{position:relative;width:400px;height:225px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.youtube-thumb{position:relative;width:400px;height:225px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 0 0 2px #ff00004d,0 0 20px #ff000026,0 8px 40px #00000080;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.youtube-thumb:hover{transform:scale(1.02);box-shadow:0 0 0 2px #ff000080,0 0 30px #ff000040,0 8px 40px #00000080}.youtube-thumb img{width:100%;height:100%;object-fit:cover;display:block}.youtube-thumb .no-thumbnail{height:100%}.youtube-thumb .no-thumbnail svg{width:64px;height:64px}.youtube-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:40px;opacity:.85;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:opacity .3s ease}.youtube-thumb:hover .youtube-play-icon{opacity:1}.youtube-play-icon svg{width:100%;height:100%}.youtube-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000000d9,#0000);display:flex;justify-content:center}.youtube-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,0,0,.2);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #ff00001a}.youtube-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px;letter-spacing:.01em}.youtube-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}.reddit-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.reddit-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.reddit-thumb-wrapper{position:relative;width:360px;height:240px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.reddit-logo-glow{position:absolute;top:-35px;right:-35px;bottom:-35px;left:-35px;display:flex;align-items:center;justify-content:center;z-index:0;animation:redditGlowPulse 3s ease-in-out infinite;opacity:.25;filter:blur(14px)}.reddit-logo-glow svg{width:260px;height:260px}@keyframes redditGlowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}.reddit-thumb{position:relative;width:360px;height:240px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.reddit-thumb:hover{transform:scale(1.02)}.reddit-thumb img{width:100%;height:100%;object-fit:cover;display:block}.reddit-thumb .no-thumbnail{height:100%}.reddit-thumb .no-thumbnail svg{width:64px;height:64px}.reddit-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000c,#0000);display:flex;justify-content:center}.reddit-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,69,0,.2);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #ff450026}.reddit-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px;letter-spacing:.01em}.reddit-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.instagram-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.instagram-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.instagram-thumb-wrapper{position:relative;width:240px;height:320px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.instagram-logo-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;display:flex;align-items:center;justify-content:center;z-index:0;animation:igLogoSpin 8s linear infinite;opacity:.3;filter:blur(12px)}.instagram-logo-glow svg{width:280px;height:280px}@keyframes igLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instagram-thumb{position:relative;width:240px;height:320px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.instagram-thumb:hover{transform:scale(1.02)}.instagram-thumb img{width:100%;height:100%;object-fit:cover;display:block}.instagram-thumb .no-thumbnail{height:100%}.instagram-thumb .no-thumbnail svg{width:64px;height:64px}.instagram-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000c,#0000);display:flex;justify-content:center}.instagram-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.instagram-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;letter-spacing:.01em}.instagram-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.download-history{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.history-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0}.history-title svg{color:var(--primary)}.clear-history-btn{font-size:.8rem;color:var(--text-secondary);background:transparent;padding:.25rem .75rem;border-radius:20px;transition:all .2s ease}.clear-history-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.history-item:hover{background:var(--surface-hover);border-color:var(--primary);transform:translate(4px)}.history-thumbnail{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface-hover);transition:transform .2s ease}.history-item:hover .history-thumbnail{transform:scale(1.05)}.history-thumbnail img{width:100%;height:100%;object-fit:cover}.no-thumbnail-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1));color:var(--primary)}.no-thumbnail-small svg{width:20px;height:20px;opacity:.7}.history-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.history-item-title{font-size:.8rem;font-weight:500;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.history-uploader{font-size:.7rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{display:flex;align-items:center;gap:.5rem}.history-type-badge{background:rgba(var(--primary-rgb),.15);color:var(--primary);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:20px}.history-duration{font-size:.65rem;color:var(--text-secondary);opacity:.8}.history-time{font-size:.7rem;color:var(--text-secondary);opacity:.7}@media(max-width:768px){.download-form{max-width:100%}.main-download{padding:1rem 2rem;font-size:1rem;min-width:180px}.download-section{width:100%}.options-menu{min-width:240px}.spotify-artwork-wrapper,.spotify-artwork{width:260px;height:260px}.spotify-embed{width:260px}.twitter-thumb-wrapper,.twitter-thumb{width:260px;height:260px}}@media(max-width:500px){.input-wrapper{flex-wrap:wrap;border-radius:16px;padding:.75rem}.input-icon{display:none}.url-input{width:100%;padding:.5rem;text-align:center;font-size:.9rem}.action-btn{flex:1;font-size:.8rem;padding:.5rem .75rem}.main-download{width:100%;padding:.875rem 1.5rem;font-size:.95rem;min-width:unset}.download-options,.download-options.above,.download-options.below{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;padding:0;max-width:100vw}.options-backdrop{background:#00000080}.options-menu{min-width:unset;width:100%;border-radius:16px 16px 0 0;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.instagram-thumb-wrapper,.instagram-thumb{width:180px;height:240px}.instagram-overlay-title,.instagram-overlay-meta{max-width:150px}.instagram-logo-glow{top:-25px;right:-25px;bottom:-25px;left:-25px}.instagram-logo-glow svg{width:200px;height:200px}.twitter-thumb-wrapper,.twitter-thumb{width:220px;height:220px}.twitter-overlay-title,.twitter-overlay-meta{max-width:190px}.twitter-logo-glow{top:-25px;right:-25px;bottom:-25px;left:-25px}.twitter-logo-glow svg{width:200px;height:200px}.media-preview:not(.spotify-card):not(.tiktok-card):not(.instagram-card):not(.twitter-card){flex-direction:column;text-align:center;padding:1rem}.preview-thumbnail{width:100px;height:100px}.tiktok-thumb-wrapper,.tiktok-thumb{width:180px;height:240px}.tiktok-overlay-title,.tiktok-overlay-meta{max-width:150px}.spotify-artwork-wrapper,.spotify-artwork{width:220px;height:220px}.spotify-overlay-title,.spotify-overlay-meta{max-width:190px}.spotify-embed{width:100%;max-width:240px}.preview-info{align-items:center}.preview-uploader,.preview-meta{justify-content:center}.progress-wrapper{padding:.75rem;gap:.75rem}.progress-text{min-width:55px;font-size:.8rem}.history-item{padding:.5rem;gap:.75rem}.history-thumbnail{width:48px;height:48px}.history-item-title{font-size:.8rem}.error-message,.success-message{font-size:.85rem;padding:.75rem;word-break:break-word}}.input-glow{box-shadow:none!important;border-color:var(--input-border)!important;transition:border-color .25s ease}.input-glow .border-glow-inner{overflow:visible}.input-glow .input-wrapper{background:transparent;border:none;border-radius:inherit}.input-glow:focus-within{border-color:rgba(var(--primary-rgb),.55)!important}.sonar{width:100%;max-width:620px;margin:0 auto}.sonar{--g1: #7B61FF;--g2: #FE2C55;--g3: #FF4500;--g4: #1DB954;--g5: #25F4EE;--g6: #C13584;--g7: #FF0000;--glow-spin: 7s;--glow-blur: 22px;--glow-spread: 10px;--glow-opacity: .55;--ring-thickness: 2px;--sonar-angle: 0deg;margin-bottom:.5rem}@property --sonar-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.sonar-shell{position:relative;border-radius:50px;isolation:isolate}.sonar-shell:before{content:"";position:absolute;inset:calc(var(--glow-spread) * -1);border-radius:inherit;background:conic-gradient(from var(--sonar-angle),var(--g1),var(--g2),var(--g3),var(--g4),var(--g5),var(--g6),var(--g7),var(--g1));filter:blur(var(--glow-blur));opacity:var(--glow-opacity);z-index:-2;animation:sonarSweep var(--glow-spin) linear infinite,sonarBreathe 4s ease-in-out infinite}.sonar-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:var(--ring-thickness);background:conic-gradient(from var(--sonar-angle),var(--g1),var(--g2),var(--g3),var(--g4),var(--g5),var(--g6),var(--g7),var(--g1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;z-index:-1;opacity:.85;animation:sonarSweep var(--glow-spin) linear infinite}.sonar-shell:focus-within{--glow-opacity: .8;--glow-blur: 26px;--glow-spread: 14px}.sonar-shell.is-scanning{--glow-opacity: .95;--glow-spin: 1.6s;--glow-spread: 16px}.sonar-shell:before,.sonar-shell:after{transition:opacity .45s ease,filter .45s ease,inset .45s ease}@keyframes sonarSweep{to{--sonar-angle: 360deg}}@keyframes sonarBreathe{0%,to{filter:blur(var(--glow-blur)) saturate(1)}50%{filter:blur(calc(var(--glow-blur) * 1.35)) saturate(1.35)}}.sonar-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;border:1px solid var(--g1);opacity:0;pointer-events:none;z-index:-1}.is-scanning .sonar-ping{animation:sonarPing 1.8s ease-out infinite}.is-scanning .sonar-ping.p2{animation-delay:.6s}.is-scanning .sonar-ping.p3{animation-delay:1.2s}@keyframes sonarPing{0%{transform:scale(1);opacity:.7}to{transform:scale(1.28);opacity:0}}.sonar-input-row{position:relative;display:flex;align-items:center;gap:.5rem;background:var(--input-bg);border-radius:50px;padding:.5rem .5rem .5rem 1.25rem}.sonar-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-secondary);transition:color .3s ease}.sonar-shell:focus-within .sonar-icon{color:var(--primary)}.sonar-icon svg{width:100%;height:100%}.sonar-input{flex:1;min-width:0;padding:.75rem .5rem;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-family:inherit}.sonar-input::placeholder{color:var(--text-secondary)}.sonar-btn{padding:.7rem 1.5rem;border:none;border-radius:50px;background:var(--primary);color:var(--button-text);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .25s ease,transform .15s ease,opacity .25s ease}.sonar-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.sonar-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.sonar-btn:disabled{opacity:.55;cursor:not-allowed}.sonar-detected{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.85rem;font-size:.82rem;color:var(--text-secondary);animation:sonarFadeUp .35s ease both}.sonar-detected .dot{width:6px;height:6px;border-radius:50%;background:var(--pill, var(--primary));box-shadow:0 0 8px var(--pill, var(--primary))}.sonar-detected strong{color:var(--text-primary);font-weight:600}.sonar-result{display:flex;gap:1.1rem;align-items:flex-start;margin-top:1.75rem;padding:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;text-align:left;animation:sonarFadeUp .5s cubic-bezier(.22,1,.36,1) both}.sonar-cover{position:relative;width:96px;height:96px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--surface-hover);animation:sonarCoverIn .6s cubic-bezier(.22,1,.36,1) both .08s}.sonar-cover img{width:100%;height:100%;object-fit:cover;display:block}.sonar-cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.sonar-cover-fallback svg{width:34px;height:34px}.sonar-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#08070f8c;border:none;cursor:pointer;color:#fff;opacity:0;transition:opacity .25s ease}.sonar-cover:hover .sonar-play,.sonar-play.is-playing{opacity:1}.sonar-play svg{width:30px;height:30px}.sonar-meta{min-width:0;flex:1}.sonar-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.25;overflow-wrap:anywhere;animation:sonarFadeUp .5s ease both .14s}.sonar-artist{font-size:.95rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem;overflow-wrap:anywhere;animation:sonarFadeUp .5s ease both .2s}.sonar-album{font-size:.88rem;color:var(--text-secondary);margin:0 0 .6rem;overflow-wrap:anywhere;animation:sonarFadeUp .5s ease both .24s}.sonar-label{margin:0 0 .1rem;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);opacity:.75;animation:sonarFadeUp .5s ease both .12s}.sonar-facts{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;animation:sonarFadeUp .5s ease both .26s}.sonar-chip{font-size:.75rem;font-weight:500;padding:.28rem .62rem;border-radius:999px;background:rgba(var(--primary-rgb),.13);border:1px solid rgba(var(--primary-rgb),.3);color:var(--secondary);font-variant-numeric:tabular-nums}.sonar-progress{margin-top:.75rem;height:3px;border-radius:3px;background:var(--surface-hover);overflow:hidden}.sonar-progress span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--g1),var(--g5));transition:width .15s linear}.sonar-msg{margin-top:1.75rem;padding:1.15rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;color:var(--text-secondary);font-size:.9rem;line-height:1.55;animation:sonarFadeUp .45s ease both}.sonar-msg strong{color:var(--text-primary);display:block;margin-bottom:.3rem;font-size:.98rem}.sonar-msg.is-error{border-color:#ff450073}.sonar-scanning{display:flex;align-items:center;gap:1.1rem;margin-top:1.75rem;padding:1.1rem;border:1px solid var(--border);border-radius:20px;animation:sonarFadeUp .35s ease both}.sonar-skel{border-radius:12px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 37%,var(--surface) 63%);background-size:400% 100%;animation:sonarShimmer 1.4s ease infinite}.sonar-skel.cover{width:96px;height:96px;flex-shrink:0}.sonar-skel.line{height:12px;margin-bottom:.6rem}.sonar-skel.line.w70{width:70%}.sonar-skel.line.w45{width:45%}.sonar-skel.line.w30{width:30%;margin-bottom:0}.sonar-skel-meta{flex:1}@keyframes sonarShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes sonarFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sonarCoverIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media(max-width:520px){.sonar-result,.sonar-scanning{flex-direction:column;align-items:flex-start}.sonar-cover,.sonar-skel.cover{width:100%;height:160px}.sonar-btn{padding:.7rem 1.1rem}}@media(prefers-reduced-motion:reduce){.sonar-shell:before,.sonar-shell:after,.sonar-ping,.sonar-skel{animation:none}.sonar-result,.sonar-msg,.sonar-scanning,.sonar-detected,.sonar-cover,.sonar-title,.sonar-artist,.sonar-facts{animation:none}}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 2rem;overflow-y:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{width:100%;max-width:min(1400px,95vw);background:var(--background);border:1px solid var(--border);border-radius:16px;padding:2rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .25s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.admin-header h2{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.admin-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.admin-close:hover{background:var(--surface);color:var(--text-primary)}.admin-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.admin-range{display:inline-flex;background:var(--surface);padding:4px;border-radius:10px;gap:2px}.range-btn{padding:.5rem 1rem;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .2s ease;min-width:48px}.range-btn:hover{color:var(--text-primary)}.range-btn.active{background:var(--primary);color:var(--button-text)}.admin-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600}.filter-group select{padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-family:inherit;cursor:pointer;text-transform:capitalize}.filter-group select:focus{outline:none;border-color:var(--primary)}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.4rem}.stat-value{font-size:2.25rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.chart-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem}.chart-title{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.chart-section--wide{grid-column:1 / -1}.chart-empty{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:1rem 0}.bar-chart{display:flex;flex-direction:column;gap:.5rem}.bar-row{display:grid;grid-template-columns:90px 1fr 72px;align-items:center;gap:.75rem}.bar-label{font-size:.85rem;color:var(--text-primary);text-transform:capitalize;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;background:var(--background);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .4s cubic-bezier(.16,1,.3,1)}.bar-value{font-size:.85rem;color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.timeline-wrapper{width:100%;overflow:hidden}.timeline-svg{width:100%;height:auto;display:block}.admin-loading,.admin-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-secondary);font-size:.9rem}.admin-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;border-radius:8px}.admin-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:.5rem;border-radius:50%;color:var(--text-secondary);opacity:.3;transition:opacity .2s ease,color .2s ease}.admin-trigger:hover{opacity:1;color:var(--primary)}.admin-trigger svg{width:14px;height:14px}@media(max-width:768px){.admin-overlay{padding:0}.admin-modal{border-radius:16px 16px 0 0;min-height:100vh;margin-top:1rem;padding:1rem;gap:1rem}.admin-controls{flex-direction:column;align-items:stretch}.admin-range{justify-content:space-between}.range-btn{flex:1;min-width:0}.admin-filters{display:grid;grid-template-columns:1fr 1fr}.stat-cards{grid-template-columns:1fr 1fr}.stat-value{font-size:1.5rem}.chart-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:80px 1fr 40px;gap:.5rem}.bar-label{font-size:.8rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:150px;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(var(--primary-rgb),.12) 0%,rgba(var(--primary-rgb),.06) 35%,rgba(var(--primary-rgb),.02) 55%,transparent 70%);animation:gradientPulse 8s ease-in-out infinite;pointer-events:none;z-index:0;transition:background .5s ease}.app:after{content:"";position:absolute;top:120px;left:50%;transform:translate(-50%) rotate(45deg);width:500px;height:400px;background:radial-gradient(ellipse,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.03) 45%,transparent 70%);animation:gradientRotate 15s linear infinite;pointer-events:none;z-index:0;transition:background .5s ease}@keyframes gradientPulse{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.05);opacity:1}}@keyframes gradientRotate{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.header{padding:1rem 2rem;position:relative;z-index:1}.logo{display:flex;justify-content:center;align-items:center}.logo-svg{height:56px;width:auto;color:var(--primary);transition:color .3s ease}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;position:relative;z-index:1}.content{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:3rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;padding:.35rem 1rem;background:rgba(var(--primary-rgb),.15);border:1px solid var(--primary);border-radius:50px;font-size:.75rem;font-weight:600;color:var(--primary);letter-spacing:.5px;margin-bottom:1.5rem;animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 10px rgba(var(--primary-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--primary-rgb),.4)}}.title{font-size:3rem;font-weight:800;margin-bottom:.75rem;line-height:1.1}.subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem}.terms{margin-top:1rem;font-size:.85rem;color:var(--text-secondary)}.footer{padding:1.5rem;text-align:center;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.875rem;position:relative;z-index:1}.footer p{display:inline-flex;align-items:center;gap:.25rem}@media(max-width:768px){.title{font-size:2rem}.subtitle{font-size:1rem}.main{padding:1rem}.content{margin-top:2rem}.app:before{top:200px;width:350px;height:350px}.app:after{top:230px;width:280px;height:280px}}[data-theme=reddit]{--primary: #FF4500;--primary-hover: #FF5722;--primary-rgb: 255, 69, 0;--background: #1A1A1B;--background-gradient: linear-gradient(180deg, #1A1A1B 0%, #0D0D0E 100%);--surface: #272729;--surface-hover: #343536;--text-primary: #D7DADC;--text-secondary: #818384;--border: #343536;--input-bg: #272729;--input-border: #343536;--button-text: #FFFFFF}[data-theme=reddit] .app{background:var(--background-gradient)}[data-theme=reddit] .badge{background:#ff450026;border-color:#ff4500;color:#ff4500}[data-theme=tiktok]{--primary: #FE2C55;--primary-hover: #FF3B6B;--primary-rgb: 254, 44, 85;--secondary: #25F4EE;--background: #000000;--background-gradient: linear-gradient(180deg, #121212 0%, #000000 100%);--surface: #121212;--surface-hover: #1F1F1F;--text-primary: #FFFFFF;--text-secondary: #8A8B91;--border: #2F2F2F;--input-bg: #121212;--input-border: #2F2F2F;--button-text: #FFFFFF}[data-theme=tiktok] .app{background:var(--background-gradient)}[data-theme=tiktok] .badge{background:#fe2c5526;border-color:#fe2c55;color:#fe2c55}[data-theme=tiktok] .logo-text{background:linear-gradient(135deg,#fe2c55,#25f4ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=twitter]{--primary: #FFFFFF;--primary-hover: #E7E9EA;--primary-rgb: 255, 255, 255;--background: #000000;--background-gradient: linear-gradient(180deg, #000000 0%, #0A0A0A 100%);--surface: #16181C;--surface-hover: #1D1F23;--text-primary: #E7E9EA;--text-secondary: #71767B;--border: #2F3336;--input-bg: #16181C;--input-border: #2F3336;--button-text: #000000}[data-theme=twitter] .app{background:var(--background-gradient)}[data-theme=twitter] .badge{background:#ffffff1a;border-color:#fff;color:#fff}[data-theme=twitter] .logo-text{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=twitter] .download-btn{background:#fff;color:#000}[data-theme=twitter] .download-btn:hover{background:#e7e9ea}[data-theme=spotify]{--primary: #1DB954;--primary-hover: #1ED760;--primary-rgb: 29, 185, 84;--background: #121212;--background-gradient: linear-gradient(180deg, #1E1E1E 0%, #121212 100%);--surface: #181818;--surface-hover: #282828;--text-primary: #FFFFFF;--text-secondary: #B3B3B3;--border: #282828;--input-bg: #181818;--input-border: #282828;--button-text: #000000}[data-theme=spotify] .app{background:var(--background-gradient)}[data-theme=spotify] .badge{background:#1db95426;border-color:#1db954;color:#1db954}[data-theme=spotify] .download-btn{background:#1db954;color:#000}[data-theme=spotify] .download-btn:hover{background:#1ed760}[data-theme=youtube]{--primary: #FF0000;--primary-hover: #CC0000;--primary-rgb: 255, 0, 0;--background: #0F0F0F;--background-gradient: linear-gradient(180deg, #181818 0%, #0F0F0F 100%);--surface: #212121;--surface-hover: #3F3F3F;--text-primary: #FFFFFF;--text-secondary: #AAAAAA;--border: #3F3F3F;--input-bg: #212121;--input-border: #3F3F3F;--button-text: #FFFFFF}[data-theme=youtube] .app{background:var(--background-gradient)}[data-theme=youtube] .badge{background:#ff000026;border-color:red;color:red}[data-theme=instagram]{--primary: #E1306C;--primary-hover: #C13584;--primary-rgb: 225, 48, 108;--background: #121212;--background-gradient: linear-gradient(180deg, #121212 0%, #0A0A0A 100%);--surface: #1E1E1E;--surface-hover: #2A2A2A;--text-primary: #F5F5F5;--text-secondary: #A8A8A8;--border: #2A2A2A;--input-bg: #1E1E1E;--input-border: #2A2A2A;--button-text: #FFFFFF}[data-theme=instagram] .app{background:var(--background-gradient)}[data-theme=instagram] .badge{background:#e1306c26;border-color:#e1306c;color:#e1306c}[data-theme=identify]{--primary: #7B61FF;--primary-hover: #8F79FF;--primary-rgb: 123, 97, 255;--secondary: #C8B6FF;--background: #08070F;--background-gradient: linear-gradient(180deg, #100C22 0%, #08070F 100%);--surface: #151228;--surface-hover: #1E1A36;--text-primary: #F2F0FF;--text-secondary: #8B85A8;--border: #2A2545;--input-bg: #120F24;--input-border: #2A2545;--button-text: #FFFFFF}[data-theme=identify] .app{background:var(--background-gradient)}[data-theme=identify] .badge{background:#7b61ff26;border-color:#7b61ff;color:#c8b6ff}[data-theme=identify] .logo-text{background:linear-gradient(135deg,#7b61ff,#c8b6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit;border:none;outline:none}