:root{--study-ink:#28452d;--study-cream:#fff9e6;--study-leaf:#386b34}
#studySetup,#studyGarden{font-family:CNF,"Microsoft YaHei",sans-serif;color:var(--study-ink)}
#studySetup{width:min(530px,92vw);box-sizing:border-box;max-height:92dvh;overflow:auto;border:2px solid #e4d3a8;border-radius:25px;background:var(--study-cream);padding:30px;box-shadow:0 20px 80px #15362166}
#studySetup::backdrop{background:#16361d99;backdrop-filter:blur(6px)}
.study-eyebrow{font-size:12px;letter-spacing:2px;color:#657641}
#studySetup h2{font-size:30px;margin:10px 0}#studySetup p{font-size:15px;line-height:1.8;color:#647054}
#studySetup button,#studyGarden button{font:inherit;cursor:pointer;touch-action:manipulation}
#studySetup button:focus-visible,#studyGarden button:focus-visible,#studySetup input:focus-visible,#studySetup select:focus-visible{outline:3px solid #dc9b37;outline-offset:3px}
.study-close{float:right;width:40px;height:40px;background:none;border:0;font-size:25px!important;color:var(--study-ink)}
#studySetup fieldset{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}#studySetup legend{font-size:14px;margin-bottom:12px}
#studySetup fieldset label{border:2px solid #d7dabc;border-radius:14px;padding:13px 10px;cursor:pointer;background:#fffff080;display:grid;grid-template-columns:20px 1fr;gap:6px}#studySetup fieldset label:has(:checked){border-color:#548343;background:#e6edcd}#studySetup input{accent-color:#3f7535}#studySetup fieldset small{grid-column:1/-1;font-size:11px;line-height:1.7;color:#647054}
.study-filter-label{display:flex;align-items:center;justify-content:space-between;font-size:14px}.study-filter-label select{font:inherit;padding:9px 15px;border:1px solid #b9c6a1;border-radius:10px;background:#fffdf4;color:var(--study-ink)}
.study-start-actions{display:grid;gap:10px;margin:24px 0 16px}.study-start-actions button{padding:13px;border:1px solid #a9bd85;border-radius:12px;color:var(--study-ink);background:#f3f5df}.study-primary{background:var(--study-leaf)!important;color:#fff9dc!important;border:1px solid #254f25!important;border-radius:13px;padding:13px 24px;box-shadow:0 4px 0 #254a24;white-space:nowrap}.study-primary:hover{filter:brightness(1.08)}.study-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #254a24}#studySetup button:disabled{opacity:.45;cursor:default}.study-source-note{display:block;color:#7d7e67;font-size:11px;line-height:1.7}
#studyGarden{position:fixed;inset:0;z-index:40;pointer-events:none}#studyGarden[hidden]{display:none}#studyGarden button,.study-plaque,.study-workbench{pointer-events:auto}
.study-mode #qualityTrigger,.study-mode #learningTrigger,.study-mode .orientation-hint{display:none!important}
.study-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(14px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 12px;background:linear-gradient(#fffbeded,#fffbedb0,transparent);text-shadow:0 1px #fffc}.study-header button{background:#fff8e8cc;border:1px solid #bcc79c;border-radius:10px;padding:9px 12px;min-height:42px;color:#375239;font-size:13px!important}.study-header>div{text-align:center}.study-header strong{display:block;font-size:20px;letter-spacing:2px}.study-header small{display:block;font-size:11px;margin-top:4px}.study-header nav{display:flex;gap:6px}
.study-plaque{position:absolute;top:19%;left:8%;width:240px;text-align:center;background:linear-gradient(135deg,#fffbed,#f5e9c6);border:3px solid #c6a36d;border-radius:18px;box-shadow:0 7px 0 #7c653b4d,0 20px 40px #20461926;padding:21px 18px 17px;transform:rotate(-1deg)}.study-plaque:before{content:"";position:absolute;top:-8px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#9b7b4d;box-shadow:0 1px 1px #fff}
#studyCharacter{display:block;font-size:84px;line-height:1.3;margin-top:8px}#studyWord{margin:2px 0 8px;letter-spacing:8px;font-size:23px}#studyWord mark{background:#e1e8b4;color:#2c622e;border-bottom:2px solid #678947;border-radius:4px;padding:0 2px}
.study-reading{font-family:PYF,sans-serif;font-size:31px;line-height:1.4;min-height:43px;color:#577538}.study-reading.concealed{font:12px/43px CNF,sans-serif;color:#7b8069}
.study-plaque-actions{display:flex;gap:7px;justify-content:center;margin:9px 0}.study-plaque-actions button{border:1px solid #a7b88a;background:#eef0d5;border-radius:9px;padding:9px 10px;color:#365d32;font-size:12px!important;min-height:40px}.study-plaque-actions button:disabled{opacity:.45}#studyRule{display:block;font-size:11px;line-height:1.6;color:#7a7b59;min-height:18px}
.study-scene-label{position:absolute;top:58%;left:55%;font-size:13px;color:#fffbea;letter-spacing:2px;text-shadow:0 2px 5px #243b1d;transform:translateX(-5%)}
.study-workbench{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(820px,92vw);box-sizing:border-box;background:linear-gradient(#fffbedfa,#f8edcffa);border:2px solid #b8b883;border-radius:20px;box-shadow:0 7px 0 #665a3533,0 10px 45px #1b36154d;padding:14px 22px 17px}
.study-workbench-top{display:flex;justify-content:space-between;align-items:center;gap:12px}#studySteps{display:flex;gap:8px}#studyRound{font-size:11px;color:#797d61;white-space:nowrap}.study-step{min-width:80px;border:1px solid #bbc79e;border-radius:10px;padding:6px 14px;background:#e9efd4;color:#345a32}.study-step small{display:block;font-size:10px}.study-step strong{font-family:PYF,CNF,sans-serif;font-size:20px;line-height:1.4}.study-step.unselected strong{opacity:.6}.study-step[aria-pressed=true]{outline:2px solid #5f873b;outline-offset:1px;background:#e1edc1}.study-step.medial{background:#ffebc2;border-color:#d3bc7f}.study-step.final{background:#faedb8}.study-step.tone{background:#ebe9db}
.study-choices-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 8px}.study-choices-heading strong{font-size:13px}.study-choices-heading small{font-size:10px;color:#7c7e64}
#studyChoices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.study-card{position:relative;border:1px solid #aabb86;border-bottom:4px solid #b2c38e;border-radius:12px;background:#f5f7df;color:#355b32;height:65px;transition:transform .15s,background .15s}.study-card strong{font-family:PYF,CNF,sans-serif;font-size:30px}.study-card small{position:absolute;top:5px;left:8px;font:10px CNF,sans-serif;opacity:.5}.study-card.tone strong{font-size:21px}.study-card[aria-pressed=true]{background:#cce2a6;border-color:#65873e;transform:translateY(2px)}.study-card:disabled{cursor:default;opacity:.65}
.study-workbench-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}#studyFeedback{font-size:12px;line-height:1.7;color:#63744d;max-width:520px}.study-workbench-bottom button{font-size:15px!important;min-height:46px}.study-mode #fpsBadge{top:86px;right:18px}
@media(max-width:700px){.study-header{padding:10px 10px 16px;gap:6px}.study-header strong{font-size:16px}.study-header small{font-size:10px}.study-header button{font-size:11px!important;padding:8px;min-height:38px}.study-header nav{gap:4px}.study-plaque{left:50%;top:90px;transform:translateX(-50%);width:252px;padding:10px 12px;border-width:2px;display:grid;grid-template-columns:86px 1fr;align-items:center;column-gap:6px}.study-plaque .study-eyebrow{grid-column:1/-1;font-size:10px}.study-plaque #studyCharacter{font-size:66px;grid-row:2/4;margin:0}.study-plaque #studyWord{font-size:20px;margin:2px 0;letter-spacing:5px}.study-reading{font-size:26px;line-height:1.4;min-height:36px}.study-reading.concealed{font-size:11px;line-height:36px}.study-plaque-actions{grid-column:1/-1;margin:5px 0}.study-plaque-actions button{min-height:36px;padding:6px 12px}#studyRule{grid-column:1/-1;font-size:10px}.study-scene-label{top:auto;bottom:310px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap}.study-workbench{bottom:max(12px,env(safe-area-inset-bottom));width:95vw;border-radius:16px;padding:11px 12px 13px}.study-step{min-width:54px;padding:5px 8px}.study-step strong{font-size:18px}.study-step small{font-size:9px}#studySteps{gap:5px}#studyRound{font-size:9px}.study-choices-heading small{font-size:9px}.study-card{height:58px}.study-card strong{font-size:28px}.study-card.tone strong{font-size:17px}#studyChoices{gap:7px}.study-workbench-bottom{gap:7px;margin-top:10px}.study-workbench-bottom button{padding:10px 14px;font-size:13px!important}#studyFeedback{font-size:10px;line-height:1.6}.study-mode #fpsBadge{top:65px}}
@media(max-height:600px) and (min-width:701px){.study-plaque{top:20%;left:4%;padding:10px;width:190px}#studyCharacter{font-size:56px}.study-plaque .study-reading{font-size:24px}.study-plaque #studyWord{font-size:19px}.study-workbench{left:auto;right:2%;transform:none;width:65vw;bottom:14px}.study-scene-label{display:none}.study-header{padding-top:8px}.study-card{height:48px}}
@media(max-height:740px) and (max-width:700px){.study-plaque{top:74px;padding:7px 10px}.study-plaque #studyCharacter{font-size:52px}.study-plaque-actions{margin:2px 0}.study-plaque #studyRule{font-size:9px}.study-scene-label{display:none}.study-card{height:46px}.study-workbench{padding:8px 10px}.study-choices-heading{margin:9px 0 6px}.study-step{padding:3px 7px}.study-workbench-bottom{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.study-card{transition:none}}
.study-pause{position:absolute;inset:0;z-index:20;background:#26452e88;backdrop-filter:blur(5px);display:grid;place-items:center;pointer-events:auto}.study-pause[hidden]{display:none}.study-pause>div{padding:32px;border:2px solid #c8b583;border-radius:22px;background:#fff9e6;text-align:center}.study-pause strong{font-size:26px}.study-pause p{font-size:14px;margin:14px 0 24px}
.study-plaque-actions button,.study-header button,.study-close{min-height:44px}.study-card.tone{padding:0}.study-card.tone strong{font-size:24px}
.study-step.initial strong{color:#2877c9}.study-step.medial strong{color:#a77d21}.study-step.final strong,.study-step.whole strong{color:#b9502f}
@media(max-height:600px) and (min-width:701px){.study-plaque{top:80px;left:10px;width:145px;padding:10px 6px}.study-plaque #studyCharacter{font-size:50px}.study-plaque #studyWord{font-size:19px}.study-plaque .study-plaque-actions{flex-direction:column;align-items:stretch;gap:4px;margin:5px 0}.study-plaque #studyRule{font-size:9px}.study-plaque .study-reading{font-size:25px;min-height:35px}.study-workbench{width:54vw;padding:11px 15px 13px}.study-workbench .study-step{min-width:58px;padding:5px 8px}.study-workbench #studyRound{font-size:9px}.study-workbench #studySteps{gap:5px}.study-workbench .study-choices-heading small{font-size:8px}.study-workbench .study-workbench-bottom button{padding:10px 13px;font-size:13px!important}.study-workbench #studyFeedback{font-size:10px}}
.study-step strong{font-size:24px}#studyCharacter{font-family:KaiTi,STKaiti,CNF,serif}
.study-mode #fpsBadge{left:auto;bottom:auto;width:max-content;max-width:calc(100vw - 32px)}
@media(max-width:700px){.study-mode #fpsBadge{top:300px;right:8px}}@media(max-height:740px) and (max-width:700px){.study-mode #fpsBadge{top:250px;right:8px}}