body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;background:#f4f4f4;color:#222}.app{max-width:900px;margin:0 auto;padding:24px;text-align:center}h1{margin-bottom:4px;font-size:40px}.small,.note{color:#666}.card{background:#fff;border-radius:22px;padding:24px;margin-top:20px;box-shadow:0 6px 20px rgba(0,0,0,.08)}.hidden{display:none!important}button,.fileLabel{font-size:20px;border:none;border-radius:999px;padding:12px 24px;margin:8px;cursor:pointer;background:#222;color:white;display:inline-block}button.secondary,.fileLabel{background:#777}button:disabled{background:#bbb;cursor:not-allowed}.fileLabel input{display:none}input[type=number]{font-size:20px;width:64px;text-align:center}.settings,.fileBox{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center;margin-bottom:12px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:24px;font-weight:bold;gap:10px}#timer,#points{background:#222;color:white;border-radius:999px;padding:8px 18px}#picture{width:min(70vw,300px);height:min(70vw,300px);object-fit:contain;margin:8px auto 12px;display:block}.thaiHint{font-size:24px;color:#444;margin-bottom:8px}#status{font-size:30px;min-height:42px;margin-top:8px;font-weight:bold}.spokenBox{margin:14px auto;padding:14px;border-radius:16px;background:#f1f1f1;max-width:560px}.label{font-size:14px;color:#666;margin-bottom:4px}#spokenText{font-size:36px;min-height:48px;font-weight:bold}.historyBox{margin:14px auto 0;padding:12px;border-radius:16px;background:#fafafa;max-width:680px;text-align:left}#history{font-size:18px;line-height:1.8;min-height:32px}.ok{color:#0a7f28;font-weight:bold}.ng{color:#b00020;font-weight:bold}.skip{color:#666;font-weight:bold}.bigScore{font-size:28px;font-weight:bold}.resultGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.resultGrid>div{background:#f7f7f7;border-radius:16px;padding:14px}li{margin:6px 0}.teacher-note{margin-top:20px;text-align:left;color:#444}pre{background:#f5f5f5;padding:10px;border-radius:10px;overflow:auto}@media(max-width:700px){.resultGrid{grid-template-columns:1fr}.topbar{font-size:18px}#spokenText{font-size:30px}}