:root{--teal: #0e6655;--teal-dark: #085041;--teal-light: #e1f5ee;--teal-mid: #1d9e75;--amber: #ef9f27;--amber-light: #faeeda;--red: #e24b4a;--red-light: #fdedec;--green: #639922;--green-light: #eaf3de;--gray-50: #f7f6f2;--gray-100: #f0eed8;--gray-200: #e0ded8;--gray-400: #888780;--gray-600: #5f5e5a;--gray-900: #1c1c1c;--white: #ffffff;--font-main: "Noto Sans", "Noto Sans Devanagari", "Noto Sans Bengali", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--gray-50);font-family:var(--font-main);color:var(--gray-900);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{height:100%;display:flex;flex-direction:column;max-width:430px;margin:0 auto;background:var(--white);position:relative;overflow:hidden}.page{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}h1{font-size:24px;font-weight:600;line-height:1.3}h2{font-size:20px;font-weight:600;line-height:1.3}h3{font-size:16px;font-weight:500;line-height:1.4}p{font-size:15px;line-height:1.6}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:var(--radius-lg);font-size:16px;font-weight:500;font-family:var(--font-main);cursor:pointer;border:none;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97);opacity:.9}.btn-primary{background:var(--teal);color:var(--white)}.btn-secondary{background:transparent;color:var(--teal);border:1.5px solid var(--teal)}.btn-ghost{background:var(--gray-50);color:var(--gray-600)}.btn:disabled{opacity:.5;pointer-events:none}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:16px}.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);font-size:16px;font-family:var(--font-main);background:var(--white);color:var(--gray-900);outline:none;transition:border-color .15s}.input:focus{border-color:var(--teal)}.urgency-green{background:var(--green-light);color:#27500a;border-left:3px solid var(--green)}.urgency-yellow{background:var(--amber-light);color:#633806;border-left:3px solid var(--amber)}.urgency-red{background:var(--red-light);color:#791f1f;border-left:3px solid var(--red)}.page-header{background:var(--teal);padding:14px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}.page-header h2{color:var(--white);font-size:17px}.bottom-nav{display:flex;border-top:1px solid var(--gray-200);background:var(--white);flex-shrink:0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 12px;font-size:11px;color:var(--gray-400);cursor:pointer;transition:color .15s;text-decoration:none}.nav-item.active{color:var(--teal)}.mic-btn{width:72px;height:72px;border-radius:50%;background:var(--teal);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s;-webkit-tap-highlight-color:transparent}.mic-btn:active{transform:scale(.93)}.mic-btn.recording{background:var(--red)}.mic-ring{width:92px;height:92px;border-radius:50%;border:2px solid var(--teal-light);display:flex;align-items:center;justify-content:center}.mic-ring.recording{border-color:#f09595;animation:ring-pulse 1s ease infinite}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}.waveform{display:flex;align-items:center;gap:3px;height:32px}.wave-bar{width:3px;border-radius:2px;background:var(--teal);transition:height .1s}.wave-bar.active{animation:wave .6s ease infinite}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.15s}.wave-bar:nth-child(5){animation-delay:.25s}@keyframes wave{0%,to{height:6px}50%{height:24px}}.bubble-ai{background:var(--white);border:1px solid var(--gray-200);border-radius:4px 14px 14px;padding:10px 14px;margin-right:40px;font-size:14px;line-height:1.6}.bubble-user{background:var(--teal);color:var(--white);border-radius:14px 4px 14px 14px;padding:10px 14px;margin-left:40px;font-size:14px;line-height:1.6;align-self:flex-end}.progress-dots{display:flex;gap:4px}.progress-dot{width:8px;height:5px;border-radius:2px;background:#fff6;transition:background .2s}.progress-dot.done{background:var(--white)}.spinner{width:20px;height:20px;border:2px solid var(--teal-light);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}