.ar-visualizer-wrap{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#f9fafbcc;padding:.5rem}#ar-visualizer{width:100%;height:120px;display:block}.ar-controls{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.ar-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:50%;width:52px;height:52px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,opacity .2s}.ar-controls button:disabled{opacity:.35;cursor:not-allowed;transform:none}#ar-btn-record{background:#ef4444;color:#fff}#ar-btn-record:hover:not(:disabled){background:#dc2626;transform:scale(1.08)}#ar-btn-record.ar-btn-active{background:#dc2626;box-shadow:0 0 0 4px #ef44444d;animation:ar-pulse 1.5s infinite}#ar-btn-pause{background:#f59e0b;color:#fff}#ar-btn-pause:hover:not(:disabled){background:#d97706;transform:scale(1.08)}#ar-btn-pause.ar-btn-paused{background:#22c55e;box-shadow:0 0 0 3px #22c55e4d}#ar-btn-stop{background:#6b7280;color:#fff}#ar-btn-stop:hover:not(:disabled){background:#4b5563;transform:scale(1.08)}@keyframes ar-pulse{0%,to{box-shadow:0 0 0 4px #ef44444d}50%{box-shadow:0 0 0 8px #ef444426}}.ar-status-row{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}#ar-timer{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;color:#1f2937;letter-spacing:.02em}#ar-status{font-size:.85rem;color:#6b7280}.ar-format-row{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.85rem;color:#374151}.ar-format-row label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.35rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;transition:border-color .2s,background .2s;background:#f9fafbcc}.ar-format-row label:has(input:checked){border-color:#3b82f6;background:#3b82f614}.ar-format-row input[type=radio]{accent-color:#3b82f6}.ar-records-panel{border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;background:#f9fafbcc}.ar-records-title{font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.ar-record-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:.6rem;background:#ffffffe6;transition:border-color .2s,box-shadow .2s}.ar-record-item:hover{border-color:#93c5fd;box-shadow:0 1px 3px #3b82f614}.ar-record-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.ar-record-name{font-size:.85rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-record-meta{font-size:.75rem;color:#6b7280;white-space:nowrap;flex-shrink:0}.ar-record-actions{display:flex;gap:.5rem;flex-shrink:0;margin-left:.5rem}.ar-record-actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:.5rem;background:#ffffffe6;color:#374151;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.ar-record-actions button:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60f}.ar-play-btn.ar-playing{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.ar-delete-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440f}.ar-empty-hint{text-align:center;padding:1.5rem;font-size:.85rem;color:#9ca3af}#ar-toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.ar-toast{background:#1f2937;color:#fff;padding:.6rem 1rem;border-radius:.5rem;font-size:.82rem;opacity:0;transform:translate(20px);transition:opacity .3s,transform .3s;pointer-events:auto}.ar-toast.ar-toast-show{opacity:1;transform:translate(0)}:root[data-theme=dark] .ar-visualizer-wrap,html.dark .ar-visualizer-wrap{border-color:#4b5563;background:#1f2937cc}:root[data-theme=dark] #ar-timer,html.dark #ar-timer{color:#e5e7eb}:root[data-theme=dark] #ar-status,html.dark #ar-status{color:#9ca3af}:root[data-theme=dark] .ar-format-row,html.dark .ar-format-row{color:#d1d5db}:root[data-theme=dark] .ar-format-row label,html.dark .ar-format-row label{border-color:#4b5563;background:#1f2937cc}:root[data-theme=dark] .ar-format-row label:has(input:checked),html.dark .ar-format-row label:has(input:checked){border-color:#3b82f6;background:#3b82f61f}:root[data-theme=dark] .ar-records-panel,html.dark .ar-records-panel{border-color:#4b5563;background:#1f2937cc}:root[data-theme=dark] .ar-records-title,html.dark .ar-records-title{color:#e5e7eb}:root[data-theme=dark] .ar-record-item,html.dark .ar-record-item{border-color:#4b5563;background:#1f293799}:root[data-theme=dark] .ar-record-item:hover,html.dark .ar-record-item:hover{border-color:#60a5fa;box-shadow:0 1px 3px #60a5fa14}:root[data-theme=dark] .ar-record-name,html.dark .ar-record-name{color:#e5e7eb}:root[data-theme=dark] .ar-record-meta,html.dark .ar-record-meta{color:#9ca3af}:root[data-theme=dark] .ar-record-actions button,html.dark .ar-record-actions button{border-color:#4b5563;background:#1f2937cc;color:#d1d5db}:root[data-theme=dark] .ar-record-actions button:hover,html.dark .ar-record-actions button:hover{border-color:#60a5fa;color:#60a5fa;background:#3b82f61a}:root[data-theme=dark] .ar-play-btn.ar-playing,html.dark .ar-play-btn.ar-playing{background:#3b82f626}:root[data-theme=dark] .ar-delete-btn:hover,html.dark .ar-delete-btn:hover{border-color:#f87171;color:#f87171;background:#ef44441a}@media(prefers-color-scheme:dark){.ar-visualizer-wrap{border-color:#4b5563;background:#1f2937cc}#ar-timer{color:#e5e7eb}#ar-status{color:#9ca3af}.ar-format-row{color:#d1d5db}.ar-format-row label{border-color:#4b5563;background:#1f2937cc}.ar-format-row label:has(input:checked){border-color:#3b82f6;background:#3b82f61f}.ar-records-panel{border-color:#4b5563;background:#1f2937cc}.ar-records-title{color:#e5e7eb}.ar-record-item{border-color:#4b5563;background:#1f293799}.ar-record-item:hover{border-color:#60a5fa;box-shadow:0 1px 3px #60a5fa14}.ar-record-name{color:#e5e7eb}.ar-record-meta{color:#9ca3af}.ar-record-actions button{border-color:#4b5563;background:#1f2937cc;color:#d1d5db}.ar-record-actions button:hover{border-color:#60a5fa;color:#60a5fa;background:#3b82f61a}.ar-play-btn.ar-playing{background:#3b82f626}.ar-delete-btn:hover{border-color:#f87171;color:#f87171;background:#ef44441a}}@media(max-width:480px){.ar-record-item{flex-wrap:wrap}.ar-record-info{flex-basis:100%}.ar-record-actions{margin-left:auto}}