.mobile-nav{display:flex;justify-content:space-between;padding:.5rem;background-color:var(--accent-color);position:fixed;bottom:0;width:100%;box-shadow:0 -1px 5px #0000000d;z-index:10}.nav-item{flex:1;text-align:center;background-color:#b48de8;border:none;color:#fff;padding:.5rem 0;font-size:1rem;font-weight:500;line-height:1.25;cursor:pointer;border-radius:0;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-item span{margin-top:.25rem}.nav-item:hover{background-color:#cba2ef;color:#fff}.nav-item.active{background-color:#f2d18e;color:#4e2d73;font-weight:600}.nav-item.active span{color:#4e2d73}.tab-button{flex:1;padding:.75rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.tab-button.active{background-color:#f2d18e;color:#4e2d73}.tab-button.inactive{background-color:#b48de8;color:#fff}.voice-entry-card{background-color:#f1e9fb;padding:1.5rem;border-radius:12px;box-shadow:0 0 10px #0000000d;margin-bottom:1.25rem;transition:background .3s}.voice-entry-card:hover{background-color:#c9b7ee}.entry-transcript{font-size:1.1rem;color:#512d79;margin-bottom:.75rem;line-height:1.5}.entry-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem;color:#512d79}.voice-entry{background-color:#e8ddf9;color:#4a2e6e;border-radius:1rem;padding:1rem;box-shadow:0 4px 10px #0000000f;transition:background-color .3s ease,color .3s ease}.voice-entry:hover{background-color:#b48de8;color:#f8f4ff}.voice-journal-container{height:100vh;overflow-y:auto;padding:2rem;box-sizing:border-box;scroll-behavior:smooth;background:linear-gradient(to bottom right,#f7f3ff,#ede7fa);color:#2d2d2d;border-radius:12px}.journal-header{font-size:2rem;font-weight:700;color:#512d79;margin-bottom:.5rem}.journal-status{font-size:1.1rem;color:#77729a;margin-bottom:1.5rem}.voice-journal-container{padding:3rem 2rem;max-width:700px;margin:0 auto;background-color:#ffffff0a;border-radius:12px;box-shadow:0 0 20px #00000014;text-align:center}.journal-header{font-size:2rem;font-weight:600;color:#b48de8;margin-bottom:.5rem}.journal-status{font-style:italic;color:#ccc;margin-bottom:2rem}.recorder-button-wrapper{display:flex;justify-content:center;margin-top:1.5rem}.recorder-button-wrapper button:focus{outline:none;box-shadow:none}.recorder-button-wrapper .ledger-container{padding:3rem 2rem;max-width:800px;margin:0 auto;text-align:center}.recorder-button-wrapper .ledger-header{font-size:2rem;color:#c8afff;margin-bottom:.5rem}.recorder-button-wrapper .entry-count{font-size:.9rem;color:#aaa;margin-bottom:1.5rem}.recorder-button-wrapper .ledger-scroll-area{padding:1rem;overflow-y:auto}.recorder-button-wrapper .no-entries-message{color:#bbb;font-style:italic}.recorder-button-wrapper .ledger-container{padding:1.5rem;background-color:#f6f1fc;color:#2b2b3c;height:100vh;overflow:hidden;display:flex;flex-direction:column}.recorder-button-wrapper .ledger-header{font-size:1.8rem;font-weight:700;color:#5e3b76;margin-bottom:1rem;text-align:center}.recorder-button-wrapper .ledger-scroll-area{flex:1;overflow-y:auto;padding-right:1rem}.recorder-button-wrapper .no-entries-message{text-align:center;color:#9c8cad;margin-top:2rem}.recorder-button-wrapper :root{--bg-color: #f4f0fa;--text-color: #2e2e2e;--muted-text: #666666;--accent-color: #7b61ff;--accent-color-hover: #a68eff;--card-bg: #ffffff;--card-border: #e2d8f6;--button-radius: 12px;--shadow-soft: 0 1px 5px rgba(0, 0, 0, .05)}.recorder-button-wrapper html,.recorder-button-wrapper body,.recorder-button-wrapper #root{height:100%;margin:0;padding:0;font-family:var(--font-family);background-color:var(--primary-bg);color:var(--text-color);overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.recorder-button-wrapper *{box-sizing:border-box}.recorder-button-wrapper a{color:inherit;text-decoration:none}.recorder-button-wrapper button{font-family:inherit;padding:.6rem 1rem;border-radius:8px;background:var(--accent-color);color:var(--text-color);font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.recorder-button-wrapper button:hover{background:var(--button-hover);box-shadow:0 0 6px #7aa8d866}.recorder-button-wrapper input,.recorder-button-wrapper textarea{font-family:inherit;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:.5rem}.recorder-button-wrapper h1,.recorder-button-wrapper h2,.recorder-button-wrapper h3,.recorder-button-wrapper h4,.recorder-button-wrapper h5,.recorder-button-wrapper h6{font-weight:600;margin:.5rem 0;color:var(--text-color)}.recorder-button-wrapper img{max-width:100%;height:auto;display:block}.recorder-button-wrapper .card{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 10px #00000014;padding:1rem}.recorder-button-wrapper .tone-tag{padding:.3rem .6rem;border-radius:6px;background:#7aa8d81a;color:var(--accent-color);font-weight:500;font-size:.85rem;box-shadow:0 0 6px #7aa8d84d;display:inline-block;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width: 600px){.recorder-button-wrapper .container,.recorder-button-wrapper .ledger-entry,.recorder-button-wrapper .whisper-panel{padding:1rem;font-size:.95rem}}.recorder-button-wrapper .presence-base{max-height:120px!important}.recorder-button-wrapper .presence-container{height:150px!important}.recorder-button-wrapper .resonance-grid-block,.recorder-button-wrapper .memory-tone-echo{background-color:#f0f4fa!important;color:#222!important;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.recorder-button-wrapper .memory-tone-echo .harmonize-button{background-color:#dceeff!important;color:#111!important}.recorder-button-wrapper .memory-tone-echo p,.recorder-button-wrapper .memory-tone-echo span{color:#222!important}.recorder-button-wrapper .recent-reflections-log,.recorder-button-wrapper .recent-reflections-log p,.recorder-button-wrapper .recent-reflections-log span,.recorder-button-wrapper .recent-reflections-log li{color:#1a237e!important;font-weight:500}.recorder-button-wrapper .primary-button{background-color:var(--accent-color);color:#fefbf3;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;border:none;border-radius:var(--button-radius);cursor:pointer;transition:background-color .3s ease,color .3s ease;box-shadow:var(--shadow-soft)}.recorder-button-wrapper .primary-button:hover{background-color:var(--accent-color-hover);color:#fffde0}.recorder-button-wrapper .primary-button:active{transform:scale(.98)}.recorder-button-wrapper .secondary-button{background-color:transparent;color:var(--accent-color);padding:.5rem 1rem;font-size:.85rem;font-weight:500;border:1px solid var(--accent-color);border-radius:var(--button-radius);cursor:pointer;transition:all .3s ease}.recorder-button-wrapper .secondary-button:hover{background-color:var(--accent-color);color:#fff}.recorder-button-wrapper .tag-button{padding:.35rem .9rem;border-radius:999px;background-color:#f3edff;border:1px solid var(--accent-color);color:var(--accent-color);font-size:.8rem;cursor:pointer;transition:all .2s ease}.recorder-button-wrapper .tag-button.selected{background-color:var(--accent-color);color:#fff}