.audio-recorder{margin-bottom:var(--space-lg)}.record-btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--white);border:2px dashed var(--border);width:100%;color:var(--text-secondary);padding:14px;font-size:15px;transition:all .2s;display:flex}.record-btn:active{border-color:var(--leaf-green);background:#8ed08114}.mic-icon{font-size:20px}.audio-recording-active{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--coral-pink);background:#ff9aa21a;padding:14px 18px;display:flex}.recording-pulse{background:var(--coral-pink);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.recording-timer{color:var(--coral-pink);font-variant-numeric:tabular-nums;flex:1;font-size:18px;font-weight:700}.stop-btn{background:var(--coral-pink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stop-icon{background:#fff;border-radius:3px;width:14px;height:14px}.recording-hint{color:var(--text-light);font-size:12px}.audio-playback{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--white);border:2px solid var(--mint);padding:10px 14px;display:flex}.play-btn{background:var(--leaf-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.play-btn:active{transform:scale(.95)}.audio-wave-static{flex:1;align-items:center;gap:3px;height:28px;display:flex}.wave-bar{background:var(--mint);border-radius:2px;width:3px;height:40%;transition:height .2s}.wave-bar:first-child{height:30%}.wave-bar:nth-child(2){height:50%}.wave-bar:nth-child(3){height:70%}.wave-bar:nth-child(4){height:45%}.wave-bar:nth-child(5){height:85%}.wave-bar:nth-child(6){height:55%}.wave-bar:nth-child(7){height:95%}.wave-bar:nth-child(8){height:60%}.wave-bar:nth-child(9){height:75%}.wave-bar:nth-child(10){height:40%}.wave-bar:nth-child(11){height:55%}.wave-bar:nth-child(12){height:35%}.wave-bar.animating{animation:.6s ease-in-out infinite alternate waveAnim}@keyframes waveAnim{0%{background:var(--mint);height:20%}to{background:var(--leaf-green);height:100%}}.audio-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.audio-remove-btn{width:28px;height:28px;color:var(--text-light);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.audio-remove-btn:active{color:var(--coral-pink)}.audio-permission-denied{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);background:#ff9aa214;border:1px solid #ff9aa233}.audio-permission-denied span{font-size:24px}.audio-permission-denied p{color:var(--text-secondary);margin-top:4px;font-size:13px}.play-btn-mini{background:var(--mint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .2s;display:flex}.play-btn-mini:active{background:var(--leaf-green);transform:scale(.95)}.logphrase-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both logphraseOverlayIn;display:flex;position:fixed;inset:0}@keyframes logphraseOverlayIn{0%{opacity:0}to{opacity:1}}.logphrase-sheet{background:var(--white);border-radius:24px 24px 0 0;width:100%;max-width:430px;max-height:92vh;padding:8px 20px 24px;animation:.3s cubic-bezier(.16,1,.3,1) both logphraseSheetUp;overflow-y:auto}@keyframes logphraseSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.logphrase-handle{background:var(--border);border-radius:2px;width:38px;height:4px;margin:0 auto 12px}.logphrase-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.logphrase-header-icon{font-size:32px}.logphrase-limit-bar{background:var(--cream-bg,var(--cream));border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex}.logphrase-limit-bar-track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.logphrase-limit-bar-fill{background:linear-gradient(90deg, var(--leaf-green), #6bc45e);border-radius:3px;height:100%;transition:width .3s}.logphrase-limit-bar-text{color:var(--text-secondary);white-space:nowrap;font-size:11px;font-weight:700}.logphrase-limit-gate{text-align:center;padding:12px 16px 24px}.logphrase-limit-icon{margin-bottom:12px;font-size:64px;animation:3s ease-in-out infinite logphraseLimitFloat;display:block}@keyframes logphraseLimitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logphrase-limit-gate h3{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 10px;font-size:20px;font-weight:800}.logphrase-limit-gate p{color:var(--text-secondary);max-width:340px;margin:0 auto 20px;font-size:14px;line-height:1.6}.logphrase-limit-count{border:1.5px solid var(--warm-yellow);background:linear-gradient(135deg,#fffbe6,#fff8f2);border-radius:16px;justify-content:center;align-items:baseline;gap:6px;margin-bottom:20px;padding:14px 20px;display:flex}.logphrase-limit-number{color:var(--leaf-green-dark);font-size:28px;font-weight:800;line-height:1}.logphrase-limit-label{color:var(--text-secondary);font-size:12px;font-weight:600}.logphrase-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:800;line-height:1.2}.logphrase-header p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.logphrase-input-wrap{margin-bottom:14px;position:relative}.logphrase-input{border:2px solid var(--border);background:var(--cream-bg,var(--cream));width:100%;color:var(--text-primary);box-sizing:border-box;resize:none;border-radius:16px;outline:none;padding:14px 16px;font-family:inherit;font-size:17px;font-weight:600;line-height:1.4;transition:border-color .15s}.logphrase-input:focus{border-color:var(--leaf-green);background:var(--white)}.logphrase-input::placeholder{color:var(--text-light);font-weight:400}.logphrase-counter{background:var(--cream-bg,var(--cream));color:var(--text-secondary);text-align:center;border-radius:8px;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:600;animation:.2s ease-out both logphraseCounterPop}.logphrase-counter.valid{background:var(--mint);color:var(--leaf-green-dark)}@keyframes logphraseCounterPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logphrase-starters{margin-bottom:16px}.logphrase-starters-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.logphrase-starters-chips{flex-wrap:wrap;gap:6px;display:flex}.logphrase-starter-chip{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.logphrase-starter-chip:active{background:var(--mint);border-color:var(--leaf-green);transform:scale(.97)}.logphrase-section{margin-bottom:14px}.logphrase-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.logphrase-optional{color:var(--text-light);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.logphrase-chips{flex-wrap:wrap;gap:6px;display:flex}.logphrase-chip{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s}.logphrase-chip.selected{background:var(--mint);border-color:var(--leaf-green);color:var(--leaf-green-dark)}.logphrase-chip:active{transform:scale(.97)}.logphrase-note{border:1.5px solid var(--border);background:var(--cream-bg,var(--cream));width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .15s}.logphrase-note:focus{border-color:var(--leaf-green);background:var(--white)}.logphrase-note::placeholder{color:var(--text-light)}.logphrase-dup{border:1.5px solid var(--warm-yellow);background:linear-gradient(135deg,#fff8f2,#fff3e8);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 12px;animation:.3s ease-out both logphraseDupIn;display:flex}@keyframes logphraseDupIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.logphrase-dup-icon{flex-shrink:0;font-size:18px}.logphrase-dup p{color:var(--text-primary);margin:0;font-size:13px;font-weight:500;line-height:1.5}.logphrase-save{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:14px;font-size:15px;font-weight:700;transition:transform .15s;box-shadow:0 4px 14px #8ed08159}.logphrase-save:active:not(.disabled){transform:scale(.98)}.logphrase-save.disabled{background:var(--border);color:var(--text-light);cursor:not-allowed;box-shadow:none}.logphrase-cancel{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:10px;font-size:13px;font-weight:600}.logphrase-celebrate{text-align:center;padding:48px 24px 32px;animation:.3s cubic-bezier(.16,1,.3,1) both logphraseSheetUp}.logphrase-celebrate-inner{flex-direction:column;align-items:center;display:flex}.logphrase-celebrate-icon{margin-bottom:16px;font-size:72px;animation:.8s cubic-bezier(.34,1.56,.64,1) both logphraseBounce}@keyframes logphraseBounce{0%{transform:scale(.3)rotate(-20deg)}60%{transform:scale(1.15)rotate(8deg)}to{transform:scale(1)rotate(0)}}.logphrase-celebrate h2{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 12px;font-size:22px;font-weight:800}.logphrase-celebrate-text{color:var(--text-primary);background:var(--mint);word-break:break-word;border-radius:16px;max-width:100%;margin:0 0 10px;padding:12px 20px;font-size:22px;font-weight:800}.logphrase-celebrate-sub{color:var(--text-secondary);margin:0 0 28px;font-size:13px}.logphrase-celebrate-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:14px 32px;font-size:14px;font-weight:700;transition:transform .15s;box-shadow:0 4px 14px #8ed08159}.logphrase-celebrate-btn:active{transform:scale(.96)}