body{background-color:#fff;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.container.svelte-bnhk6d{max-width:800px;margin:0 auto;padding:20px}.controls-section.svelte-bnhk6d{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;text-align:center}.record-button.svelte-bnhk6d{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s}.record-button.svelte-bnhk6d:hover{background-color:#45a049}.record-button.recording.svelte-bnhk6d{background-color:#f44336}.record-button.recording.svelte-bnhk6d:hover{background-color:#da190b}.status.svelte-bnhk6d{margin-top:10px;color:#666;font-size:14px}.notes-list.svelte-bnhk6d{display:grid;gap:20px;grid-template-columns:1fr}.note.svelte-bnhk6d{background-color:#f0f8ff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.note.svelte-bnhk6d:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.note-header.svelte-bnhk6d{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.note-metadata.svelte-bnhk6d{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:15px}.metadata-item.svelte-bnhk6d{display:flex;flex-direction:column}.metadata-label.svelte-bnhk6d{font-size:12px;color:#666;margin-bottom:4px}.metadata-value.svelte-bnhk6d{font-size:14px;color:#333}.transcription.svelte-bnhk6d{margin-top:10px;white-space:pre-wrap;color:#333;line-height:1.5;font-size:16px;padding:10px;background-color:#ffffff80;border-radius:4px}.microphone-level.svelte-bnhk6d{width:300px;height:20px;background-color:#ddd;border-radius:10px;overflow:hidden;margin:10px auto}.level-bar.svelte-bnhk6d{height:100%;background-color:#4caf50;transition:width .1s ease}.delete-button.svelte-bnhk6d{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:8px;line-height:1;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation}.delete-button.svelte-bnhk6d:hover{background-color:#0000000d;color:#f44336}@media (hover: none){.delete-button.svelte-bnhk6d{opacity:1}}@media (min-width: 768px){.notes-list.svelte-bnhk6d{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}