:root{
  --bar:#6f8991;--bar2:#587680;--ink:#111;--paper:#fff;--bg:#d6d6d6;--grid:#c9c9c9;--yellow:#fff200;--blue:#5f7f8a;--red:#e73b3b;
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;background:#eee;color:var(--ink);font-size:15px;line-height:1.55}.screen{display:none}.screen.active{display:block}.homePanel,.resultPanel{min-height:100vh;background:#f5efe4;padding:32px}.homeCard,.resultCard{max-width:980px;margin:30px auto;background:#fffaf2;border:2px solid #d8ccb8;border-radius:28px;padding:32px;box-shadow:0 18px 45px rgba(0,0,0,.08)}.homeKicker{color:#a57b2c;font-weight:900;letter-spacing:.14em;font-size:13px}.homeCard h1,.resultCard h1{margin:.25em 0;font-size:34px;color:#18243d}.homeCard p,.resultCard p{font-size:18px;color:#687083;font-weight:700}.homeBtns{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.homeBtns button,.homeBtns a{border:2px solid #d8ccb8;border-radius:16px;background:#fff;color:#18243d;font-weight:900;text-decoration:none;padding:13px 20px;font-size:16px;cursor:pointer}.homeBtns .primary,.homeBtns button.primary{background:#18243d;color:#fff;border-color:#18243d}.homeCard details{margin-top:18px;background:#fff;border:1px solid #e4d8c8;border-radius:16px;padding:12px 16px}.cbtShell{height:100vh;display:none;grid-template-rows:31px 56px 1fr 78px;background:var(--bg);overflow:hidden}.cbtShell.active{display:grid}.systemTitle{background:var(--bar);height:31px;color:#fff;font-weight:700;padding:4px 14px;font-size:16px}.subHeader{height:56px;background:#f6f6f6;border-bottom:1px solid #bbb;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px}#examName{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolStrip{display:flex;align-items:center;gap:5px}.tool{min-width:45px;height:34px;border:0;background:var(--blue);color:#fff;font-size:11px;font-weight:700;border-radius:3px;line-height:1.05}.tool.active{background:#30454d}.timeLabel{font-size:16px;margin-left:12px;white-space:nowrap}.timeLabel b{color:red;font-size:26px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.finishBtn{background:#2196e8;color:#fff;border:0;border-radius:4px;font-weight:800;padding:9px 18px;font-size:14px}.workArea{min-height:0;display:grid;grid-template-columns:47px minmax(0,1fr) 208px;gap:0;background:#cfcfcf}.leftTools{background:#eef0f1;border-right:1px solid #bbb;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:12px}.leftTools button{width:31px;height:31px;border:1px solid #9caab0;background:#66838d;color:#fff;border-radius:3px;font-weight:900;font-size:18px}.leftTools .pen{background:#ff9d19}.leftTools .circle{color:#ff2d2d;background:#8fa4ab}.leftTools .triangle{color:#ff1d1d;background:#8fa4ab}.leftTools .cross{color:#ff2d2d;background:#8fa4ab}.paperFrame{min-width:0;overflow:auto;background:#cfcfcf;padding:0 18px 20px}.paper{background:#fff;min-height:calc(100vh - 190px);width:min(100%,1260px);margin:0 auto;padding:70px 86px 90px;box-shadow:0 0 0 1px #bbb;color:#000}.qHead{display:flex;gap:10px;font-size:17px;font-weight:800;margin-bottom:8px}.qBody{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.42}.qBody p{margin:5px 0}.sectionTitle{font-weight:800;margin-top:8px}.choiceLine{display:inline-block;margin-right:42px;white-space:nowrap}.longList{margin-top:12px}.longList p{padding-left:1.4em;text-indent:-1.4em}.answerSheet{background:#f4f4f4;border-left:1px solid #aaa;padding:12px 10px 10px;overflow:auto}.answerSheet table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;text-align:center}.answerSheet th,.answerSheet td{border:1px solid var(--grid);height:22px;padding:0 3px;font-weight:500}.answerSheet th{font-size:13px;background:#f9f9f9}.answerSheet tr.current td{background:var(--yellow)}.answerSheet tr.done td.answerCell{font-weight:900;color:#111}.answerSheet tr.mark td.reviewCell{color:#d00;font-weight:900}.answerSheet td.qGroup{background:#fafafa;font-weight:700}.bottomBar{height:78px;background:#f4f4f4;border-top:1px solid #aaa;display:grid;grid-template-columns:130px minmax(260px,520px) 170px 94px 94px 128px;gap:10px;align-items:center;padding:10px 18px}.currentNo{font-size:18px;font-weight:600;white-space:nowrap}.choiceButtons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.choiceButtons button{height:50px;background:#fff;border:1px solid #c8c8c8;border-radius:4px;font-size:28px;font-family:Georgia,serif;cursor:pointer}.choiceButtons button.selected{background:#ffe86a;border:3px solid #222}.reviewBtn{height:50px;background:#fff;border:2px solid #ef9d20;border-radius:4px;color:#e28a00;font-size:17px;font-weight:800}.reviewBtn.on{background:#fff8df;color:#c30000;border-color:#c30000}.navBtn,.answerPanelBtn{height:50px;border:0;border-radius:4px;background:#587680;color:#fff;font-weight:900;font-size:17px}.navBtn.disabled{background:#bfd0d5;color:#fff}.answerPanelBtn{background:#587680}.resultCard{max-width:1100px}.reviewList{margin-top:18px}.reviewItem{border:1px solid #ddd;border-radius:12px;background:#fff;padding:14px;margin:10px 0}.ok{color:#087b4a;font-weight:900}.ng{color:#c71535;font-weight:900}.miniPill{display:inline-block;background:#f1f1f1;border:1px solid #ddd;border-radius:999px;padding:2px 9px;font-size:12px;margin-right:6px;color:#555}
@media(max-width:900px){.cbtShell{height:auto;min-height:100vh;grid-template-rows:auto auto auto auto;overflow:auto}.subHeader{height:auto;align-items:flex-start;flex-direction:column;padding:10px}.toolStrip{flex-wrap:wrap}.workArea{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto}.answerSheet{grid-column:1/3;max-height:260px;border-left:0;border-top:1px solid #aaa}.paperFrame{padding:0 8px 12px}.paper{min-height:560px;padding:34px 24px}.bottomBar{height:auto;grid-template-columns:1fr;position:sticky;bottom:0;z-index:5}.choiceButtons{grid-template-columns:repeat(5,1fr)}.homePanel,.resultPanel{padding:18px}.homeCard,.resultCard{padding:22px;margin:10px auto}.homeCard h1,.resultCard h1{font-size:26px}}