:root{color:#1c1b19;background:#e6e1d6;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{min-width:2.75rem;min-height:2.75rem;color:inherit;cursor:pointer;background:#fff;border:1px solid #b7b1a6;border-radius:.4rem}button:disabled{cursor:default;opacity:.45}h1{margin:0;font-size:1.15rem}footer{color:#5c574e;font-size:.85rem}footer p{margin:.2rem 0}.status{width:min(42rem,100%);margin:2rem auto;padding:0 1rem}.sheet{background:#fbfaf7;width:min(42rem,100%);min-height:100dvh;margin:0 auto;padding:.75rem 1rem 1rem}.exam-list{flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.exam-list a,.back{min-height:2.75rem;color:inherit;background:#fff;border:1px solid #b7b1a6;border-radius:.4rem;align-items:center;padding:.4rem .9rem;text-decoration:none;display:flex}.exam-list a{justify-content:space-between}.count{color:#5c574e;font-size:.9rem}.practice{background:#fbfaf7;flex-direction:column;width:min(42rem,100%);height:100dvh;margin:0 auto;display:flex;overflow:hidden}.top{border-bottom:1px solid #e0dbd1;flex:none;padding:.5rem 1rem}.tools{gap:.5rem;display:flex}.tools .back{margin-right:auto}.tools button{padding:0 .9rem}.heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.4rem;display:flex}.score{white-space:nowrap;margin:0}.score span{font-weight:700}.numbers{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.number{flex-direction:column;flex:0 0 2.75rem;justify-content:center;align-items:center;gap:.12rem;width:2.75rem;height:2.75rem;padding:.15rem .05rem .12rem;font-size:.9rem;line-height:1;display:flex}.number.current{color:#fff;background:#1f4e79;border-color:#1f4e79}.number.draft{border-color:#8a6a2f}.number.correct{color:#1b6b3a;background:#e3f2e8;border-color:#1b6b3a}.number.incorrect{color:#9b2c2c;background:#f8e8e8;border-color:#9b2c2c}.number.current.draft,.number.current.correct,.number.current.incorrect{color:#fff;background:#1f4e79;border-color:#1f4e79}.badges{justify-content:center;align-items:center;gap:.08rem;height:.75rem;display:flex}.mark{font-size:.7rem;line-height:1}.flag{color:#1c1b19;flex:none;width:.75rem;height:.75rem}.number.current .flag{color:#fff}.flag svg{width:100%;height:100%;display:block}.flag path{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.image-pane{flex-direction:column;flex:1 1 0;min-height:0;padding:.25rem 1rem 0;display:flex}.image-head{flex:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hint{color:#5c574e;font-size:.85rem}.check{cursor:pointer;background:#fff;border:1px solid #b7b1a6;border-radius:.4rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin:0;display:flex}.check input{accent-color:#1f4e79;width:1.25rem;height:1.25rem;margin:0}.image-scroll,.lower,.numbers,.viewer-scroll{scrollbar-width:none}.image-scroll::-webkit-scrollbar{display:none}.lower::-webkit-scrollbar{display:none}.numbers::-webkit-scrollbar{display:none}.viewer-scroll::-webkit-scrollbar{display:none}.image-scroll{flex:1 1 0;min-height:0;overflow:auto}.image-button{cursor:zoom-in;background:0 0;border:none;border-radius:0;width:100%;min-height:0;padding:0;display:block}.image-button img{width:100%;height:auto;display:block}.lower{border-top:1px solid #e0dbd1;flex:0 auto;max-height:34dvh;padding:.25rem 1rem;overflow:auto}.result p{margin:.35rem 0}.result .ok{color:#1b6b3a;font-weight:700}.result .ng{color:#9b2c2c;font-weight:700}.explanation{white-space:pre-line}.note{color:#5c574e;font-size:.85rem}.dock{padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:#fbfaf7;border-top:1px solid #e0dbd1;flex-direction:column;flex:none;gap:.4rem;display:flex}.choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.choices button.selected{color:#fff;background:#1f4e79;border-color:#1f4e79}.actions{grid-template-columns:1fr 1.6fr 1fr;gap:.5rem;display:grid}.confirm:not(:disabled){color:#1f4e79;border-color:#1f4e79;font-weight:700}dialog{border:none;border-radius:.6rem;width:min(24rem,100% - 2rem);padding:1.25rem}dialog::backdrop{background:#1c1b1973}dialog h2{margin:0 0 .5rem;font-size:1.1rem}.dialog-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.danger{color:#fff;background:#9b2c2c;border-color:#9b2c2c}dialog.viewer{background:#fff;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;padding:0}dialog.viewer[open]{flex-direction:column;display:flex}.viewer-close{flex:none;align-self:flex-end;margin:.5rem 1rem}.viewer-scroll{flex:1 1 0;min-height:0;overflow:auto}.viewer-scroll img{max-width:none;display:block}@media (width<=40rem){.heading{margin-top:.25rem}.numbers{flex-wrap:nowrap;overflow-x:auto}}