/* Mini Secret on every page (modules/mini-secret.js) */
.ms-wrap{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:30;
  display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.ms-wrap[hidden]{display:none}
.ms-btn{pointer-events:auto;appearance:none;width:64px;height:64px;border-radius:50%;padding:0;border:2px solid rgba(95,227,240,.35);
  background:#000;overflow:hidden;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.6);touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}
.ms-vid{width:100%;height:100%;object-fit:cover;transform:scale(1.25);pointer-events:none}
/* listening: green ring that breathes (Owner: "วงกลมสีเขียว = กำลังรับฟัง") */
.ms-btn.ms-listening{border-color:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.35),0 6px 24px rgba(0,0,0,.6);animation:ms-ring 1.6s ease-in-out infinite}
.ms-btn.ms-speaking{border-color:var(--gold,#ffc766)}
@keyframes ms-ring{50%{box-shadow:0 0 0 9px rgba(47,191,113,.12),0 6px 24px rgba(0,0,0,.6)}}
.ms-panel{pointer-events:auto;width:min(86vw,340px);max-height:46vh;overflow-y:auto;background:rgba(10,13,24,.96);border:1px solid var(--line,#1d2338);
  border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.ms-panel[hidden]{display:none}
.ms-line{font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
.ms-me{align-self:flex-end;color:var(--gold,#ffc766);text-align:right}
.ms-secret{align-self:flex-start}
.ms-think{color:var(--muted,#8b93a7);font-style:italic}
.ms-hint{color:var(--muted,#8b93a7);font-size:.85rem}
.ms-card{border:1px solid #3d3216;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.ms-card .row{gap:8px}
@media (prefers-reduced-motion:reduce){.ms-btn.ms-listening{animation:none}}
.ms-wrap.ms-high{bottom:calc(150px + env(safe-area-inset-bottom,0px))}