/* The exercise screen follows the supplied white-paper, black-ink reference. */
body[data-view="study"]{--green:#111;--dark:#111;--ink:#111;--muted:#555;--line:#bbb;--soft:#f5f5f5;background:#fff;color:#111}
body[data-view="study"]::before{display:none}
body[data-view="study"] .topbar{background:#fff;backdrop-filter:none;border-bottom:1px solid #aaa;height:64px;box-shadow:none}
body[data-view="study"] .logo{background:white;color:#111;border:1px solid #111;box-shadow:none;transform:none}
body[data-view="study"] .brand{font-size:20px}
body[data-view="study"] .brand small{display:none}
body[data-view="study"] .nav,body[data-view="study"] .save{color:#333}
body[data-view="study"] .save::before{background:#222}
body[data-view="study"] .nav.active{background:#f1f1f1;color:#111}
body[data-view="study"] main{max-width:1450px;padding-top:20px}
body[data-view="study"] .workspace-head{padding-bottom:17px;border-bottom:1px solid #aaa;margin-bottom:20px}
body[data-view="study"] .workspace-head h1{font-family:"Songti SC",SimSun,serif;font-size:23px;font-weight:600;color:#111}
body[data-view="study"] .workspace{grid-template-columns:145px minmax(0,1fr);gap:20px}
body[data-view="study"] .question-panel{background:white;border:1px solid #888;border-radius:16px;padding:25px 30px;box-shadow:none}
body[data-view="study"] .question-top{color:#333;border-bottom:1px solid #ccc;padding-bottom:16px;margin-bottom:18px}
body[data-view="study"] .pill{background:white;border:1px solid #aaa;color:#111;border-radius:5px;font-size:12px}
body[data-view="study"] .prompt{font-family:"Songti SC",SimSun,serif;font-size:23px;font-weight:600;line-height:1.85;letter-spacing:.4px;color:#111;margin:20px 0 25px}
body[data-view="study"] .passage{background:#fff;border:1px solid #999;border-radius:12px;font-family:"Songti SC",SimSun,serif;font-size:19px;line-height:1.9;color:#111;max-height:360px}
body[data-view="study"] .passage h3{font-family:inherit;font-size:16px;color:#111;font-weight:600}
body[data-view="study"] .question-nav{background:#fff;border-color:#aaa;border-radius:12px}
body[data-view="study"] .question-nav h3{color:#111}
body[data-view="study"] .qdot{position:relative;color:#111;border:1px solid #bbb;background:white}
body[data-view="study"] .qdot.current{color:#fff;background:#222;outline-color:#222}
body[data-view="study"] .qdot.done,body[data-view="study"] .qdot.wrong,body[data-view="study"] .qdot.pending{background:#f3f3f3;color:#111}
body[data-view="study"] .qdot.current{background:#222;color:#fff}
body[data-view="study"] .qdot.done::after{content:'✓';position:absolute;right:1px;bottom:-1px;font-size:10px}
body[data-view="study"] .qdot.wrong::after{content:'×';position:absolute;right:1px;bottom:-1px;font-size:11px}
body[data-view="study"] .qdot.pending::after{content:'·';position:absolute;right:2px;bottom:0;font-size:16px}
body[data-view="study"] .legend{color:#444}
body[data-view="study"] .primary,body[data-view="study"] .secondary{background:#fff;border:1px solid #333;color:#111;border-radius:9px;box-shadow:none;font-weight:500}
body[data-view="study"] .question-footer .primary{background:#151515;color:#fff}
body[data-view="study"] .answer-tabs{border-bottom:1px solid #bbb;margin-bottom:17px;padding-bottom:5px}
body[data-view="study"] .answer-tabs button{color:#555;border-radius:0}
body[data-view="study"] .answer-tabs .selected{background:#fff;border-bottom:2px solid #111;color:#111}
body[data-view="study"] .tools{background:#fff;border-color:#999;border-radius:10px 10px 0 0}
body[data-view="study"] .tools .selected{background:#ededed;color:#111}
body[data-view="study"] .paper-label{background:#fff;border-color:#aaa;color:#222}
body[data-view="study"] .canvas-wrap{background:#fff;border-color:#999;border-radius:0 0 10px 10px}
body[data-view="study"] .canvas-wrap canvas{background-color:#fff}
body[data-view="study"] .canvas-wrap.paper-math canvas{background-image:linear-gradient(#ddd 1px,transparent 1px),linear-gradient(90deg,#ddd 1px,transparent 1px)}
body[data-view="study"] .canvas-hint{color:#777;font-size:15px}
body[data-view="study"] .field{background:#fff;color:#111;border-color:#999;font-size:20px}
body[data-view="study"] .option{background:#fff;color:#111;border-color:#999;padding:17px}
body[data-view="study"] .option.selected{background:#f5f5f5;border-color:#111;box-shadow:inset 0 0 0 1px #111}
body[data-view="study"] .option i{border-color:#888}
body[data-view="study"] .option.selected i{border-color:#111}
body[data-view="study"] .listen{background:#fff;border:1px solid #888;color:#111}
body[data-view="study"] .listen p,body[data-view="study"] .listen label,body[data-view="study"] .lookup-hint,body[data-view="study"] .note,body[data-view="study"] .text-button{color:#444}
body[data-view="study"] .listen select{color:#111;border-color:#999;background:#fff}
body[data-view="study"] .lookup-word:hover,body[data-view="study"] .lookup-word:focus-visible{background:#eee;color:#111}
body[data-view="study"] #feedback:not(:empty){border-top:1px solid #999;padding-top:20px;margin-top:25px}
body[data-view="study"] #feedback:not(:empty)::before{content:'批改记录';font:600 19px "Songti SC",SimSun,serif;color:#111}
body[data-view="study"] .feedback,body[data-view="study"] .feedback.bad,body[data-view="study"] .feedback.pending{background:#fff;border:1px solid #999;color:#111;border-radius:10px;font-size:16px;line-height:1.9;padding:20px}
body[data-view="study"] .question-footer{border-color:#aaa}
body[data-view="study"] .question-footer button{min-height:46px;min-width:104px}
body[data-view="study"] dialog{background:white;border-color:#888;color:#111}
body[data-view="study"] dialog .word-meaning,body[data-view="study"] dialog .word-example{background:#fff;border:1px solid #bbb;color:#111}
body[data-view="study"] dialog .word-definition,body[data-view="study"] dialog .word-source,body[data-view="study"] dialog .word-pronunciation,body[data-view="study"] .lookup-word-count{color:#444}
@media(max-width:1000px){body[data-view="study"] .workspace{grid-template-columns:125px minmax(0,1fr);gap:14px}body[data-view="study"] .question-panel{padding:22px}body[data-view="study"] .prompt{font-size:22px}}
@media(max-width:750px){body[data-view="study"] .topbar{height:auto;min-height:76px}body[data-view="study"] main{padding:15px 12px}body[data-view="study"] .workspace{grid-template-columns:1fr;gap:13px}body[data-view="study"] .workspace-head{padding-bottom:12px;margin-bottom:15px}body[data-view="study"] .workspace-head h1{font-size:21px}body[data-view="study"] .question-panel{padding:18px 16px;border-radius:12px}body[data-view="study"] .prompt{font-size:21px}body[data-view="study"] .passage{font-size:18px}body[data-view="study"] .question-footer button{min-width:0;padding:10px 12px}}