/* PlayLab v2.0.20: approved English activity layout; existing audio and recording handlers retained. */
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-refined{min-height:100%;background:linear-gradient(#e4f8ff,#effbec 60%,#fff9e9);padding-bottom:12px}
.english-refined *{box-sizing:border-box}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:12px 18px;min-height:104px;align-items:center;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead h2{font-size:30px;line-height:1.2;margin:2px 0 3px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead p{font-size:16px;line-height:1.4;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-subject{font-size:13px;line-height:1.3;color:#fff8bd;display:block;letter-spacing:.2px;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead .english-help-button{font-size:15px;line-height:1.3;padding:8px 12px;min-height:44px;min-width:0;border-radius:12px;background:#fffdf4;color:#66429c;box-shadow:0 3px 0 #007bc44d}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-content{max-width:1140px;margin:auto;padding:14px 16px 0}
.english-refined button{cursor:pointer}
.english-refined button:focus-visible,.english-help-dialog :is(button,input):focus-visible{outline:3px solid #7441bf;outline-offset:3px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.english-primary,.english-secondary,.english-listen){min-height:46px;padding:10px 16px;border:2px solid #fff;border-radius:13px;font-size:17px;line-height:1.3;font-weight:700;white-space:normal}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-primary{color:white;background:linear-gradient(#ac6cf5,#7c36d4);box-shadow:0 4px 0 #6233a2}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-secondary{color:#564985;background:#faf7ff;border-color:#ddd6ef;box-shadow:0 2px 0 #d9d5e7}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-listen{color:#5d7692;background:#eaf2f9;border-color:#d9e5ef;box-shadow:none;cursor:default;opacity:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-stepbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-stepbar>button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:7px 19px;background:#fffdf8;border:2px solid #ddd9ee;border-radius:14px;color:#68718b;font-size:18px;font-weight:700;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-stepbar>button[aria-selected=true]{color:#6e3bb7;background:#f0e6ff;border-color:#bc94ef;box-shadow:0 3px 0 #c6b0e6}
.english-stepbar b{display:grid;place-items:center;background:#fff;border-radius:50%;min-width:28px;height:28px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-mode-note{margin-left:auto;color:#5c7c77;font-size:15px;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-read-panel,.cat-match-panel){display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:stretch}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-read-panel,.cat-match-panel)[hidden]{display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-story-scene,.cat-story-copy,.cat-picture-bank,.cat-match-sheet,.machine-build-card,.machine-result-card){min-width:0;border:3px solid #fff;border-radius:24px;box-shadow:0 4px 0 #c9deda;background:#fffdf5;padding:18px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-scene{background:radial-gradient(ellipse at 50% 40%,#fffbe3,#d6f5e9);position:relative;min-height:362px;display:flex;align-items:center;justify-content:center;padding:22px 18px 44px;overflow:hidden}
.cat-story-scene>img{display:block;width:100%;height:300px;object-fit:contain}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-picture-caption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;border:2px solid #fff;background:#ffffffc7;border-radius:20px;color:#536b89;padding:5px 13px;font-size:14px;line-height:1.3}
.english-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;color:#364b89;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-section-heading :is(h3,span){font-size:22px;line-height:1.3;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-lines{display:grid;gap:10px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-lines .ppl-cat-sentence{display:flex;align-items:center;gap:12px;text-align:left;min-height:60px;padding:10px 12px;border:2px solid #e5e6ed;background:#fff;border-radius:15px;color:#344c80;font-size:23px;line-height:1.4;font-weight:400;white-space:normal;overflow-wrap:anywhere}
.cat-story-lines .ppl-cat-sentence b{font:700 14px "Trebuchet MS",sans-serif;display:grid;place-items:center;background:#f0e8fb;color:#754ca3;width:28px;height:28px;border-radius:50%;flex-shrink:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-lines .ppl-cat-sentence[aria-pressed=true]{border-color:#a9d8bc;background:#effbef;box-shadow:0 3px 0 #c3dfcc}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-instruction{font-size:16px;line-height:1.45;color:#546d88;margin:9px 0 12px}
.cat-reading-actions,.cat-match-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:16px;flex-wrap:wrap}
.cat-reading-actions>button{flex:1}
.cat-match-sheet{background:#fffef9!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-pictures{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:10px 0 18px;gap:9px;background:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-picture{min-height:165px;min-width:0;padding:9px 5px;background:linear-gradient(#e0f8ea,#f5fff3);border:2px solid #b6e4c7;border-radius:17px;box-shadow:0 3px 0 #c0dccc;touch-action:pan-y;position:relative}
.cat-refined .ppl-cat-picture img{width:100%;height:112px;max-width:160px;object-fit:contain}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-picture small{font-size:15px;line-height:1.3;color:#477258;padding:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-picture.selected{border-color:#8350d0;background:#eee4ff;box-shadow:0 0 0 2px #c8a5f5}
.cat-refined .ppl-cat-picture.finished{opacity:.45;cursor:default}
.cat-mobile-pagination{display:none}
.cat-refined .ppl-cat-picture.finished:after{content:'✓';position:absolute;right:5px;top:5px;color:#fff;background:#2b9875;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-size:17px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targets{display:grid;gap:10px;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targetrow{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targetrow>div{background:#edf8ef;border:1px solid #d8ebdc;padding:12px;border-radius:14px;color:#355674;font-size:21px;line-height:1.35;font-weight:400;min-height:96px;overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-drop{min-height:96px;border:2px dashed #b0c8c3;border-radius:14px;background:#f9fcff;color:#657795;font-size:15px;line-height:1.3;padding:7px;gap:3px}
.cat-refined .ppl-cat-drop img{height:64px;width:100%;object-fit:contain}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-drop.done{border-style:solid;background:#e0f9e9;border-color:#88c6a4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-drop small{font-size:13px;line-height:1.2}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-feedback{font-size:16px;line-height:1.45;margin:10px 0 0;min-height:46px;padding:10px 12px;color:#496486;background:#edf5ff;border:1px solid #dce8f6;border-radius:12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-match-progress>span{display:block;font-size:16px;line-height:1.4;color:#4d6d89;margin-bottom:8px}
.english-meter{height:8px;background:#dcebe6;border-radius:20px;overflow:hidden}.english-meter>i{display:block;width:0;height:100%;border-radius:20px;background:#54b789}
.machine-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-explore-tag{font-size:17px;line-height:1.4;color:#667b58;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-toolbar .english-secondary{font-size:15px;min-height:44px;padding:7px 12px}
.machine-toolbar b{font-size:19px;margin-left:6px;color:#9564c6}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-patterns>button{min-height:54px;padding:9px;border:2px solid #ddd5ed;border-radius:14px;background:#fffdf8;color:#646388;font-size:17px;line-height:1.3;font-weight:700;white-space:normal}
.machine-patterns button span{display:block;margin-top:3px;letter-spacing:4px;font-size:20px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-patterns>button.active{color:#6b3aa4;background:#f0e5ff;border-color:#bb91e9;box-shadow:0 3px 0 #c3a5e3}
.machine-explore-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;align-items:stretch}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-build-card{background:linear-gradient(#fff9e0,#fffdf5)}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-word{display:flex;gap:12px;justify-content:center;min-height:125px;margin:10px 0 20px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined :is(.ppl-machine-fixed,.ppl-machine-slot){max-width:29%;width:96px;height:106px;border:3px solid #fff;border-radius:19px;font-size:54px;line-height:1.1;box-shadow:0 4px 0 #e4cfa6;color:#3b448f;background:#fffdf3}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-slot{border:3px dashed #b18ada;background:#eee5ff;box-shadow:0 4px 0 #c7b0e3;border-radius:19px;color:#8b65b8}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-slot.ready{border-style:solid;background:#e3f8ed;color:#357054;box-shadow:0 4px 0 #b9ddc9;border-color:#8bcaa9}
.machine-tile-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#536586;margin-top:8px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-tile-title strong{font-size:19px;line-height:1.3}.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-tile-title span{font-size:14px;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tiles{display:flex;gap:10px;margin:13px 0;flex-wrap:wrap;justify-content:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tile{width:68px;height:72px;border:2px solid #fff7b7;border-radius:15px;font-size:43px;line-height:1;background:linear-gradient(#fff075,#ffd93b);box-shadow:0 4px 0 #d5ae38;color:#3e3b8b;touch-action:pan-y}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tile.active{outline:3px solid #a777df;outline-offset:2px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-clear{display:block;margin:13px auto 0}
.machine-word-actions{display:flex;justify-content:center;gap:9px;margin-top:13px}
.machine-word-actions>button{flex:1;max-width:210px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-word-actions>.machine-clear{margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-result-card{text-align:center;background:linear-gradient(#edfff4,#f8fff4);display:flex;flex-direction:column;align-items:center}
.machine-result-card>.english-section-heading{width:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-result-art{font-size:88px;line-height:1.2;height:130px;display:grid;place-items:center;width:100%;margin:5px 0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-resultword{font-size:48px;line-height:1.2;color:#355285;overflow-wrap:anywhere;min-height:58px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-result-hint{font-size:16px;line-height:1.4;color:#617b91;margin:5px 0 17px}
.machine-result-card>.english-listen{width:100%}
.machine-friend{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:auto;padding-top:15px;width:100%}.machine-friend img{height:85px;width:95px;object-fit:contain}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-friend p{font-size:16px;line-height:1.4;text-align:left;color:#53746e;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-explore-note{font-size:15px;line-height:1.4;text-align:center;color:#607c72;padding:12px 0 0;margin:0}
.english-help-dialog{box-sizing:border-box;width:min(510px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:0;border:3px solid #fff;border-radius:22px;background:#fffdf5;color:#354a81;box-shadow:0 20px 70px #1f315344;font-family:inherit}
.english-help-dialog:not([open]){display:none!important}.english-help-dialog[open]{display:flex;flex-direction:column}
.english-help-dialog::backdrop{background:#18335988}
.english-help-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#09a9f5;color:#fff}
.english-help-dialog header h2{font-size:23px;line-height:1.25;margin:0}
.english-help-dialog header>button{min-height:44px;min-width:44px;border:2px solid white;border-radius:12px;background:white;color:#5b4594;font-size:21px}
.english-dialog-content{padding:16px 18px;overflow:auto;font-size:17px;line-height:1.5}
.english-dialog-content p{margin:0 0 13px}.english-dialog-content strong[lang=en]{display:block;color:#473c85;margin-bottom:3px}
.english-help-dialog footer{padding:12px 18px;border-top:1px solid #e6e8ee}.english-help-dialog footer>button{width:100%;min-height:46px;border:2px solid white;border-radius:12px;background:#8745d7;color:white;font:700 17px inherit;padding:10px 14px}
.english-dialog-content fieldset{border:1px solid #dcd3eb;border-radius:14px;padding:12px;margin-bottom:14px}.english-dialog-content legend{font-weight:700}.english-dialog-content label{display:flex;align-items:center;gap:9px;min-height:60px;padding:9px 4px}.english-dialog-content label strong{font-size:27px;color:#693e9c}.english-dialog-content input{width:22px;height:22px;accent-color:#8745d7}
@media(min-width:600px){
 .machine-toolbar{margin-bottom:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-patterns>button{padding:6px;min-height:54px}.machine-patterns button span{font-size:18px;margin-top:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.machine-build-card,.machine-result-card){padding:14px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-build-card>.english-instruction{margin:6px 0 8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-word{min-height:94px;margin:8px 0 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined :is(.ppl-machine-fixed,.ppl-machine-slot){height:90px;width:82px;font-size:48px}
 .machine-tile-title{margin-top:4px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tiles{margin:8px 0;gap:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tile{height:62px;font-size:38px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-build-card>.english-feedback{min-height:42px;padding:8px 10px;margin-top:8px}
 .machine-word-actions{margin-top:9px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-result-art{height:92px;font-size:64px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-resultword{font-size:42px;min-height:52px}
 .machine-friend img{height:64px;width:78px}
}
@media(min-width:600px) and (max-width:899px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-content{padding:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-read-panel,.cat-match-panel){gap:12px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-story-copy,.cat-match-sheet,.cat-picture-bank,.machine-build-card,.machine-result-card){padding:13px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-lines .ppl-cat-sentence{font-size:21px;padding:9px 8px;gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-pictures{grid-template-columns:1fr;gap:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-picture{min-height:90px;display:grid;grid-template-columns:1fr 70px;align-items:center;padding:8px}
 .cat-refined .ppl-cat-picture img{height:70px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targetrow{grid-template-columns:minmax(0,1fr) 105px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targetrow>div{font-size:19px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined :is(.ppl-cat-targetrow>div,.ppl-cat-drop){min-height:88px}
 .cat-refined .ppl-cat-drop img{height:54px}
 .cat-match-actions{margin-top:12px}
 .machine-explore-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tile{width:52px;height:64px;font-size:36px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tiles{gap:8px}
}
@media(max-width:599px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead{grid-template-columns:40px minmax(0,1fr) 48px;gap:9px;padding:9px 10px;min-height:100px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead h2{font-size:24px;line-height:1.2}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead p{font-size:14px;line-height:1.4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-subject{font-size:11px;line-height:1.3;letter-spacing:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-screenhead .english-help-button{font-size:13px;padding:6px;min-width:44px;min-height:44px}.english-help-button>span{display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-content{padding:10px 8px 0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-stepbar{margin-bottom:10px;gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-stepbar>button{flex:1;font-size:17px;min-height:44px;padding:5px 10px}.english-mode-note{display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-read-panel,.cat-match-panel){grid-template-columns:minmax(0,1fr);gap:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-story-copy,.cat-match-sheet,.cat-picture-bank){border-radius:18px;padding:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-scene{min-height:0;height:194px;border-radius:18px;padding:8px 12px 25px}.cat-story-scene>img{height:165px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-picture-caption{font-size:12px;bottom:6px;padding:3px 10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-section-heading :is(h3,span){font-size:19px}.english-section-heading{margin-bottom:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-lines .ppl-cat-sentence{font-size:20px;min-height:44px;line-height:1.3;padding:7px 9px;gap:8px;border-radius:12px}.cat-story-lines .ppl-cat-sentence b{font-size:12px;width:24px;height:24px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-story-lines{gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-instruction{font-size:15px;line-height:1.4;margin:7px 0 9px}
 .cat-reading-actions,.cat-match-actions{margin-top:10px;gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.english-primary,.english-secondary,.english-listen){font-size:16px;min-height:44px;padding:9px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-pictures{margin:8px 0 10px;gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-picture{min-height:94px;padding:6px 4px;border-radius:13px}.cat-refined .ppl-cat-picture img{height:64px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-picture small{font-size:13px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-match-progress>span{font-size:14px;margin-bottom:5px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targets{gap:7px}
 .cat-match-sheet>.english-section-heading{display:none}
 .cat-mobile-pagination{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px;font-size:15px;color:#596a8e;font-weight:700;line-height:1.3}
 .cat-mobile-pagination>button{min-width:44px;min-height:44px;border:1px solid #ddd3ef;border-radius:12px;background:#f6f1ff;color:#6f45ac;font-size:21px;line-height:1}
 .cat-mobile-pagination>button:disabled{opacity:.4;cursor:default}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targetrow:not([data-cat-current=true]){display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targetrow{grid-template-columns:minmax(0,1fr) 103px;gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-targetrow>div{font-size:19px;min-height:77px;padding:8px;line-height:1.3}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-drop{font-size:14px;min-height:77px;padding:5px}.cat-refined .ppl-cat-drop img{height:46px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-feedback{font-size:15px;line-height:1.4;min-height:43px;padding:8px 10px;margin-top:8px}
 .machine-toolbar{margin-bottom:9px;gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-explore-tag{font-size:16px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-toolbar .english-secondary{font-size:14px;padding:6px 10px;min-height:44px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-patterns{gap:7px;margin-bottom:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-patterns>button{font-size:14px;min-height:57px;padding:6px}.machine-patterns button span{font-size:18px;margin-top:2px}
 .machine-explore-layout{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:9px;background:#fffdf5;border:3px solid white;border-radius:20px;padding:12px;box-shadow:0 4px 0 #c9deda}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-build-card{display:contents}
 .machine-build-card>.english-section-heading{display:none}
 .machine-build-card>.english-instruction{grid-row:1;grid-column:1/-1;margin:0!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-word{grid-column:1;grid-row:2;min-height:100px;gap:5px;margin:0;align-self:center}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined :is(.ppl-machine-fixed,.ppl-machine-slot){font-size:37px;width:56px;height:72px;max-width:31%;border-radius:13px;border-width:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-result-card{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:2px;align-items:center;padding:7px 4px;border-radius:15px;box-shadow:none;border:1px solid #d0e9da;min-height:114px}
 .machine-result-card>.english-section-heading{display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-result-art{font-size:35px;height:42px;margin:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-resultword{font-size:25px;min-height:0;line-height:1.2}
 .machine-result-card :is(.english-listen,.machine-friend,.machine-result-hint){display:none}
 .machine-tile-title{grid-column:1/-1;grid-row:3;margin-top:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-tile-title strong{font-size:18px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tiles{grid-column:1/-1;grid-row:4;margin:0;gap:8px;justify-content:space-evenly}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-refined .ppl-machine-tile{font-size:35px;width:52px;height:61px;border-radius:12px}
 .machine-build-card>.english-feedback{grid-column:1/-1;grid-row:5;margin:0!important}
 .machine-word-actions{grid-column:1/-1;grid-row:6;margin:0;display:flex;justify-content:center;gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .machine-explore-note{font-size:14px;padding-top:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-match-panel{gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-picture-bank,.cat-match-sheet){padding:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined .ppl-cat-picture{min-height:88px}
 .cat-refined .ppl-cat-picture img{height:56px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-refined :is(.ppl-cat-targetrow>div,.ppl-cat-drop){min-height:72px}
 .cat-refined .ppl-cat-drop img{height:40px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .cat-match-sheet>.english-feedback{min-height:40px;padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){.english-refined *{scroll-behavior:auto!important;transition:none!important}}

/* Preserve the original pointer drag behavior, including touch dragging. */
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.cat-refined .ppl-cat-picture,.machine-refined .ppl-machine-tile){touch-action:none}
.cat-story-scene>[data-cat-story-emoji]{font-size:110px;line-height:1.2}
.cat-story-scene>img[hidden],.cat-story-scene>[data-cat-story-emoji][hidden],.english-refined [data-ppl-cat-read-status][hidden]{display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-refined .english-listen{cursor:pointer;color:#4e6187;background:#edf3ff}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .english-refined .english-listen:disabled{cursor:default}
