.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 32px 48px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg-card);position:relative;overflow:hidden}.empty-state:before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:500px;height:300px;background:radial-gradient(ellipse,rgba(197,3,43,.04) 0%,transparent 70%);pointer-events:none}.empty-state__visual{position:relative;width:200px;height:140px;margin-bottom:28px;display:flex;align-items:center;justify-content:center}.empty-state__heading{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px;color:var(--text)}.empty-state__sub{font-size:14px;color:var(--text-40);max-width:400px;line-height:1.6;margin-bottom:6px}.empty-state__query{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--red);background:rgba(197,3,43,.06);border:1px solid rgba(197,3,43,.12);padding:4px 14px;border-radius:100px;margin-bottom:20px;display:inline-block}.empty-state__pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:20px}.empty-state__pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:rgba(197,3,43,.06);border:1px solid rgba(197,3,43,.12);border-radius:100px;font-size:12px;font-weight:500;color:var(--text-60)}.empty-state__pill svg{width:10px;height:10px;stroke:var(--text-20);fill:none;stroke-width:2}.empty-state__actions{display:flex;gap:10px;margin-top:24px;margin-bottom:32px}.es-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-weight:600;font-size:14px;border-radius:100px;transition:all .3s var(--ease-spring)}.es-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(197,3,43,.3)}.es-btn-primary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.es-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border:1px solid var(--border);color:var(--text-60);font-weight:600;font-size:14px;border-radius:100px;transition:all .2s ease}.es-btn-ghost:hover{border-color:var(--text-40);color:var(--text)}.es-btn-ghost svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.empty-state__suggestions{width:100%;padding-top:24px;border-top:1px solid var(--border-light)}.empty-state__suggestions-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-20);margin-bottom:12px}.empty-state__chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.es-chip{padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;background:rgba(255,255,255,.03);border:1px solid var(--border-light);color:var(--text-60);transition:all .15s}.es-chip:hover{border-color:var(--border);color:var(--text);background:rgba(255,255,255,.05)}.es-chip--hot{border-color:rgba(197,3,43,.2);background:rgba(197,3,43,.04)}.es-chip--hot:hover{border-color:rgba(197,3,43,.35);background:rgba(197,3,43,.08);color:var(--text)}.vis-waveform{display:flex;align-items:flex-end;gap:3px;height:100px;padding:0 10px}.vis-waveform__bar{width:4px;border-radius:2px;background:var(--text-20);animation:waveformFlatline 3s ease-in-out infinite;transform-origin:bottom}@keyframes waveformFlatline{0%,100%{opacity:.2}15%{opacity:1}50%{opacity:.15}}.vis-waveform__bar:nth-child(1){height:12px;animation-delay:0s;background:var(--red);opacity:.3}.vis-waveform__bar:nth-child(2){height:28px;animation-delay:.08s}.vis-waveform__bar:nth-child(3){height:55px;animation-delay:.16s;background:var(--red);opacity:.5}.vis-waveform__bar:nth-child(4){height:72px;animation-delay:.24s}.vis-waveform__bar:nth-child(5){height:90px;animation-delay:.32s;background:var(--red);opacity:.7}.vis-waveform__bar:nth-child(6){height:100px;animation-delay:.4s}.vis-waveform__bar:nth-child(7){height:85px;animation-delay:.48s;background:var(--red);opacity:.6}.vis-waveform__bar:nth-child(8){height:65px;animation-delay:.56s}.vis-waveform__bar:nth-child(9){height:78px;animation-delay:.64s}.vis-waveform__bar:nth-child(10){height:95px;animation-delay:.72s;background:var(--red);opacity:.8}.vis-waveform__bar:nth-child(11){height:70px;animation-delay:.8s}.vis-waveform__bar:nth-child(12){height:50px;animation-delay:.88s;background:var(--red);opacity:.4}.vis-waveform__bar:nth-child(13){height:80px;animation-delay:.96s}.vis-waveform__bar:nth-child(14){height:60px;animation-delay:1.04s}.vis-waveform__bar:nth-child(15){height:88px;animation-delay:1.12s;background:var(--red);opacity:.65}.vis-waveform__bar:nth-child(16){height:45px;animation-delay:1.2s}.vis-waveform__bar:nth-child(17){height:70px;animation-delay:1.28s}.vis-waveform__bar:nth-child(18){height:92px;animation-delay:1.36s;background:var(--red);opacity:.75}.vis-waveform__bar:nth-child(19){height:55px;animation-delay:1.44s}.vis-waveform__bar:nth-child(20){height:35px;animation-delay:1.52s}.vis-waveform__bar:nth-child(21){height:68px;animation-delay:1.6s;background:var(--red);opacity:.5}.vis-waveform__bar:nth-child(22){height:82px;animation-delay:1.68s}.vis-waveform__bar:nth-child(23){height:48px;animation-delay:1.76s}.vis-waveform__bar:nth-child(24){height:25px;animation-delay:1.84s}.vis-waveform__bar:nth-child(25){height:15px;animation-delay:1.92s;background:var(--red);opacity:.3}.vis-waveform__mute{position:absolute;bottom:-4px;right:10px;width:32px;height:32px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mutePulse 2s ease-in-out infinite}.vis-waveform__mute svg{width:16px;height:16px;stroke:var(--red);fill:none;stroke-width:2}@keyframes mutePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.vis-venn{position:relative;width:200px;height:120px}.vis-venn__circle{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid;opacity:.6}.vis-venn__circle:nth-child(1){border-color:var(--red);background:rgba(197,3,43,.06);top:10px;left:20px;animation:vennDrift1 4s ease-in-out infinite}.vis-venn__circle:nth-child(2){border-color:var(--blue);background:rgba(108,142,239,.06);top:10px;right:20px;animation:vennDrift2 4s ease-in-out infinite}.vis-venn__circle:nth-child(3){border-color:var(--purple);background:rgba(180,92,230,.06);bottom:0;left:50%;transform:translateX(-50%);animation:vennDrift3 4s ease-in-out infinite}.vis-venn__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-20)}@keyframes vennDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-6px)}}@keyframes vennDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-6px)}}@keyframes vennDrift3{0%,100%{transform:translateX(-50%) translate(0,0)}50%{transform:translateX(-50%) translate(0,10px)}}.vis-venn__slash{position:absolute;top:50%;left:50%;width:60px;height:2px;background:repeating-linear-gradient(90deg,var(--text-20) 0,var(--text-20) 4px,transparent 4px,transparent 8px);transform:translate(-50%,-50%) rotate(-45deg);opacity:.5}.vis-heart{position:relative;width:120px;height:110px}.vis-heart__shape{position:absolute;top:28px;left:50%;transform:translateX(-50%) rotate(45deg);width:50px;height:50px;background:rgba(255,92,170,.12);border:2px solid rgba(255,92,170,.25);animation:heartBeat 2.5s ease-in-out infinite}.vis-heart__shape:before,.vis-heart__shape:after{content:'';position:absolute;width:50px;height:50px;border-radius:50%;background:rgba(255,92,170,.12);border:2px solid rgba(255,92,170,.25)}.vis-heart__shape:before{top:-27px;left:0}.vis-heart__shape:after{left:27px;top:0}@keyframes heartBeat{0%,100%{transform:translateX(-50%) rotate(45deg) scale(1);opacity:.6}15%{transform:translateX(-50%) rotate(45deg) scale(1.08);opacity:.8}30%{transform:translateX(-50%) rotate(45deg) scale(1);opacity:.6}45%{transform:translateX(-50%) rotate(45deg) scale(1.05);opacity:.7}60%{transform:translateX(-50%) rotate(45deg) scale(1);opacity:.6}}.vis-heart__particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--pink);opacity:0;animation:heartParticle 3s ease-out infinite}.vis-heart__particle:nth-child(2){top:20px;left:30px;animation-delay:0s}.vis-heart__particle:nth-child(3){top:15px;left:60px;animation-delay:.4s}.vis-heart__particle:nth-child(4){top:30px;right:20px;animation-delay:.8s;width:3px;height:3px}.vis-heart__particle:nth-child(5){top:50px;left:15px;animation-delay:1.2s;width:3px;height:3px}.vis-heart__particle:nth-child(6){top:60px;right:25px;animation-delay:1.6s}.vis-heart__particle:nth-child(7){bottom:10px;left:45px;animation-delay:2s;width:3px;height:3px}@keyframes heartParticle{0%{opacity:0;transform:translate(0,0) scale(1)}20%{opacity:.6}100%{opacity:0;transform:translate(var(--dx,15px),var(--dy,-30px)) scale(0)}}.vis-heart__particle:nth-child(2){--dx:-20px;--dy:-25px}.vis-heart__particle:nth-child(3){--dx:15px;--dy:-30px}.vis-heart__particle:nth-child(4){--dx:25px;--dy:-15px}.vis-heart__particle:nth-child(5){--dx:-25px;--dy:10px}.vis-heart__particle:nth-child(6){--dx:20px;--dy:15px}.vis-heart__particle:nth-child(7){--dx:-10px;--dy:20px}.vis-vinyl{position:relative;width:120px;height:120px}.vis-vinyl__disc{width:120px;height:120px;border-radius:50%;border:2px solid var(--border);background:radial-gradient(circle at center,var(--bg-elevated) 18px,transparent 18px),radial-gradient(circle at center,var(--border-light) 19px,transparent 19px),radial-gradient(circle at center,var(--text-20) 3px,transparent 3px),repeating-radial-gradient(circle at center,transparent 24px,rgba(255,255,255,.02) 25px,transparent 26px);animation:vinylSpin 8s linear infinite;opacity:.4}.vis-vinyl__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,var(--red-dark) 0%,var(--red) 100%);border:1px solid rgba(255,255,255,.1);animation:vinylSpin 8s linear infinite;opacity:.5}.vis-vinyl__label:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--bg);border:1px solid var(--border)}.vis-vinyl__arm{position:absolute;top:-5px;right:-8px;width:3px;height:55px;background:var(--border);border-radius:2px;transform-origin:top right;transform:rotate(-30deg);opacity:.4}.vis-vinyl__arm:after{content:'';position:absolute;bottom:-2px;left:-2px;width:7px;height:7px;border-radius:50%;background:var(--text-20)}@keyframes vinylSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.vis-vinyl__disc{animation-name:vinylSpinDisc}@keyframes vinylSpinDisc{to{transform:rotate(360deg)}}.vis-cloud{position:relative;width:140px;height:100px}.vis-cloud__body{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:100px;height:40px;border:2px solid var(--border);border-radius:0 0 20px 20px;border-top:none;opacity:.4}.vis-cloud__body:before{content:'';position:absolute;bottom:100%;left:12px;width:40px;height:40px;border-radius:50%;border:2px solid var(--border);border-bottom:none;clip-path:inset(0 0 50% 0);opacity:1}.vis-cloud__body:after{content:'';position:absolute;bottom:100%;right:8px;width:55px;height:55px;border-radius:50%;border:2px solid var(--border);border-bottom:none;clip-path:inset(0 0 50% 0);opacity:1}.vis-cloud__arrow-top{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:18px;background:var(--teal);border-radius:2px;opacity:.5;animation:arrowBounce 2s ease-in-out infinite}.vis-cloud__arrow-btm{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:3px;height:10px;background:var(--teal);border-radius:2px;opacity:.3}.vis-cloud__arrow-btm:after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;border-bottom:3px solid var(--teal);border-right:3px solid var(--teal);opacity:.3}.vis-cloud__gap{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:16px;height:2px;background:repeating-linear-gradient(90deg,var(--text-20) 0,var(--text-20) 2px,transparent 2px,transparent 5px);opacity:.5}@keyframes arrowBounce{0%,100%{transform:translate(-50%,-50%) translateY(0);opacity:.5}50%{transform:translate(-50%,-50%) translateY(3px);opacity:.3}}.compact-states-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.empty-state--compact{padding:40px 24px 32px}.empty-state--compact .empty-state__visual{width:120px;height:90px;margin-bottom:20px}.empty-state--compact .empty-state__heading{font-size:17px;margin-bottom:6px}.empty-state--compact .empty-state__sub{font-size:13px;margin-bottom:0}.empty-state--compact .empty-state__actions{margin-top:20px;margin-bottom:0}.empty-state--compact .es-btn-primary,.empty-state--compact .es-btn-ghost{padding:9px 20px;font-size:13px}.empty-state--compact .empty-state__suggestions{display:none}.empty-state--compact .vis-heart{transform:scale(.75)}.empty-state--compact .vis-vinyl{transform:scale(.7)}.empty-state--compact .vis-cloud{transform:scale(.8)}@media (max-width:900px){.compact-states-grid{grid-template-columns:1fr}}@media (max-width:768px){.empty-state{padding:40px 20px 36px}.empty-state__heading{font-size:19px}.empty-state__actions{flex-direction:column;width:100%}.es-btn-primary,.es-btn-ghost{justify-content:center}.vis-waveform{gap:2px}.vis-waveform__bar{width:3px}}@media (max-width:480px){.empty-state__chips{gap:4px}.es-chip{padding:5px 12px;font-size:11px}}