/* Practice visual MASTER v2. Scoped to Practice only. */
#se-practice{background:radial-gradient(ellipse at 50% 45%,#f3fcff 0%,#e7f6ff 55%,#d5eafa 100%)}
#se-practice .pr-wrap{gap:clamp(4px,.7vh,9px)}
#se-practice .pr-header{position:relative;justify-content:center}
#se-practice .pr-header:before{content:'‹';position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #b9daf4;border-radius:50%;background:#f5fbff;color:#208cf0;font-size:32px;pointer-events:none}
#se-practice .pr-header h2{font-weight:800}
#se-practice .pr-phrase{background:linear-gradient(125deg,#ffffffa8,#e8f8ff9c);border:2px solid #fff;border-radius:clamp(32px,5vh,50px);box-shadow:0 5px 20px #9ccbea1c,inset 0 0 0 3px #ffffff40}
#se-practice .pr-original{color:#091b48}
#se-practice .pr-meaning{color:#159bf2}
#se-practice .pr-actions button{background:linear-gradient(135deg,#ffffffc9,#e9f8ff);border:1.5px solid #b9ddf6;box-shadow:0 3px 10px #a6d1eb24}
#se-practice .pr-steps{justify-content:space-between;padding:0 12%;gap:6px}
#se-practice .pr-step{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;color:#122957;font-size:clamp(11px,1.7vh,14px)}
#se-practice .pr-step b{display:grid;place-items:center;width:clamp(27px,4.3vh,38px);height:clamp(27px,4.3vh,38px);border-radius:50%;background:#b9c8d8;color:#fff;font-size:clamp(15px,2.2vh,21px)}
#se-practice .pr-step:first-child b{background:#168bf6}
#se-practice .pr-mic{position:relative;isolation:isolate;background:linear-gradient(135deg,#63c4ff,#168af2);border:10px solid #c1e4ff;box-shadow:0 0 0 9px #d9efff,0 8px 24px #8fc8f04a}
#se-practice .pr-mic svg{width:45%;height:55%;max-width:66px;max-height:78px}
#se-practice .pr-mic:before,#se-practice .pr-mic:after{content:'';position:absolute;top:50%;width:clamp(42px,13vw,82px);height:55%;transform:translateY(-50%);pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 7px,#b7ddfa 7px 11px,transparent 11px 15px);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%);opacity:.75}
#se-practice .pr-mic:before{right:calc(100% + 19px)}#se-practice .pr-mic:after{left:calc(100% + 19px)}
#se-practice .pr-prompt{color:#0b2553}
#se-practice .pr-result{background:linear-gradient(120deg,#ffffffb0,#e8f7ffba);border:2px solid #fff;border-radius:32px;box-shadow:0 5px 16px #a4d1ee22}
#se-practice .pr-result h3{color:#0b2553}
#se-practice .pr-result:after{content:'✓  Recognized     ◎  Comparison     ▥  Tips';display:block;border-radius:20px;background:#ffffff88;padding:7px 5px;margin-top:8px;text-align:center;font-size:clamp(10px,1.4vh,13px);color:#5c779b}
body.dark #se-practice .pr-original,body.dark #se-practice .pr-prompt,body.dark #se-practice .pr-result h3,body.dark #se-practice .pr-step{color:#edf8ff}
body.dark #se-practice .pr-phrase,body.dark #se-practice .pr-result{background:#193552}
@media(max-height:740px){#se-practice .pr-steps{padding:0 10%}#se-practice .pr-step b{width:26px;height:26px}#se-practice .pr-result:after{padding:4px 3px;margin-top:4px}#se-practice .pr-mic:before,#se-practice .pr-mic:after{width:35px}}