.sound-explorer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;overflow:hidden}.sound-search{border-bottom:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:.75rem;padding:1rem;display:flex}.sound-search svg{color:var(--color-text-secondary);flex-shrink:0}.sound-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.sound-search input::placeholder{color:var(--color-text-secondary)}.search-clear{background:var(--color-hover);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.search-clear:hover{background:var(--color-border);color:var(--color-text)}.sound-player{border-bottom:1px solid var(--color-border);background:var(--color-primary);color:#fff;align-items:center;gap:1rem;padding:1rem;display:flex}.player-info{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.player-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.player-btn:hover{background:#ffffff4d}.player-details{min-width:0}.player-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.95rem;font-weight:600;overflow:hidden}.player-path{opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.75rem;overflow:hidden}.player-progress{cursor:pointer;background:#fff3;border-radius:3px;flex:1;height:6px;overflow:hidden}.player-progress-bar{background:#fff;border-radius:3px;height:100%;transition:width .1s linear}.player-time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}.sound-tree{max-height:600px;overflow-y:auto}.tree-empty{text-align:center;color:var(--color-text-secondary);padding:2rem}.tree-item{cursor:pointer;border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .1s;display:flex}.tree-item:hover{background:var(--color-hover)}.tree-item svg{color:var(--color-text-secondary);flex-shrink:0}.tree-item-folder svg:first-of-type{color:var(--color-primary)}.tree-item-file svg:first-of-type{color:var(--color-text-secondary);width:16px;height:16px}.tree-item-file.playing{background:#5f8fb81a}.tree-item-file.playing svg:first-of-type{color:var(--color-primary)}.tree-arrow{color:var(--color-text-secondary);text-align:center;width:12px;font-size:.6rem;transition:transform .15s}.tree-arrow.expanded{transform:rotate(90deg)}.tree-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text);flex:1;font-size:.9rem;overflow:hidden}.tree-count{color:var(--color-text-secondary);background:var(--color-hover);border-radius:10px;padding:.125rem .5rem;font-size:.75rem}.tree-format{color:var(--color-primary);text-transform:uppercase;background:#5f8fb81a;border-radius:3px;padding:.125rem .375rem;font-size:.65rem;font-weight:600}.tree-size{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.75rem}.faq-section{margin-top:2rem}.faq-section h2{color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.faq-item:last-child{margin-bottom:0}.faq-item h3{color:var(--color-text);margin-bottom:.5rem;font-size:1rem;font-weight:600}.faq-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.6}.faq-item code{background:var(--color-hover);border-radius:3px;padding:.125rem .375rem;font-family:monospace;font-size:.85em}.faq-item strong{color:var(--color-text)}@media (max-width:768px){.sound-player{flex-wrap:wrap}.player-info{width:100%}.player-name,.player-path{max-width:none}.player-progress{flex:none;order:1;width:100%}.player-time{text-align:center;order:2;width:100%}.tree-item{padding:.625rem .5rem}.tree-name{font-size:.85rem}}