/* PRACTICE ONLY. Compact viewport layout; other screens untouched. */
#se-practice{height:100dvh;overflow:hidden;padding:calc(env(safe-area-inset-top,0px) + 8px) 14px calc(env(safe-area-inset-bottom,0px) + 8px)}
#se-practice .pr-wrap{height:100%;display:flex;flex-direction:column;gap:clamp(5px,1vh,12px);justify-content:space-between}
#se-practice .pr-header{flex:0 0 auto;margin:0;min-height:38px}
#se-practice .pr-header h2{font-size:clamp(22px,3.5vh,29px)}
#se-practice .pr-close{width:36px;height:36px;font-size:22px}
#se-practice .pr-phrase{flex:0 1 auto;min-height:0;border-radius:34px;padding:clamp(10px,1.8vh,18px) 12px}
#se-practice .pr-language{font-size:clamp(12px,1.8vh,16px)}
#se-practice .pr-original{font-size:clamp(20px,3.5vh,31px);line-height:1.16;margin:clamp(6px,1.2vh,12px) 0 5px}
#se-practice .pr-phonetic{font-size:clamp(13px,2vh,18px);line-height:1.22}
#se-practice .pr-dot{width:9px;height:9px;margin:clamp(6px,1vh,12px) auto}
#se-practice .pr-meaning{font-size:clamp(16px,2.6vh,22px);line-height:1.2}
#se-practice .pr-actions{flex:0 0 auto;gap:10px;margin:0}
#se-practice .pr-actions button{min-height:clamp(42px,6.7vh,58px);font-size:clamp(14px,2.3vh,17px)}
#se-practice .pr-steps{flex:0 0 auto;margin:0;font-size:clamp(12px,1.9vh,16px)}
#se-practice .pr-mic{flex:0 0 auto;width:clamp(94px,17vh,148px);height:clamp(94px,17vh,148px);border-width:10px;margin:2px auto;font-size:clamp(42px,8vh,68px);box-shadow:0 0 0 8px #d9efff}
#se-practice .pr-prompt{flex:0 0 auto;font-size:clamp(15px,2.5vh,20px);margin:0}
#se-practice .pr-result{flex:0 1 auto;min-height:0;overflow:auto;border-radius:28px;padding:clamp(10px,1.5vh,16px);margin:0}
#se-practice .pr-result h3{font-size:clamp(15px,2.2vh,18px);margin:0 0 5px}
#se-practice .pr-recognized{font-size:clamp(14px,2.1vh,17px);line-height:1.3}
#se-practice .pr-note{font-size:clamp(10px,1.5vh,12px);margin-top:6px}
@media(max-height:700px){#se-practice .pr-phrase{padding:8px 10px}#se-practice .pr-original{font-size:20px}#se-practice .pr-mic{width:90px;height:90px;font-size:42px}#se-practice .pr-note{display:none}}