/* Diego apps — voice feedback mic (drop-in). Uses tokens.css variables. */
.fbk-fab{position:fixed;z-index:9;left:max(12px,env(safe-area-inset-left));bottom:var(--fbk-bottom,calc(var(--tab-h) + var(--sab) + 14px));
  width:44px;height:44px;min-height:44px;padding:0;border-radius:99px;display:grid;place-items:center;color:var(--ac);
  background:var(--glass);border:1px solid var(--bd2);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
  box-shadow:0 6px 20px rgba(0,0,0,.35);transition:bottom .25s var(--ease),transform .12s var(--ease),opacity var(--dur)}
.fbk-fab svg{width:22px;height:22px}.fbk-fab[hidden]{display:none}
.fbk-fab .fbk-q{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:99px;background:var(--warn);color:#111;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.fbk-fab .fbk-q[hidden]{display:none}
.fbk-sheet h2{display:flex;align-items:center;gap:8px}
.fbk-sub{color:var(--mu);font-size:var(--t-s);margin:-2px 0 14px}
.fbk-recwrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 12px}
.fbk-rec{width:88px;height:88px;min-height:88px;border-radius:99px;padding:0;display:grid;place-items:center;background:var(--ac);color:var(--ac-ink);border:0;
  box-shadow:0 0 0 0 var(--ac-soft);font-weight:800}
.fbk-rec svg{width:36px;height:36px}
.fbk-rec.on{background:var(--bad);color:#fff;animation:fbkpulse 1.4s infinite}
@keyframes fbkpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--bad) 55%,transparent)}100%{box-shadow:0 0 0 22px transparent}}
.fbk-time{font-size:var(--t-l);font-weight:800;font-variant-numeric:tabular-nums}
.fbk-hint{color:var(--mu);font-size:var(--t-s);text-align:center;min-height:18px}
.fbk-bars{display:flex;gap:3px;align-items:center;height:26px}.fbk-bars i{width:4px;border-radius:2px;background:var(--ac);height:4px;transition:height .08s}
.fbk-clip{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-s);padding:8px 10px;margin:4px 0 8px}
.fbk-clip[hidden]{display:none}
.fbk-clip audio{flex:1;height:36px;min-width:0}.fbk-clip button{min-height:36px;padding:6px 10px;font-size:var(--t-s)}
.fbk-ctx{color:var(--mu);font-size:var(--t-xs);margin:8px 2px 12px;line-height:1.5}
.fbk-sheet textarea{min-height:80px;resize:vertical}
.fbk-row{display:flex;gap:10px}.fbk-row button{flex:1}
.fbk-toast{position:fixed;z-index:31;left:50%;transform:translateX(-50%);bottom:calc(var(--tab-h) + var(--sab) + 80px);max-width:88vw;background:var(--tx);color:var(--bg);
  padding:10px 16px;border-radius:99px;font-size:var(--t-s);font-weight:650;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:rise .25s var(--ease)}
.fbk-fab.fbk-docked{bottom:auto;width:36px;height:36px;min-height:36px;box-shadow:none}.fbk-fab.fbk-docked svg{width:18px;height:18px}