:root{--bg:#faf6f1;--bg-card:#fff;--bg-input:#f2ebe0;--accent:#d95a1a;--accent-light:#fff0e6;--text:#2c1a0e;--text-muted:#9b8b7a;--border:#ede0cf;--radius:16px;--radius-sm:10px;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}#root{flex-direction:column;max-width:430px;min-height:100svh;margin:0 auto;display:flex;position:relative}h1,h2,h3{color:var(--text);font-weight:600}p{margin:0}button{font-family:var(--sans);cursor:pointer}a{color:inherit;text-decoration:none}.screen{flex:1;padding:24px 20px 100px;overflow-y:auto}.screen-title{color:var(--text);margin-bottom:20px;font-size:22px;font-weight:700}.card{background:var(--bg-card);border-radius:var(--radius);margin-bottom:12px;padding:20px}.card-muted{background:var(--accent-light);border-radius:var(--radius);margin-bottom:12px;padding:20px}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:600;display:flex}.btn-secondary{background:var(--bg-input);width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:500;display:flex}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px}.form-group{flex-direction:column;gap:10px;display:flex}input[type=email],input[type=text]{background:var(--bg-input);border-radius:var(--radius-sm);font-size:16px;font-family:var(--sans);color:var(--text);border:none;outline:none;width:100%;padding:14px 16px}input::placeholder{color:var(--text-muted)}.text-muted{color:var(--text-muted);font-size:14px}.text-sm{font-size:14px}.error-msg{color:#c0392b;text-align:center;font-size:14px}.bottom-nav{background:var(--bg-card);border-top:1px solid var(--border);z-index:100;width:100%;max-width:430px;padding:10px 0 24px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;font-size:11px;font-weight:500;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav a svg{stroke-width:1.8px;width:22px;height:22px}.record-btn{background:var(--accent-light);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;transition:transform .1s;display:inline-flex}.record-btn:active{transform:scale(.95)}.record-btn.recording{background:#ffe5e5;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #d95a1a4d}50%{box-shadow:0 0 0 12px #d95a1a00}}.login-screen{flex-direction:column;justify-content:center;gap:0;min-height:100svh;padding:40px 28px;display:flex}.login-hero{margin-bottom:48px}.login-hero h1{letter-spacing:-.5px;margin-bottom:8px;font-size:36px;font-weight:800}.login-hero p{color:var(--text-muted);font-size:15px;line-height:1.6}.login-sent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:40px 28px;display:flex}.login-sent .icon{margin-bottom:8px;font-size:48px}