.bottom-nav[data-v-becc4622]{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--color-surface);box-shadow:0 -1px 6px var(--color-shadow);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0);z-index:1000;transition:var(--transition-default)}.nav-item[data-v-becc4622]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-text-secondary);font-size:.8rem;width:33%;padding:8px 0;background:none;border:none;cursor:pointer;transition:var(--transition-default)}.nav-icon[data-v-becc4622]{font-size:1.25rem;margin-bottom:2px}.record-button[data-v-becc4622]{margin-top:-22px}.record-icon-wrapper[data-v-becc4622]{background-color:var(--color-primary);width:48px;height:48px;border-radius:var(--border-radius-circle);display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px var(--color-shadow);margin-bottom:2px;transition:var(--transition-default);position:relative;overflow:visible}.record-icon-wrapper.disabled[data-v-becc4622]{background-color:var(--color-disabled);cursor:not-allowed}.record-button.recording .record-icon-wrapper[data-v-becc4622]{background-color:var(--color-accent);transform:scale(1.1)}.record-button.recording.pulsing .record-icon-wrapper[data-v-becc4622]{animation:pulse-becc4622 1s infinite}.record-button.processing .record-icon-wrapper[data-v-becc4622]{background-color:var(--color-primary-dark)}.record-icon[data-v-becc4622]{font-size:1.4rem;color:var(--color-text-on-primary)}.record-icon.spinning[data-v-becc4622]{animation:spin-becc4622 1s linear infinite}.nav-item.active[data-v-becc4622]{color:var(--color-primary)}.nav-item.active .record-icon-wrapper[data-v-becc4622]{background-color:var(--color-primary-dark)}.ripple[data-v-becc4622]{position:absolute;width:120%;height:120%;border-radius:var(--border-radius-circle);background:#ff525266;transform:translate(-50%,-50%);left:50%;top:50%;animation:ripple-becc4622 1.5s linear infinite;z-index:-1}@keyframes ripple-becc4622{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes pulse-becc4622{0%{transform:scale(1.1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}@keyframes spin-becc4622{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app[data-v-70de5997]{display:flex;flex-direction:column;align-items:center;padding:.5rem .5rem 70px;max-width:1200px;margin:0 auto;min-height:100vh}header[data-v-70de5997]{margin-bottom:1.5rem;width:100%;position:relative;padding-top:.5rem}.header-content[data-v-70de5997]{display:flex;align-items:center;max-width:800px;margin:0 auto;width:100%}.logo-container[data-v-70de5997]{display:flex;justify-content:center;margin-right:auto}.logo[data-v-70de5997]{width:40px;height:40px;display:block;border-radius:8px;object-fit:cover;background-color:#1e1e1e;margin-right:auto}.tagline[data-v-70de5997]{color:#666;font-size:.85rem;flex:1;text-align:right;margin-left:auto;margin-bottom:0}main[data-v-70de5997]{width:100%;display:flex;flex-direction:column;align-items:center;flex-grow:1}.version-footer[data-v-70de5997]{position:relative;margin-bottom:20px;margin-top:20px;left:0;width:100%;text-align:center;font-size:.75rem;color:var(--color-text-hint);padding:.5rem;background:linear-gradient(to bottom,transparent,var(--color-background) 50%);pointer-events:none;z-index:900}@media (min-width: 768px){.version-footer[data-v-70de5997]{bottom:20px}}.app:not(:has(.bottom-nav)) .version-footer[data-v-70de5997]{bottom:20px}@supports not (selector(:has(*))){@media (min-width: 768px){.version-footer[data-v-70de5997]{bottom:20px}}}@media (max-width: 600px){.app[data-v-70de5997]{padding:.35rem .35rem 70px}header[data-v-70de5997]{margin-bottom:.75rem}.header-content[data-v-70de5997]{padding:0 .5rem}.logo[data-v-70de5997]{width:28px;height:28px}.tagline[data-v-70de5997]{font-size:.7rem}}.login-container[data-v-3fdd7676]{max-width:400px;margin:2rem auto;padding:0;border-radius:0;box-shadow:none;background-color:transparent}.login-title[data-v-3fdd7676]{text-align:center;margin-bottom:1rem;font-size:1.2rem;font-weight:600;color:var(--color-text-primary)}.form-group[data-v-3fdd7676]{margin-bottom:1rem}.form-group label[data-v-3fdd7676]{display:block;margin-bottom:.5rem;font-weight:500}input[data-v-3fdd7676]{width:100%;padding:.6rem;border:1px solid #333;border-radius:4px;font-size:.9rem;background-color:#252525;color:#fff}.btn[data-v-3fdd7676]{cursor:pointer;padding:.75rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500}.btn-primary[data-v-3fdd7676]{background-color:#4285f4;color:#fff;width:100%;margin-top:1rem}.btn-primary[data-v-3fdd7676]:disabled{background-color:#a0b9e5;cursor:not-allowed}.error-message[data-v-3fdd7676]{background-color:#ffebee;color:#d32f2f;padding:.75rem;border-radius:4px;margin-bottom:1rem}.social-login[data-v-3fdd7676]{margin-top:2rem;text-align:center}.social-buttons[data-v-3fdd7676]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.btn-social[data-v-3fdd7676]{flex:1 0 calc(50% - .5rem);max-width:calc(50% - .5rem);background-color:#f5f5f5;color:#333}.btn-social.google[data-v-3fdd7676]{background-color:#4285f4;color:#fff}.login-footer[data-v-3fdd7676]{margin-top:1.5rem;text-align:center}.login-footer a[data-v-3fdd7676]{color:#4285f4;text-decoration:none}.login-footer a[data-v-3fdd7676]:hover{text-decoration:underline}form[data-v-3fdd7676]{background-color:#1e1e1e;color:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 4px #0000001a}.signup-container[data-v-920f0bbc]{max-width:400px;margin:2rem auto;padding:2rem;border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);background-color:#fff}h2[data-v-920f0bbc]{text-align:center;margin-bottom:1.5rem}.form-group[data-v-920f0bbc]{margin-bottom:1rem}.form-group label[data-v-920f0bbc]{display:block;margin-bottom:.5rem;font-weight:500}.form-group small[data-v-920f0bbc]{display:block;margin-top:.25rem;color:#666}input[data-v-920f0bbc]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.btn[data-v-920f0bbc]{cursor:pointer;padding:.75rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500}.btn-primary[data-v-920f0bbc]{background-color:#4285f4;color:#fff;width:100%;margin-top:1rem}.btn-primary[data-v-920f0bbc]:disabled{background-color:#a0b9e5;cursor:not-allowed}.error-message[data-v-920f0bbc]{background-color:#ffebee;color:#d32f2f;padding:.75rem;border-radius:4px;margin-bottom:1rem}.success-message[data-v-920f0bbc]{background-color:#e8f5e9;color:#2e7d32;padding:.75rem;border-radius:4px;margin-bottom:1rem}.social-login[data-v-920f0bbc]{margin-top:2rem;text-align:center}.social-buttons[data-v-920f0bbc]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.btn-social[data-v-920f0bbc]{flex:1 0 calc(50% - .5rem);max-width:calc(50% - .5rem);background-color:#f5f5f5;color:#333}.btn-social.google[data-v-920f0bbc]{background-color:#4285f4;color:#fff}.signup-footer[data-v-920f0bbc]{margin-top:1.5rem;text-align:center}.signup-footer a[data-v-920f0bbc]{color:#4285f4;text-decoration:none}.signup-footer a[data-v-920f0bbc]:hover{text-decoration:underline}.forgot-password-container[data-v-2f3e6c3f]{max-width:400px;margin:2rem auto;padding:2rem;border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);background-color:var(--color-card)}h2[data-v-2f3e6c3f]{text-align:center;margin-bottom:1.5rem;color:var(--color-text-primary)}.form-group[data-v-2f3e6c3f]{margin-bottom:1rem}.form-group label[data-v-2f3e6c3f]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary)}input[data-v-2f3e6c3f]{width:100%;padding:.75rem;border:1px solid var(--color-divider);border-radius:var(--border-radius-small);font-size:1rem;background-color:var(--color-surface);color:var(--color-text-primary)}.btn[data-v-2f3e6c3f]{cursor:pointer;padding:.75rem 1rem;border:none;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500}.btn-primary[data-v-2f3e6c3f]{background-color:var(--color-primary);color:var(--color-text-on-primary);width:100%;margin-top:1rem}.btn-primary[data-v-2f3e6c3f]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-2f3e6c3f]{background-color:#ef53501a;color:var(--color-error);padding:.75rem;border-radius:var(--border-radius-small);margin-bottom:1rem}.success-message[data-v-2f3e6c3f]{background-color:#66bb6a1a;color:var(--color-success);padding:.75rem;border-radius:var(--border-radius-small);margin-bottom:1rem}.forgot-password-footer[data-v-2f3e6c3f]{margin-top:1.5rem;text-align:center}.forgot-password-footer a[data-v-2f3e6c3f]{color:var(--color-primary);text-decoration:none}.forgot-password-footer a[data-v-2f3e6c3f]:hover{text-decoration:underline}.notes-list[data-v-bc505132]{margin-top:2rem;width:100%;max-width:800px;position:relative}.section-title[data-v-bc505132]{margin-bottom:.75rem;text-align:left;color:var(--color-text-primary);font-size:1.1rem;font-weight:600;text-align:center}.loading[data-v-bc505132],.empty-state[data-v-bc505132]{padding:2rem;text-align:center;color:var(--color-text-secondary)}.notes-container[data-v-bc505132]{display:flex;flex-direction:column;gap:1rem}.note-card[data-v-bc505132]{padding:.75rem 1rem;background-color:var(--color-card);border-radius:var(--border-radius-medium);box-shadow:0 1px 4px var(--color-shadow);text-align:left;cursor:pointer;transition:var(--transition-default)}.note-card[data-v-bc505132]:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.note-card.expanded[data-v-bc505132]{box-shadow:0 6px 16px var(--color-shadow)}.note-header[data-v-bc505132]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.note-meta[data-v-bc505132]{display:flex;flex-direction:column}.note-time[data-v-bc505132]{font-size:.8rem;color:var(--color-text-hint)}.note-title[data-v-bc505132]{margin:.15rem 0 .35rem;font-size:1rem;color:var(--color-text-primary);font-weight:600}.note-actions[data-v-bc505132]{display:flex;gap:.5rem}.sync-btn[data-v-bc505132]{background:none;border:none;cursor:pointer;color:var(--color-secondary);opacity:.7;padding:6px;border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center;transition:var(--transition-default)}.sync-btn[data-v-bc505132]:hover{opacity:1;background-color:#26a69a1a}.delete-btn[data-v-bc505132]{background:none;border:none;cursor:pointer;color:var(--color-accent);opacity:.7;padding:6px;border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center;transition:var(--transition-default)}.delete-btn[data-v-bc505132]:hover{opacity:1;background-color:#ff52521a}.note-text[data-v-bc505132]{margin-bottom:1rem;transition:all .3s ease}.expand-indicator[data-v-bc505132]{color:var(--color-secondary);font-size:.8rem;margin-bottom:1rem;cursor:pointer;display:inline-block;font-weight:500}.categories[data-v-bc505132]{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag[data-v-bc505132]{background-color:#26a69a1a;color:var(--color-secondary);padding:.15rem .5rem;border-radius:12px;font-size:.7rem;transition:var(--transition-default)}.category-tag[data-v-bc505132]:hover{background-color:#26a69a33}.modal-overlay[data-v-bc505132]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-bc505132]{background-color:var(--color-card);padding:1.5rem;border-radius:var(--border-radius-medium);box-shadow:0 4px 16px var(--color-shadow);max-width:400px;width:90%}.modal h3[data-v-bc505132]{margin-top:0;color:var(--color-accent)}.modal-actions[data-v-bc505132]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.cancel-btn[data-v-bc505132]{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-divider);border-radius:var(--border-radius-small);padding:.5rem 1rem;cursor:pointer;transition:var(--transition-default)}.cancel-btn[data-v-bc505132]:hover{background-color:var(--color-divider)}.confirm-btn[data-v-bc505132]{background-color:var(--color-accent);color:var(--color-text-on-accent);border:none;border-radius:var(--border-radius-small);padding:.5rem 1rem;cursor:pointer;transition:var(--transition-default)}.confirm-btn[data-v-bc505132]:hover{background-color:var(--color-accent-light)}.spinner[data-v-bc505132]{border:2px solid var(--color-divider);border-top:2px solid var(--color-secondary);border-radius:var(--border-radius-circle);width:16px;height:16px;animation:spin-bc505132 .6s linear infinite}@keyframes spin-bc505132{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-container[data-v-f9bf73f8]{width:100%;max-width:800px;margin:0 auto;padding-bottom:80px}.user-welcome[data-v-f9bf73f8]{text-align:left;margin-bottom:1rem;padding:.5rem .75rem;border-radius:4px;background-color:var(--color-card)}.user-welcome p[data-v-f9bf73f8]{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.user-welcome p strong[data-v-f9bf73f8]{color:var(--color-text-primary)}.profile-container[data-v-ca8d9815]{max-width:600px;margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center}h2[data-v-ca8d9815]{margin-bottom:1.5rem;text-align:center;color:var(--color-text-primary)}h3[data-v-ca8d9815]{margin-bottom:1rem;color:var(--color-text-primary)}.profile-info[data-v-ca8d9815]{display:flex;flex-direction:column;align-items:center;background-color:var(--color-card);border-radius:var(--border-radius-medium);box-shadow:0 2px 8px var(--color-shadow);padding:2rem;margin-bottom:1.5rem;transition:var(--transition-default)}.avatar[data-v-ca8d9815]{width:100px;height:100px;border-radius:var(--border-radius-circle);margin-bottom:1.5rem;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px var(--color-shadow)}.avatar img[data-v-ca8d9815]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-ca8d9815]{width:100%;height:100%;background-color:var(--color-primary);color:var(--color-text-on-primary);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700}form[data-v-ca8d9815]{width:100%}.form-group[data-v-ca8d9815]{margin-bottom:1.25rem}label[data-v-ca8d9815]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary)}.user-email[data-v-ca8d9815]{padding:.75rem;background-color:var(--color-surface);border-radius:var(--border-radius-small);margin:0;color:var(--color-text-secondary)}.verification-badge[data-v-ca8d9815]{display:inline-block;padding:.25rem .5rem;border-radius:var(--border-radius-small);font-size:.75rem;font-weight:700;margin-top:.5rem}.verification-badge[data-v-ca8d9815]:not(.verified){background-color:#ef53501a;color:var(--color-error)}.verification-badge.verified[data-v-ca8d9815]{background-color:#66bb6a1a;color:var(--color-success)}.btn-primary[data-v-ca8d9815]{background-color:var(--color-primary);color:var(--color-text-on-primary);margin-top:1rem}.btn-danger[data-v-ca8d9815]{background-color:var(--color-accent);color:var(--color-text-on-accent)}.error-state[data-v-ca8d9815]{text-align:center;margin:2rem 0;color:var(--color-error)}.error-state .btn[data-v-ca8d9815]{margin-top:1rem;max-width:200px}.theme-settings[data-v-ca8d9815]{margin:1.5rem 0;padding:1.5rem}.theme-options[data-v-ca8d9815]{display:flex;justify-content:space-between;margin-top:1rem;gap:10px}.theme-option[data-v-ca8d9815]{flex:1;cursor:pointer;position:relative;border-radius:var(--border-radius-medium);transition:var(--transition-default);border:2px solid var(--color-divider);overflow:hidden}.theme-option input[data-v-ca8d9815]{position:absolute;opacity:0;width:0;height:0}.theme-option:hover .option-content[data-v-ca8d9815]{background-color:var(--color-divider)}.theme-option.active[data-v-ca8d9815]{border-color:var(--color-primary)}.theme-option.active .option-content[data-v-ca8d9815]{background-color:#5c6bc01a}.option-content[data-v-ca8d9815]{padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:var(--color-surface);transition:var(--transition-default)}.theme-icon[data-v-ca8d9815]{font-size:1.5rem;line-height:1;margin-bottom:.25rem}.option-label[data-v-ca8d9815]{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.logout-section[data-v-ca8d9815]{margin-top:2rem;width:100%;display:flex;justify-content:center}.logout-section .btn[data-v-ca8d9815]{max-width:200px}@media (max-width: 600px){.profile-container[data-v-ca8d9815]{padding:1rem .5rem;width:100%}.profile-info[data-v-ca8d9815],.theme-settings[data-v-ca8d9815]{margin-left:-.5rem;margin-right:-.5rem;border-radius:var(--border-radius-small);width:90%}.profile-info[data-v-ca8d9815]{padding:1.5rem 1rem}.theme-settings[data-v-ca8d9815]{padding:1.25rem 1rem}}:root{--color-primary: #5C6BC0;--color-primary-dark: #3949AB;--color-primary-light: #7986CB;--color-secondary: #26A69A;--color-secondary-dark: #00897B;--color-secondary-light: #4DB6AC;--color-accent: #FF5252;--color-accent-light: #FF8A80;--color-success: #66BB6A;--color-error: #EF5350;--color-warning: #FFCA28;--color-background: #121212;--color-surface: #1E1E1E;--color-card: #2D2D2D;--color-text-primary: #FFFFFF;--color-text-secondary: #B0B0B0;--color-text-hint: #808080;--color-text-disabled: #6C6C6C;--color-text-on-primary: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-accent: #FFFFFF;--color-divider: #383838;--color-shadow: rgba(0, 0, 0, .3);--transition-default: all .3s ease;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 16px;--border-radius-circle: 50%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overscroll-behavior-y:none}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}input,textarea,select,button{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-divider);border-radius:var(--border-radius-small);padding:.5rem}input::placeholder,textarea::placeholder,select::placeholder,button::placeholder{color:var(--color-text-hint)}#app{width:100%;margin:0 auto;text-align:center}button{border-radius:var(--border-radius-small);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-default)}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}