.tooltip{cursor:help;position:relative}.tooltip:after{background:#000000bf;border-radius:4px;bottom:125%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:999}.tooltip:hover:after{opacity:1}.audio-matcher{display:flex;flex-direction:column;gap:20px}.buttons{display:flex;gap:15px;justify-content:center}.start-btn,.stop-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1em;gap:8px;padding:10px 20px}.start-btn{background-color:#16a34a}.stop-btn{background-color:#dc2626}.start-btn:disabled,.stop-btn:disabled{cursor:not-allowed;opacity:.5}.status{color:#047857;font-weight:700;text-align:center}.segments{max-height:300px;overflow-x:visible;overflow-y:auto;padding-top:1.5rem;position:relative}.seg-header,.segment-card{overflow:visible;position:relative}.segment-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:15px}.seg-header{color:#333;font-weight:600;justify-content:space-between;margin-bottom:8px}.seg-body{color:#444;font-size:.9em}.predicted{margin-bottom:6px}.matches ul{margin:1px 0 0 16px}.app-container{align-items:center;background-color:#e9f4fb;display:flex;justify-content:center;min-height:100vh;padding:2rem}.card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:2.5rem;transition:transform .2s ease;width:100%}.card:hover{transform:translateY(-5px)}.card h1{color:#333;font-size:2rem;margin:0 0 1rem;text-align:center}.description{color:#555;font-size:1rem;margin:0 0 1.5rem;text-align:center}.input-group{margin-bottom:1.5rem}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.input-group input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input:focus{border-color:#5aaeff;box-shadow:0 0 8px #5aaeff80;outline:none}.footer{color:#999;font-size:.85rem;margin-top:1.5rem;text-align:center}body{background:linear-gradient(135deg,#e0f2fe,#f5e0ff);font-family:Arial,sans-serif;margin:0}.seg-header{flex-wrap:wrap;font-size:.95rem;font-weight:500;gap:8px}.seg-header,.seg-header span{align-items:center;display:flex}.seg-header span{gap:4px;white-space:nowrap}
/*# sourceMappingURL=main.a9001ef7.css.map*/