:root{--bg-cream: #FAF6EE;--bg-cream-pure: #FFFDF9;--bg-card: #FFFFFF;--surface-warm: #FFF3E0;--saffron-50: #FFF5EA;--saffron-100: #FFE6CC;--saffron-500: #E66A10;--saffron-600: #C95504;--saffron-gradient: linear-gradient(135deg, #FF802B 0%, #D45200 100%);--maroon-deep: #681423;--maroon-rich: #851C30;--turmeric-gold: #E5A118;--haldi-light: #FFF9E6;--pistachio-green: #3F7A48;--cardamom-light: #EBF5ED;--ink-primary: #251B14;--ink-secondary: #57463B;--ink-muted: #8A776B;--border-warm: #EADBCC;--border-saffron: rgba(230, 106, 16, .25);--font-serif: "Rozha One", "Cinzel", serif;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-hindi: "Noto Sans Devanagari", "Outfit", sans-serif;--shadow-sm: 0 2px 4px rgba(68, 38, 14, .04);--shadow-md: 0 4px 12px rgba(68, 38, 14, .08);--shadow-lg: 0 12px 32px rgba(68, 38, 14, .12);--shadow-warm: 0 8px 24px rgba(230, 106, 16, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--ink-primary);min-height:100vh;line-height:1.6;background-image:radial-gradient(circle at 10% 20%,rgba(255,230,204,.4) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,243,224,.5) 0%,transparent 40%);background-attachment:fixed}.font-serif{font-family:var(--font-serif)}.font-hindi{font-family:var(--font-hindi)}h1,h2,h3,h4{color:var(--ink-primary);font-weight:700;line-height:1.25}.app-header{background:#fffdf9e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-warm);position:sticky;top:0;z-index:100;padding:.9rem 1.5rem}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-wrapper{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-icon{width:44px;height:44px;background:var(--saffron-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-warm);flex-shrink:0}.brand-title{font-family:var(--font-hindi);font-size:1.45rem;font-weight:700;color:var(--maroon-deep);letter-spacing:-.01em}.brand-tagline{font-size:.78rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nav-tabs{display:flex;align-items:center;background:var(--surface-warm);padding:.3rem;border-radius:var(--radius-full);gap:.25rem;border:1px solid var(--border-warm)}.nav-tab-btn{border:none;background:transparent;padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.45rem}.nav-tab-btn:hover{color:var(--saffron-500)}.nav-tab-btn.active{background:var(--bg-card);color:var(--saffron-600);box-shadow:var(--shadow-sm)}.offline-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--cardamom-light);color:var(--pistachio-green);border:1px solid rgba(63,122,72,.2);padding:.35rem .8rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;letter-spacing:.02em}.status-dot{width:8px;height:8px;background-color:var(--pistachio-green);border-radius:50%;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #3f7a4880}70%{transform:scale(1.1);box-shadow:0 0 0 6px #3f7a4800}to{transform:scale(.95);box-shadow:0 0 #3f7a4800}}.main-content{max-width:1200px;margin:2rem auto;padding:0 1.5rem 5rem}.rasoi-card{background:var(--bg-card);border:1px solid var(--border-warm);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.card-header-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--saffron-50);color:var(--saffron-600);border:1px solid var(--border-saffron);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;margin-bottom:.75rem}.btn-primary{background:var(--saffron-gradient);color:#fff;border:none;padding:.75rem 1.6rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;box-shadow:var(--shadow-warm);transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #e66a1047}.btn-secondary{background:var(--surface-warm);color:var(--ink-primary);border:1px solid var(--border-warm);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .15s ease}.btn-secondary:hover{background:#ffe8cc;border-color:var(--saffron-500)}.btn-outline{background:transparent;color:var(--maroon-deep);border:1.5px solid var(--maroon-deep);padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .15s ease}.btn-outline:hover{background:var(--maroon-deep);color:#fff}.recorder-hero{text-align:center;padding:3rem 1.5rem;border:2px dashed var(--saffron-500);background:var(--bg-cream-pure);border-radius:var(--radius-lg);margin-bottom:2rem;transition:all .3s ease}.record-btn-big{width:90px;height:90px;border-radius:50%;background:var(--saffron-gradient);border:4px solid #FFE0B2;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:1.5rem auto;box-shadow:0 0 0 8px #e66a1026;transition:all .25s ease}.record-btn-big:hover{transform:scale(1.06);box-shadow:0 0 0 14px #e66a1038}.record-btn-big.recording{background:#d32f2f;border-color:#ffcdd2;box-shadow:0 0 0 12px #d32f2f33;animation:pulse-record 1.2s infinite}@keyframes pulse-record{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.dadi-baat-box{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:4px solid var(--turmeric-gold);padding:1.25rem 1.5rem;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.5rem 0;position:relative}.dadi-baat-title{font-family:var(--font-hindi);font-size:1.1rem;color:var(--maroon-deep);font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.low-confidence-tag{background:#fff3cd;color:#856404;border:1px solid #FFEEBA;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:.25rem}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:860px){.grid-2col{grid-template-columns:1fr}.header-container{flex-direction:column;align-items:flex-start}}