:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#171717}*{box-sizing:border-box}body{margin:0}main{width:min(720px,calc(100% - 32px));margin:auto;padding:56px 0 90px}h1{font-size:clamp(28px,7vw,38px);line-height:1.25;margin:0 0 22px}p{line-height:1.75;color:#444}.muted{color:#999;font-size:14px}.study-title-accent{color:#dc2626}.study-title-note{margin-left:.3em}.teacher-skip{display:inline-block;position:relative;z-index:1;margin:-8px -4px;padding:8px 4px;color:inherit;background:none;border:0;text-decoration:none;font:inherit;cursor:pointer}.timer{position:fixed;right:16px;top:16px;width:64px;height:64px;border-radius:50%;border:1px solid #bbf7d0;background:white;display:grid;place-items:center;color:#047857}.card,.answer{padding:18px;border-radius:12px;background:#f0fdf4;margin:16px 0;white-space:pre-wrap;line-height:1.9}.welcome{max-width:600px;margin:8vh auto 0;text-align:center}.welcome p{text-align:left}.completion{margin:18vh auto 0;text-align:center}.completion-title{color:#059669;font-size:clamp(28px,7vw,38px);font-weight:700;margin:0 0 20px}.info-field{display:block;margin:18px 0;font-weight:600}.info-field input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font:inherit}.choice-buttons{display:flex;flex-wrap:wrap;gap:9px}.choice-buttons button{background:white;color:#374151;border:1px solid #d1d5db}.choice-buttons button.selected{background:#d1fae5;color:#047857;border-color:#059669}.choice-buttons button:disabled{background:#f3f4f6;color:#9ca3af}fieldset{border:0;padding:0;margin:22px 0}legend{font-weight:600;margin-bottom:9px}#participant-info>.submit{display:block;width:min(360px,100%);margin:30px auto 0}.wordrow{display:grid;grid-template-columns:38% repeat(3,minmax(0,1fr));align-items:stretch;gap:5px;padding:6px;border-radius:9px;background:#f0fdf4;margin:7px 0}.wordrow strong{display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:15px;text-align:left;padding-left:7px}.wordrow label{display:block;min-width:0;white-space:nowrap;font-size:14px;cursor:pointer}.wordrow input{position:absolute;opacity:0;pointer-events:none}.wordrow span{display:flex;align-items:center;justify-content:center;height:100%;min-height:38px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;transition:background-color .15s,border-color .15s,color .15s;cursor:pointer}.wordrow span:hover{background:#f7fefb;border-color:#6ee7b7}.wordrow input:checked+span{background:#d1fae5;border-color:#059669;color:#047857;font-weight:600}.button,button{border:0;border-radius:9px;background:#059669;color:white;padding:13px 20px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.wide-action,#screen .submit,#recall .submit{display:block;width:min(360px,100%);margin:30px auto 0}.matrix{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin-top:20px}.cell{aspect-ratio:1;padding:0;background:white;color:#222;border:1px solid #ddd}.cell.selected{background:#d1fae5;border-color:#34d399}.answer textarea{width:100%;min-height:110px;border:1px solid #a7f3d0;border-radius:8px;padding:10px;font:inherit}.answer textarea:disabled{background:#eee}.word-list{line-height:2}.error{color:#b91c1c}table{width:100%;border-collapse:collapse;margin-top:25px;font-size:13px}th,td{padding:9px;border-bottom:1px solid #ddd;text-align:left}@media(max-width:600px){.matrix{grid-template-columns:repeat(7,1fr)}.wordrow{grid-template-columns:37% repeat(3,minmax(0,1fr));gap:3px}.wordrow strong{font-size:13px;padding-left:4px}.wordrow label{font-size:13px}.wordrow span{min-height:36px}}