/* Vedant & Vedika – compact companion (v2.0.0). Small lotus button; opens into a panel of at most 320px.
   Colours follow the site's theme variables where they exist. */
.pfc{--pfc-a:#0f766e;--pfc-b:#1d4ed8;--pfc-ink:#0f172a;--pfc-bg:var(--pfe-card,#fff);--pfc-fg:var(--pfe-text,#1f2937);--pfc-mut:var(--pfe-muted,#64748b);position:fixed;left:auto;top:auto;right:16px;bottom:24px;z-index:99990;font:inherit;font-size:14px;line-height:1.4;color:var(--pfc-fg);-webkit-tap-highlight-color:transparent}
.pfc.pfc-vedika{--pfc-a:#be185d;--pfc-b:#7c3aed}
.pfc *{box-sizing:border-box}
.pfc[style*="top"]{right:auto;bottom:auto}
.pfc-pill{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 6px;border:0;border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--pfc-a),var(--pfc-b));box-shadow:0 6px 18px -6px rgba(15,23,42,.45);font:inherit;font-weight:600;font-size:14px;touch-action:none;user-select:none;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,opacity .3s}
.pfc-pill:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(15,23,42,.5)}
.pfc-pill:focus-visible,.pfc button:focus-visible,.pfc input:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.pfc-ic{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18)}
.pfc-ic svg{width:24px;height:24px;transition:opacity .6s ease,transform .6s ease}
.pfc-pill .pfc-mudra{position:absolute;opacity:0;transform:scale(.6) rotate(-8deg)}
.pfc-live{width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;margin-left:-2px}
.pfc-listen .pfc-live{opacity:.95;animation:pfc-pulse 1.6s ease-in-out infinite}
.pfc-talking .pfc-ic{animation:pfc-breathe 2.4s ease-in-out infinite}
/* quiet while the website plays: smaller and softer, nothing moves */
.pfc-busy .pfc-pill{opacity:.72;height:36px;padding-right:12px;font-size:13px}
.pfc-busy .pfc-pill .pfc-ic{width:26px;height:26px}
.pfc-busy .pfc-live{animation:none}
.pfc-drag .pfc-pill{cursor:grabbing;transform:scale(1.04)}
/* Namaste / Namaskar: the lotus turns into folded hands for a few seconds */
.pfc-namaste .pfc-pill .pfc-lotus{opacity:0;transform:scale(.6) rotate(8deg)}
.pfc-namaste .pfc-pill .pfc-mudra{opacity:1;transform:none}
.pfc-namaste .pfc-pill{animation:pfc-bow 1.6s ease-in-out 1}
.pfc-namaste .pfc-pill .pfc-ic{box-shadow:0 0 0 6px rgba(255,255,255,.12),0 0 18px 4px rgba(253,230,138,.45)}
.pfc-tip{position:absolute;bottom:52px;right:0;width:max-content;max-width:min(280px,80vw);padding:8px 12px;border-radius:12px;background:var(--pfc-ink);color:#fff;font-size:13px;font-weight:500;box-shadow:0 8px 20px -8px rgba(0,0,0,.4);animation:pfc-in .35s ease-out}
.pfc-left .pfc-tip{right:auto;left:0}.pfc-upper .pfc-tip{bottom:auto;top:52px}
/* the panel */
.pfc-panel{position:absolute;bottom:54px;right:0;width:min(320px,calc(100vw - 24px));max-height:min(480px,calc(100vh - 96px));display:flex;flex-direction:column;background:var(--pfc-bg);color:var(--pfc-fg);border-radius:18px;box-shadow:0 18px 40px -12px rgba(15,23,42,.45);border:1px solid rgba(100,116,139,.18);overflow:hidden;animation:pfc-in .22s ease-out}
.pfc-left .pfc-panel{right:auto;left:0}.pfc-upper .pfc-panel{bottom:auto;top:54px}
.pfc-panel[hidden]{display:none}
.pfc-hd{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 10px;color:#fff;background:linear-gradient(135deg,var(--pfc-a),var(--pfc-b))}
.pfc-hd .pfc-ic{width:28px;height:28px}.pfc-hd .pfc-ic svg{width:20px;height:20px}
.pfc-nm{flex:1;font-size:15px}
.pfc-hd button{border:0;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font:inherit;font-size:12px;padding:5px 9px;cursor:pointer;min-height:28px}
.pfc-x{width:30px;font-size:16px!important;line-height:1}
.pfc-log{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:60px;max-height:200px;overscroll-behavior:contain}
.pfc-m{max-width:88%;padding:7px 10px;border-radius:14px;font-size:14px;word-wrap:break-word}
.pfc-m.pfc-me{align-self:flex-start;background:rgba(15,118,110,.09);border-bottom-left-radius:4px}
.pfc-vedika .pfc-m.pfc-me{background:rgba(190,24,93,.08)}
.pfc-m.pfc-you{align-self:flex-end;background:rgba(100,116,139,.13);border-bottom-right-radius:4px}
.pfc-heard{min-height:0;padding:0 10px;color:var(--pfc-mut);font-size:12px;font-style:italic}
.pfc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 10px 8px}
.pfc-chip{border:1px solid rgba(100,116,139,.3);background:transparent;color:inherit;border-radius:999px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;min-height:32px}
.pfc-chip:hover{border-color:var(--pfc-a);color:var(--pfc-a)}
.pfc-in{display:flex;gap:6px;padding:8px 10px;border-top:1px solid rgba(100,116,139,.15)}
.pfc-tx{flex:1;min-width:0;border:1px solid rgba(100,116,139,.3);border-radius:999px;padding:7px 12px;font:inherit;font-size:14px;background:transparent;color:inherit}
.pfc-mic,.pfc-go{border:0;border-radius:999px;min-width:36px;height:36px;padding:0 10px;cursor:pointer;color:#fff;background:var(--pfc-a);font:inherit;font-size:13px;font-weight:600}
.pfc-mic svg{width:18px;height:18px;vertical-align:middle}.pfc-mic[hidden]{display:none}
.pfc-listen .pfc-mic{background:#dc2626}
.pfc-ft{display:flex;align-items:center;gap:8px;padding:6px 10px 10px}
.pfc-ss{border:0;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--pfc-a),var(--pfc-b))}
.pfc-ss.pfc-stop{background:#475569}
.pfc-st{flex:1;font-size:12px;color:var(--pfc-mut)}
.pfc-note{margin:0 10px 10px;padding:8px 10px;border-radius:12px;background:rgba(245,158,11,.12);font-size:12.5px}
.pfc-note .pfc-chip{margin-left:6px;min-height:26px;padding:2px 10px}
/* phones: a small button above the bottom edge; the panel is a bottom sheet */
.pfc-phone .pfc-pill{height:40px;font-size:13px;padding-right:12px}
@media (max-width:639px){
 .pfc.pfc-opened .pfc-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:62vh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}
 .pfc-log{max-height:30vh}
}
/* reading aloud: the word being said, else the sentence */
.pfc-w.pfc-on{background:rgba(253,224,71,.55);border-radius:3px;box-shadow:0 0 0 2px rgba(253,224,71,.55)}
.pfc-sent{background:rgba(253,224,71,.22);border-radius:4px;transition:background .3s}
[data-theme*="dark"] .pfc-w.pfc-on,.pfe-dark .pfc-w.pfc-on{background:rgba(250,204,21,.38);color:inherit}
@keyframes pfc-pulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(.6);opacity:.5}}
@keyframes pfc-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes pfc-bow{0%{transform:none}35%{transform:translateY(2px) scale(.97)}70%{transform:translateY(-1px)}100%{transform:none}}
@keyframes pfc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pfc *,.pfc{animation:none!important;transition:none!important}}
@media print{.pfc{display:none!important}}
/* fallback: big tap options + the type box (when hearing is unsure or impossible) */
.pfc-fb .pfc-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 10px 10px}
.pfc-fb .pfc-chip.pfc-big{font-size:16px;min-height:48px;padding:10px 12px;border-radius:14px;font-weight:600;text-align:center;border-width:2px}
.pfc-fb .pfc-in .pfc-tx{font-size:15px;min-height:40px}
@media (max-width:380px){.pfc-fb .pfc-chips{grid-template-columns:1fr}}