*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#101114;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,sans-serif}.app,.login{max-width:520px;margin:auto;min-height:100vh;background:#fff;padding:24px 18px 40px}.login{display:flex;flex-direction:column;justify-content:center}.brand{text-align:center;margin-bottom:30px}.logo{font-size:58px}.brand h1{margin:8px}.brand p{color:#777}.login form{display:grid;grid-gap:12px;gap:12px}.login input{border:1px solid #ddd;border-radius:14px}.login button,.login input{padding:15px;font-size:16px}.login button{background:#111;color:white;border:0;border-radius:14px;font-weight:700}.error{color:#b42318;text-align:center}header{display:flex;justify-content:space-between;align-items:flex-start}header small{color:#777}header h1{font-size:34px;margin:5px 0}header h1 i{font-size:14px;font-style:normal;color:#777}.logout,.sectionTitle button{border:0;background:#f1f1f1;border-radius:10px;padding:8px 12px}.recorder{margin:28px 0;text-align:center;background:#fafafa;border:1px solid #eee;border-radius:24px;padding:24px}.mic{width:94px;height:94px;border-radius:50%;border:0;background:#111;color:#fff;font-size:38px;box-shadow:0 10px 30px #0002}.mic.active{transform:scale(1.06);animation:pulse 1s infinite}.mic:disabled{opacity:.5}.recText{font-weight:700;margin:15px}.recorder small{display:block;color:#777;line-height:1.7}@keyframes pulse{50%{box-shadow:0 0 0 12px #0001}}h2{font-size:18px;margin:22px 0 12px}.cats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.cat{background:#f6f6f6;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:7px}.cat span{font-size:13px;color:#555}.cat b{font-size:18px}.sectionTitle{justify-content:space-between}.sectionTitle,.tx{display:flex;align-items:center}.tx{gap:10px;padding:13px 0;border-bottom:1px solid #eee}.ico{font-size:24px;width:34px}.grow{display:flex;flex-direction:column;flex:1 1;min-width:0}.grow b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow span{font-size:12px;color:#777;margin-top:3px}.grow em{font-size:11px;color:#b54708;font-style:normal}.tx strong{font-size:14px;white-space:nowrap}.edit,.trash{border:0;background:none;color:#888}.trash{font-size:24px;color:#aaa}.edit{font-size:18px}.empty{text-align:center;color:#888;padding:30px}@media(display-mode:standalone){.app{padding-top:max(24px,env(safe-area-inset-top))}}