:root{--forest:#284b3b;--forest2:#173d30;--cream:#fbf5e7;--paper:#f5ecd7;--mint:#e5f0e3;--line:#a7cba6;--gold:#d7a238;--ink:#153d34;--bad:#a03b2f;--ok:#2d7a4a}
*{box-sizing:border-box} body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;min-height:100vh}.fh-top{height:78px;background:var(--forest);color:#fff;display:flex;align-items:center;padding:0 28px;font:700 28px Georgia,serif}.fh-shell{max-width:1040px;margin:0 auto;padding:28px 22px 70px}.fh-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.fh-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--line);background:#fff}.fh-character{font:700 22px Georgia,serif}.fh-badges{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.fh-badge{background:var(--mint);padding:7px 13px;border-radius:18px;font-size:14px}.fh-badge.level{background:var(--gold);color:white;font-weight:700}.fh-title{font:700 31px Georgia,serif;margin:10px 0 8px}.fh-context{font:italic 18px Georgia,serif;color:#725d43;line-height:1.45}.fh-instruction{margin:18px 0 12px;background:var(--mint);border-radius:16px;padding:21px 24px;font-weight:700;font-size:21px;line-height:1.42;display:flex;gap:15px;align-items:center}.fh-instruction::before{content:'📣'}.fh-prompt{background:var(--paper);border-radius:13px;padding:16px 18px;font-size:17px;line-height:1.45;margin:12px 0}.fh-scene-wrap{display:flex;justify-content:center;margin:20px 0}.fh-scene{max-width:min(100%,720px);max-height:520px;object-fit:contain;border:3px solid var(--line);border-radius:16px;background:white}.fh-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.fh-option{min-height:86px;border:3px solid #c9dec5;background:white;border-radius:16px;padding:12px;cursor:pointer;font:700 17px Arial;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--ink)}.fh-option:hover,.fh-option:focus{border-color:#6eaa75;outline:none}.fh-option.selected{border-color:#377f4e;background:#e2f0e4}.fh-option img{width:92px;height:92px;object-fit:contain}.fh-option .fallback{font-size:42px}.fh-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}.fh-btn{border:2px solid #79a97d;background:#fff;border-radius:30px;padding:14px 23px;font-weight:700;font-size:17px;color:var(--ink);cursor:pointer;min-height:54px}.fh-btn.primary{background:var(--gold);border-color:#c48e23}.fh-btn:disabled{opacity:.45;cursor:not-allowed}.fh-feedback{margin:18px 0;padding:17px 20px;border-radius:14px;font-size:17px;font-weight:700}.fh-feedback.success{background:#dff1e5;color:var(--ok)}.fh-feedback.retry{background:#f8e2dc;color:var(--bad)}.fh-feedback.saved{background:#e3edf7;color:#315a78}.fh-hints{margin:15px 0}.fh-hint{background:#eef5e9;border-left:5px solid #6fa177;padding:12px 15px;margin:8px 0;border-radius:8px}.fh-field{margin:18px 0}.fh-field label,.fh-field legend{display:block;font-weight:700;margin-bottom:8px;font-size:16px}.fh-field input[type=text],.fh-field input[type=number],.fh-field textarea,.fh-field select{width:100%;border:2px solid #7baa7d;border-radius:14px;padding:13px;font-size:17px;background:white}.fh-field textarea{min-height:110px}.fh-checks{display:grid;gap:8px}.fh-check{border:2px solid #c9dec5;border-radius:13px;padding:12px;background:#fff;display:flex;align-items:center;gap:10px}.fh-order{display:grid;gap:10px;margin:18px 0}.fh-order-item{display:flex;align-items:center;gap:10px;border:2px solid #c9dec5;border-radius:14px;background:#fff;padding:10px}.fh-order-item img{width:70px;height:70px;object-fit:contain}.fh-order-item .label{flex:1;font-weight:700}.fh-mini{border:1px solid #7baa7d;background:white;border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:700}.fh-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.fh-class-card{border:2px solid #c9dec5;background:#fff;border-radius:14px;padding:12px}.fh-class-card img{width:75px;height:75px;object-fit:contain;display:block;margin:auto}.fh-hotspot{position:relative;display:inline-block;max-width:100%}.fh-hotspot img{display:block;max-width:100%;max-height:560px}.fh-hot{position:absolute;border:3px solid rgba(55,127,78,.65);background:rgba(225,245,226,.25);border-radius:50%;transform:translate(-50%,-50%);cursor:pointer}.fh-hot.selected{background:rgba(55,127,78,.55)}.fh-canvas{display:block;width:100%;max-width:650px;height:360px;border:3px dashed #7baa7d;border-radius:14px;background:#fff;touch-action:none}.fh-tap{font-size:26px;min-width:180px;min-height:100px}.fh-counter{text-align:center;font-size:25px;font-weight:700}.fh-trial{background:var(--paper);border-radius:14px;padding:24px;text-align:center;font-size:25px;font-weight:700}.fh-audio{display:flex;gap:12px;align-items:center;background:var(--paper);padding:14px;border-radius:13px;margin:12px 0}.fh-memory-stage{background:#fff;border:3px solid #c9dec5;border-radius:16px;padding:18px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:15px 0}.fh-memory-stage img{width:110px;height:110px;object-fit:contain}.fh-record{background:#fff;border:2px solid #c9dec5;border-radius:14px;padding:18px}.fh-breathe{width:150px;height:150px;border-radius:50%;margin:30px auto;background:#88b77d;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;transition:transform 3.5s ease-in-out}.fh-breathe.inhale{transform:scale(1.45)}.fh-breathe.exhale{transform:scale(.85)}.fh-token{display:inline-block;border:2px solid #c9dec5;padding:8px 10px;border-radius:10px;margin:5px;cursor:pointer;background:white}.fh-token.selected{background:#dff1e5;border-color:#377f4e}.fh-qameta{font-size:12px;color:#777;margin-top:30px}.hidden{display:none!important}
@media(max-width:700px){.fh-top{height:64px;font-size:22px}.fh-shell{padding:18px 14px 50px}.fh-title{font-size:26px}.fh-instruction{font-size:19px;padding:18px}.fh-options{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-option{min-height:110px;padding:9px}.fh-option img{width:76px;height:76px}.fh-actions{justify-content:center}.fh-btn{width:100%}.fh-field textarea{min-height:95px}}
.fh-instruction .instruction-text{flex:1}.fh-instruction .speak-instruction{flex:0 0 auto;background:white;font-size:19px}.fh-option-audio{width:min(100%,180px);height:34px}.fh-trial img{width:170px;height:170px;object-fit:contain;display:block;margin:0 auto 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fh-option-shell{border:2px solid #c9dec5;border-radius:16px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:6px}.fh-option-shell .fh-option{width:100%;border-width:1px}.fh-option-shell .fh-option-audio{width:100%}