:root{--emerald: #10b981;--deep-green: #047857;--sky: #38bdf8;--indigo: #6366f1;--purple: #8b5cf6;--yellow: #fbbf24;--coral: #fb7185;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--text-secondary: #475569;--border: #e2e8f0;--danger: #dc2626;--danger-light: #fee2e2;--gradient-primary: linear-gradient(135deg, var(--emerald), var(--sky));--gradient-hero: linear-gradient(135deg, var(--emerald), var(--sky), var(--indigo));--radius-md: 18px;--radius-lg: 26px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 10px 28px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .1);--font-bengali: "Noto Sans Bengali", "Noto Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-bengali);-webkit-tap-highlight-color:transparent}button{font-family:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-bg{min-height:100vh;display:flex;justify-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(600px circle at 15% 0%,rgba(16,185,129,.08),transparent 60%),radial-gradient(600px circle at 90% 20%,rgba(99,102,241,.08),transparent 60%),var(--bg)}.app-shell{width:100%;max-width:480px;padding:24px 16px 40px;display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.app-bg{align-items:flex-start;padding-top:48px}.app-shell{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px 40px 44px;margin-bottom:48px}}.hero{text-align:center;padding-bottom:4px}.hero-title{margin:0;font-size:2.75rem;font-weight:800;letter-spacing:.01em;background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin:6px 0 0;font-size:1.15rem;font-weight:700;color:var(--text)}.hero-support{margin:10px 0 0;font-size:.98rem;font-weight:500;line-height:1.55;color:var(--text-secondary)}.hero-a11y{display:inline-block;margin:14px auto 0;font-size:.75rem;font-weight:700;letter-spacing:.03em;color:var(--deep-green);background:#10b9811a;padding:5px 14px;border-radius:var(--radius-full)}.vision-frame{padding:3px;border-radius:var(--radius-lg);background:var(--gradient-hero);box-shadow:var(--shadow-md)}.vision-frame-active{background-size:200% 200%;animation:gradient-shift 5s ease infinite,ring-glow 2.4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ring-glow{0%,to{box-shadow:var(--shadow-md),0 0 #38bdf800}50%{box-shadow:var(--shadow-md),0 0 26px #38bdf873}}.vision-inner{position:relative;aspect-ratio:3 / 4;background:#0f172a;border-radius:23px;overflow:hidden}.vision-video{width:100%;height:100%;object-fit:cover;display:block}.vision-corner{position:absolute;width:28px;height:28px;border:3px solid #ffffff;filter:drop-shadow(0 0 6px rgba(16,185,129,.65));opacity:.95;pointer-events:none}.vision-corner-tl{top:18px;left:18px;border-right:none;border-bottom:none;border-top-left-radius:8px}.vision-corner-tr{top:18px;right:18px;border-left:none;border-bottom:none;border-top-right-radius:8px}.vision-corner-bl{bottom:18px;left:18px;border-right:none;border-top:none;border-bottom-left-radius:8px}.vision-corner-br{bottom:18px;right:18px;border-left:none;border-top:none;border-bottom-right-radius:8px}.vision-scanline{position:absolute;left:6%;right:6%;top:6%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--sky),var(--emerald),transparent);box-shadow:0 0 14px 2px #38bdf8b3;animation:scan 2.8s ease-in-out infinite;pointer-events:none}@keyframes scan{0%{top:6%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:92%;opacity:0}}.vision-status{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:var(--radius-full);background:#0f172a8c;color:#fff;font-size:.85rem;font-weight:700;white-space:nowrap}.vision-status-active{background:#10b98147;border:1px solid rgba(56,189,248,.5)}.vision-status-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald)}.vision-status-active .vision-status-dot{background:var(--sky);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.vision-power-button{position:absolute;top:14px;right:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:#0f172a8c;color:#fff;border:none;border-radius:50%;cursor:pointer}.vision-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:#0f172ad1;color:#fff;font-size:1.05rem;font-weight:500}.btn-ghost{min-height:44px;padding:10px 22px;border-radius:var(--radius-full);background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.6);font-weight:700;cursor:pointer}.btn-ghost:hover{background:#ffffff47}.vision-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;padding:14px 24px;border:none;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 12px 30px #10b98152;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.vision-toggle:active:not(:disabled){transform:scale(.98)}.vision-toggle:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}.vision-toggle:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.vision-toggle-active{background:linear-gradient(135deg,var(--sky),var(--indigo));animation:toggle-pulse 2.2s ease-in-out infinite}@keyframes toggle-pulse{0%,to{box-shadow:0 12px 30px #38bdf852}50%{box-shadow:0 14px 42px #6366f180}}.narration-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.narration-card-hazard,.narration-card-error{background:var(--danger-light);border-color:var(--danger)}.narration-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.narration-eyebrow{font-size:.85rem;font-weight:800;letter-spacing:.03em}.narration-card-normal .narration-eyebrow{background:linear-gradient(135deg,var(--emerald),var(--indigo));-webkit-background-clip:text;background-clip:text;color:transparent}.narration-card-hazard .narration-eyebrow,.narration-card-error .narration-eyebrow{color:var(--danger)}.narration-badge{font-size:.75rem;font-weight:700;color:var(--deep-green);background:#10b9811f;padding:4px 12px;border-radius:var(--radius-full);white-space:nowrap}.narration-text{margin:0;font-size:1.4rem;font-weight:600;line-height:1.6;color:var(--text)}.narration-voice{display:flex;align-items:center;gap:10px;margin-top:16px}.narration-voice-label{font-size:.85rem;font-weight:700;color:var(--deep-green)}.narration-card-hazard .narration-voice-label,.narration-card-error .narration-voice-label{color:var(--danger)}.soundwave{display:flex;align-items:flex-end;gap:3px;height:18px}.soundwave span{width:3px;border-radius:2px;background:linear-gradient(180deg,var(--emerald),var(--sky));animation:wave .9s ease-in-out infinite}.narration-card-hazard .soundwave span,.narration-card-error .soundwave span{background:linear-gradient(180deg,var(--danger),var(--coral))}.soundwave span:nth-child(1){animation-delay:0s}.soundwave span:nth-child(2){animation-delay:.1s}.soundwave span:nth-child(3){animation-delay:.2s}.soundwave span:nth-child(4){animation-delay:.3s}.soundwave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:4px}50%{height:18px}}.voice-error{margin:0;text-align:center;font-size:.92rem;font-weight:600;color:var(--text);background:#fb71851f;border:1px solid var(--coral);border-radius:var(--radius-md);padding:12px 16px}