.ls-overlay{position:fixed;inset:0;z-index:1050;background:rgba(0,0,0,.65);backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:flex-start;justify-content:center;padding:16px;animation:ls-fade-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes ls-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ls-panel{width:100%;max-width:600px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--background-primary,#ffffff);border-radius:24px;box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 0 1px rgba(212,175,55,.15);display:flex;flex-direction:column;overflow:hidden;animation:ls-slide-up .3s cubic-bezier(.34,1.56,.64,1)}@keyframes ls-slide-up{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ls-header{justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.ls-brand,.ls-header{display:flex;align-items:center}.ls-brand{gap:10px}.ls-brand-icon{font-size:22px}.ls-brand-text{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ls-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background:rgba(0,0,0,.04);color:var(--text-secondary,#334155);cursor:pointer;transition:all .2s ease}.ls-close-btn:hover{background:rgba(0,0,0,.08);transform:rotate(90deg)}.ls-form{display:flex;gap:10px;padding:12px 20px 16px;border-bottom:1px solid rgba(0,0,0,.04);flex-shrink:0}.ls-input-wrap{flex:1;position:relative;display:flex;align-items:center}.ls-input-icon{position:absolute;left:14px;color:var(--text-muted,#64748b);display:flex;pointer-events:none}.ls-input{width:100%;height:48px;padding:0 44px;border:2px solid rgba(0,0,0,.06);border-radius:14px;background:var(--background-secondary,#f8fafc);color:var(--text-primary,#0f172a);font-size:.95rem;font-family:Inter,sans-serif;outline:none;transition:all .25s ease}.ls-input:focus{border-color:#d4af37;box-shadow:0 0 0 4px rgba(212,175,55,.12);background:var(--background-primary,#ffffff)}.ls-input::-moz-placeholder{color:var(--text-muted,#64748b)}.ls-input::placeholder{color:var(--text-muted,#64748b)}.ls-clear-btn{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--text-muted,#64748b);color:white;cursor:pointer;font-size:12px;opacity:.6;transition:opacity .2s ease}.ls-clear-btn:hover{opacity:1}.ls-search-btn{height:48px;padding:0 24px;border:none;border-radius:14px;background:linear-gradient(135deg,#d4af37,#ffd700);color:#0f172a;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;min-width:88px;white-space:nowrap}.ls-search-btn:disabled{opacity:.5;cursor:not-allowed}.ls-search-btn:not(:disabled):hover{transform:scale(1.03);box-shadow:0 4px 20px rgba(212,175,55,.35)}.ls-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(15,23,42,.2);border-top-color:#0f172a;border-radius:50%;animation:ls-spin .6s linear infinite}.ls-spinner--large{width:32px;height:32px;border-width:3px;border-color:#d4af37 rgba(212,175,55,.2) rgba(212,175,55,.2)}@keyframes ls-spin{to{transform:rotate(1turn)}}.ls-tabs{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.04);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.ls-tabs::-webkit-scrollbar{display:none}.ls-tab{display:flex;align-items:center;gap:6px;padding:6px 16px;border:none;border-radius:100px;background:transparent;color:var(--text-muted,#64748b);font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ls-tab:hover{background:rgba(0,0,0,.04);color:var(--text-primary,#0f172a)}.ls-tab--active{background:linear-gradient(135deg,#d4af37,#ffd700);color:#0f172a;box-shadow:0 2px 12px rgba(212,175,55,.25)}.ls-tab-count{background:rgba(0,0,0,.08);border-radius:100px;padding:0 6px;font-size:.7rem;font-weight:700;min-width:18px;text-align:center}.ls-tab--active .ls-tab-count{background:rgba(15,23,42,.15)}.ls-body{flex:1;overflow-y:auto;padding:8px 0 16px;scroll-behavior:smooth}.ls-error{display:flex;align-items:center;gap:10px;margin:12px 16px;padding:12px 16px;border-radius:12px;background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.12);color:var(--error-color,#dc2626);font-size:.875rem}.ls-error-icon{font-size:18px}.ls-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 56px;text-align:center}.ls-empty-icon{font-size:56px;margin-bottom:16px;opacity:.5}.ls-empty-title{font-size:1.1rem;font-weight:600;color:var(--text-primary,#0f172a);margin:0 0 6px}.ls-empty-sub{font-size:.9rem;color:var(--text-muted,#64748b);margin:0}.ls-prompt{padding:16px 20px}.ls-prompt-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#64748b);margin:0 0 12px}.ls-prompt-grid{display:flex;flex-wrap:wrap;gap:8px}.ls-prompt-tag{padding:8px 18px;border:1.5px solid rgba(212,175,55,.2);border-radius:100px;background:rgba(212,175,55,.04);color:var(--text-secondary,#334155);font-size:.85rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.ls-prompt-tag:hover{border-color:#d4af37;background:rgba(212,175,55,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,.15)}.ls-results{padding:0 4px}.ls-section{padding:8px 16px 4px}.ls-section-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#64748b);margin:0 0 12px;padding:0 4px}.ls-section-count{background:rgba(0,0,0,.04);padding:0 8px;border-radius:100px;font-size:.65rem}.ls-creators-grid{display:flex;flex-direction:column;gap:4px}.ls-creator-card{display:flex;align-items:center;gap:14px;padding:10px 12px;border:none;border-radius:14px;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.ls-creator-card:hover{background:rgba(0,0,0,.03);transform:translateX(4px)}.ls-creator-avatar{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#d4af37,#ffd700)}.ls-creator-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ls-creator-initial{width:100%;height:100%;font-size:22px;font-weight:900}.ls-creator-badge,.ls-creator-initial{display:flex;align-items:center;justify-content:center;color:white}.ls-creator-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#ffd700);font-size:10px;font-weight:700;border:2px solid var(--background-primary,#ffffff)}.ls-creator-info{flex:1;min-width:0}.ls-creator-name{font-size:.9rem;font-weight:600;color:var(--text-primary,#0f172a);display:block}.ls-creator-handle{font-size:.78rem;color:var(--text-muted,#64748b)}.ls-creator-stats{display:flex;gap:12px;font-size:.7rem;color:var(--text-muted,#64748b);margin-top:2px}.ls-creator-action{display:flex;align-items:center;gap:8px;flex-shrink:0}.ls-plugged-badge{font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:100px;background:rgba(212,175,55,.12);color:#d4af37}.ls-arrow{color:var(--text-muted,#64748b);font-size:18px;transition:transform .2s ease}.ls-creator-card:hover .ls-arrow{transform:translateX(4px);color:#d4af37}.ls-loops-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ls-loop-card{display:flex;flex-direction:column;gap:8px;border:none;background:transparent;padding:0;cursor:pointer;border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:left;animation:ls-card-in--loops-search .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes ls-card-in--loops-search{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ls-loop-card:hover{transform:translateY(-4px)}.ls-loop-card--active{transform:scale(.97)}.ls-loop-thumb{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--background-secondary,#f8fafc);transition:all .3s ease}.ls-loop-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ls-loop-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#d4af37,#ffd700)}.ls-loop-overlay,.ls-loop-placeholder{display:flex;align-items:center;justify-content:center}.ls-loop-overlay{position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:0;transition:opacity .3s ease}.ls-loop-card:hover .ls-loop-overlay{opacity:1}.ls-loop-play-indicator{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#0f172a;transform:scale(.8);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ls-loop-card:hover .ls-loop-play-indicator{transform:scale(1)}.ls-loop-viral{top:8px;left:8px;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;background:rgba(220,38,38,.9);font-weight:700}.ls-loop-stats,.ls-loop-viral{position:absolute;display:flex;color:white;font-size:.65rem}.ls-loop-stats{bottom:0;left:0;right:0;padding:20px 8px 8px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);gap:10px;font-weight:600}.ls-loop-meta{display:flex;flex-direction:column;gap:4px;padding:0 4px}.ls-loop-title{font-size:.8rem;font-weight:600;color:var(--text-primary,#0f172a);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ls-loop-author{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-muted,#64748b)}.ls-loop-author-avatar{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#d4af37,#ffd700);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:white}.ls-verified-badge{font-size:.7rem;color:#d4af37;font-weight:700}.ls-loop-sound{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-muted,#64748b)}.ls-sounds-list{display:flex;flex-direction:column;gap:2px}.ls-sound-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;transition:all .2s ease}.ls-sound-row:hover{background:rgba(0,0,0,.03)}.ls-sound-play{flex-shrink:0;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#d4af37,#ffd700);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.ls-sound-play:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(212,175,55,.3)}.ls-sound-play--playing{background:var(--error-color,#dc2626);animation:ls-pulse 1s ease infinite}@keyframes ls-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ls-sound-playing{font-size:16px}.ls-sound-info{flex:1;min-width:0}.ls-sound-title{font-size:.85rem;font-weight:600;color:var(--text-primary,#0f172a);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-sound-meta{display:flex;gap:8px;font-size:.7rem;color:var(--text-muted,#64748b);flex-wrap:wrap}.ls-sound-category{padding:1px 8px;border-radius:100px;background:rgba(0,0,0,.04);font-weight:500}.ls-sound-trending{font-size:12px}.ls-sound-usage{gap:4px;font-size:.7rem;flex-shrink:0}.ls-loading-more,.ls-sound-usage{display:flex;align-items:center;color:var(--text-muted,#64748b)}.ls-loading-more{flex-direction:column;gap:8px;padding:24px 16px 32px;font-size:.85rem}.ls-sentinel{height:1px}@media (max-width:480px){.ls-overlay{padding:8px;align-items:flex-end}.ls-panel{max-width:100%;max-height:94vh;border-radius:20px 20px 0 0}.ls-loops-grid{grid-template-columns:1fr 1fr;gap:8px}.ls-header{padding:12px 16px 10px}.ls-form{padding:10px 16px 12px}.ls-tabs{padding:8px 12px}.ls-tab{font-size:.75rem;padding:4px 12px}.ls-body{padding:4px 0 8px}.ls-section{padding:4px 12px}.ls-creator-card{padding:8px 10px}.ls-creator-avatar{width:44px;height:44px}.ls-sound-row{padding:8px 10px}}@media (max-width:380px){.ls-loops-grid{grid-template-columns:1fr 1fr;gap:6px}.ls-search-btn{min-width:64px;padding:0 14px;font-size:.8rem}.ls-input{font-size:.85rem;height:42px}}