:root{--tap-speed:.06s}
button,a,input,select,label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{user-select:none;-webkit-user-select:none}
button:not(:disabled){transition:transform var(--tap-speed) ease,filter var(--tap-speed) ease,background-color .1s ease}
button:not(:disabled):active{transform:scale(.96);filter:brightness(1.25)}
nav button{min-height:82px}
nav button:active{background:#152542}
#historyView{padding:16px 14px 28px}
#historyView>h2{font-size:22px;margin-bottom:4px}
.recording-card{padding:0;border-radius:16px;overflow:hidden;background:transparent;border:0;margin:18px 0}
.recording-meta{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 3px 7px}
.recording-meta strong{font-size:13px;color:#dbe5f7}
.recording-meta time{font-size:12px;font-weight:700;color:#dbe5f7;white-space:nowrap}
.recording-body{background:#203252;border:1px solid #2d466f;border-radius:16px;padding:14px 14px 12px;box-shadow:0 8px 22px #0002}
.recording-body .transcript{font-size:17px;line-height:1.55;font-weight:750;letter-spacing:.01em;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}
.recording-phones{margin:0 0 9px}
.recording-actions{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;border-top:1px solid #365079;padding-top:10px}
.recording-play{height:42px;min-width:88px;padding:0 14px;border:0;border-radius:21px;background:#fff;color:#07101f;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}
.recording-play.is-playing{background:#77a8ff;color:#061126}
.recording-play:disabled{opacity:.7}
.play-icon{width:17px;text-align:center;font-size:16px}
.recording-duration{font-size:17px;font-variant-numeric:tabular-nums}
.recording-edit{justify-self:end;min-height:42px;padding:0 12px;border:0;border-radius:12px;background:#172946;color:#a9c8ff;font-size:11px;font-weight:800}
.fast-button{touch-action:manipulation}
@media(max-width:370px){
  .recording-meta{display:block}
  .recording-meta time{display:block;margin-top:3px}
  .recording-body .transcript{font-size:16px}
  .recording-actions{grid-template-columns:auto auto}
  .recording-edit{grid-column:1/-1;width:100%}
}
.global-talk-banner{display:none;position:sticky;top:0;z-index:20;margin:0 12px;padding:12px 14px;border:2px solid #76e42c;border-radius:14px;background:#173b25;color:#fff;text-align:center;font-size:16px;font-weight:900;box-shadow:0 6px 25px #62db3066}
.global-talk-banner.show{display:block;animation:talkBannerPulse 1s ease-in-out infinite}
.global-talk-banner.mine{border-color:#4e8bf7;background:#17335d;box-shadow:0 6px 25px #4e8bf766}
#ptt.receiving{opacity:1!important;filter:none!important;border-color:#76e42c!important;box-shadow:inset 0 0 45px #76e42c33,0 0 0 5px #76e42c55,0 0 35px #76e42c99!important;animation:receivingPulse .85s ease-in-out infinite}
#ptt.receiving strong{color:#dfffcb}
#ptt.receiving small{color:#fff}
@keyframes receivingPulse{50%{transform:scale(1.035);box-shadow:inset 0 0 55px #76e42c55,0 0 0 9px #76e42c33,0 0 50px #76e42ccc}}
@keyframes talkBannerPulse{50%{filter:brightness(1.25)}}
.location-status{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:#081427;color:#9db1d2;font-size:11px;text-align:center}
#locationBtn:disabled{opacity:.85;color:#d6e3ff}