/* Persistent viewport controls; JS raises the dock above a visible footer. */
.purpose-floating{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px);z-index:1200;padding:4px;border-radius:18px;background:#172b43;border-color:#ffffff30;box-shadow:0 8px 28px #142c4330;box-sizing:border-box}
.purpose-floating button{min-height:44px;border-radius:13px;font-size:12px;padding:10px 13px}
.purpose-floating .purpose-floating-pause{min-width:44px;min-height:44px;padding:10px 13px;border-radius:0 13px 13px 0}
.purpose-floating .purpose-speaker{color:#a9c8ff}
@media(max-width:600px){.purpose-floating{right:max(16px,env(safe-area-inset-right))}.purpose-floating button{font-size:11px;padding:9px 11px}}