@font-face{font-family:Caveat;src:url('./assets/fonts/caveat.ttf')}
@font-face{font-family:'Dela Gothic One';src:url('./assets/fonts/dela-gothic-one.ttf')}
@font-face{font-family:'PT Mono';src:url('./assets/fonts/pt-mono.ttf')}
@font-face{font-family:Rubik;src:url('./assets/fonts/rubik.ttf')}
@font-face{font-family:'Noto Sans SC';src:url('./assets/fonts/noto-sc.ttf')}
html[lang=zh] body,html[lang=zh] button{font-family:'Noto Sans SC',sans-serif}
#localTools{position:fixed;left:8px;bottom:4px;z-index:500;display:flex;align-items:center;gap:4px;color:#fff;background:#172023eb;border-radius:6px;padding:2px;font:11px sans-serif;max-width:calc(100vw - 16px)}
#localTools button{min-width:44px;min-height:44px;border:1px solid #d7bb7e;border-radius:4px;background:#243539;color:white;font:14px sans-serif;cursor:pointer}
#localPlay:not([hidden]){position:fixed;inset:40% 20%;z-index:1000;background:#172023f5;font-size:24px;box-shadow:0 0 0 100vmax #0009}
#cost,#cost2,#demoTag{display:none!important}
/* Coffee actions keep full width; decorative copy yields on short displays. */
.dock{bottom:58px}button{min-height:44px}@media(max-height:680px){.title__p{max-height:110px;overflow:auto}}
@media(max-width:760px){.title{padding-bottom:86px}.title__card{max-height:calc(100dvh - 100px);overflow:auto}}
/* Leave room for the raised dock: translated hints/replies must not sit under it. */
.station,.drawer,.panel,.reply{bottom:136px}
.final{padding-bottom:84px}