:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#00573f;--brand-strong:#003f2d;--brand-soft:#e0eee7;--help:#8a1c1c;--help-strong:#6c1414;--bg:#f5f7f6;--surface:#fff;--ink:#111;--muted:#3d4744;--line:#5f6b67;--line-soft:#d3dcd8;--focus:#b35400;--user-bubble:#e3eef8;--tone-active:#fdf0d8;--tone-bad:#f9e3e3;--r-sm:.6rem;--r-md:.9rem;--r-lg:1.25rem;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000d;--page:38rem}*{box-sizing:border-box}html{font-size:125%}body{color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,Noto Sans Bengali,Nirmala UI,Kohinoor Bangla,sans-serif;line-height:1.6}main{max-width:var(--page);margin:0 auto;padding:1rem 1rem 3rem}main>*+*{margin-top:1rem}main>[role]:empty{margin-top:0}h1{margin:.25rem 0 0;font-size:1.6rem;line-height:1.3}h2{margin:0;font-size:1.15rem;line-height:1.3}p{margin:0}a{color:var(--brand);text-underline-offset:.15em}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;width:1.3em;height:1.3em}.site-header{padding:.6rem max(1rem, (100% - var(--page)) / 2 + 1rem);background:var(--surface);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.brand img{background:var(--brand-soft);border-radius:50%}.lang-toggle{display:flex}.lang-toggle button{border-color:var(--brand);min-height:48px;color:var(--brand);padding:.25rem .9rem;font-size:.9rem}.lang-toggle button:first-of-type{border-radius:999px 0 0 999px}.lang-toggle button:last-of-type{border-radius:0 999px 999px 0;margin-left:-2px}.lang-toggle button[aria-pressed=true]{background:var(--brand);color:#fff}button,a.button{min-height:64px;font:inherit;text-align:center;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}button:hover,a.button:hover{border-color:var(--ink)}button.primary,button.help{color:#fff;font-size:1.35rem}button.primary{background:var(--brand);border-color:var(--brand)}button.primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}button.help{background:var(--help);border-color:var(--help)}button.help:hover{background:var(--help-strong);border-color:var(--help-strong)}button.ghost{min-height:48px;color:var(--brand);text-underline-offset:.15em;background:0 0;border-color:#0000;text-decoration:underline}button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.spinner{animation:.9s linear infinite spin}.controls{gap:.75rem;display:grid}.row{flex-wrap:wrap;gap:.75rem;display:flex}.row>*{flex:9rem}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow);gap:.75rem;margin:0;padding:1rem 1.25rem 1.25rem;display:grid}.card.highlight{background:var(--brand-soft);border-color:var(--brand)}.banner{background:var(--brand-soft);border-left:6px solid var(--brand);border-radius:var(--r-sm);padding:.75rem 1rem}.note,.cost{color:var(--muted);font-size:.9rem}.cost{overflow-wrap:anywhere}[role=alert]:not(:empty){color:var(--help);background:var(--tone-bad);border-left:6px solid var(--help);border-radius:var(--r-sm);padding:.75rem 1rem;font-weight:600}.divider{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}form{gap:.75rem;display:grid}label{font-weight:600;display:block}.hint{color:var(--muted);font-size:.9rem;font-weight:400;display:block}input[type=email],input[type=password],input[type=text],input[type=tel],textarea{width:100%;min-height:56px;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--r-sm);margin-top:.3rem;padding:.5rem .75rem;font-weight:400;display:block}textarea{resize:vertical}input[type=range]{width:100%;min-height:48px;accent-color:var(--brand);margin:.25rem 0 0;display:block}.scale-ends{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.9rem;font-weight:400;display:flex}.check{cursor:pointer;align-items:center;gap:.75rem;min-height:48px;display:flex}input[type=checkbox]{width:1.75rem;height:1.75rem;accent-color:var(--brand);flex:none;margin:0}fieldset.card>legend{float:left;width:100%;padding:0;font-size:1.15rem;font-weight:700}dialog{max-width:min(90vw,30rem);max-height:90dvh;color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-lg);padding:1.5rem;overflow:auto}dialog::backdrop{background:#0000008c}dialog p{font-size:1.2rem;font-weight:600}dialog .controls{margin-top:1.25rem}.hero{text-align:center;justify-items:center;gap:.5rem;display:grid}.stage{aspect-ratio:1;background:var(--brand-soft);border-radius:50%;width:min(11rem,26vh);margin-top:.75rem;position:relative}.stage video{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:opacity .2s,filter .3s;position:absolute;inset:0}.stage .talking{opacity:0}.stage[data-talking] .talking{opacity:1}.stage:after{content:"";border:5px solid var(--line-soft);pointer-events:none;border-radius:50%;position:absolute;inset:-9px}.stage[data-state=listening]:after{border-color:var(--brand);animation:2.4s ease-in-out infinite pulse}.stage[data-state=speaking]:after,.stage[data-state=ready]:after{border-color:var(--brand)}.stage[data-state=connecting]:after,.stage[data-state=reconnecting]:after{border-color:var(--brand) transparent transparent;animation:1.1s linear infinite spin}.stage[data-state=recording]:after{border-color:var(--help)}.stage[data-state=error] video{filter:grayscale()}.dots{background:var(--surface);border:2px solid var(--line);border-radius:999px;gap:.3rem;padding:.45rem .6rem;display:none;position:absolute;top:.25rem;right:-.5rem}.stage[data-state=thinking] .dots{display:flex}.dots i{background:var(--brand);border-radius:50%;width:.5rem;height:.5rem;animation:1.2s ease-in-out infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.voice-state{min-height:1.6em;color:var(--brand);font-size:1.3rem;font-weight:700}.status-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.pill{background:var(--bg);border:2px solid var(--line-soft);border-radius:var(--r-md);padding:.35rem .9rem;font-weight:600}.pill[data-tone=active]{background:var(--tone-active);border-color:#b36b00}.pill[data-tone=ok]{background:var(--brand-soft);border-color:var(--brand)}.pill[data-tone=bad]{background:var(--tone-bad);border-color:var(--help)}.transcript{flex-direction:column;gap:.6rem;max-height:50vh;margin:0;padding:.25rem;list-style:none;display:flex;overflow-y:auto}.transcript li{align-items:flex-end;gap:.5rem;max-width:92%;display:flex}.transcript li.user{align-self:flex-end}.transcript li img{border-radius:50%;flex:none}.bubble{overflow-wrap:anywhere;border-radius:var(--r-lg);min-width:0;padding:.5rem .85rem}li.bhaijaan .bubble{background:var(--brand-soft);border-bottom-left-radius:.3rem}li.user .bubble{background:var(--user-bubble);border-bottom-right-radius:.3rem}.who{color:var(--muted);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.who .icon{width:1.1em;height:1.1em}.recording-bar{background:var(--tone-bad);border:2px solid var(--help);border-radius:var(--r-md);gap:.75rem;padding:.75rem;display:grid}.recording{color:var(--help);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}details.card{padding-block:.5rem}details.card>summary{cursor:pointer;padding:.6rem 0;font-size:1.15rem;font-weight:700}dl{gap:.25rem 1rem;margin:0;display:grid}dt{color:var(--muted);font-size:.9rem}dd{overflow-wrap:anywhere;margin:0 0 .6rem}dd ul{margin:0;padding-left:1.2rem}.welcome{text-align:center;justify-items:center;gap:.5rem;display:grid}.welcome img{background:var(--brand-soft);box-shadow:0 0 0 5px var(--surface), 0 0 0 7px var(--line-soft);border-radius:50%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.45;transform:scale(1.06)}}@keyframes bounce{40%{transform:translateY(-.3rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}