*{box-sizing:border-box}body{color:#111827;background:#f7f7f8;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.page{min-height:100vh;padding:28px}.topbar{color:#6b7280;justify-content:space-between;max-width:980px;margin:0 auto 18px;font-size:14px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;max-width:980px;margin:0 auto;padding:32px;box-shadow:0 14px 35px #00000014}h1{margin:0 0 16px;font-size:34px}h2{margin:0 0 16px;font-size:26px}h3{margin:0 0 10px;font-size:18px}p{line-height:1.65}.primary-btn,.secondary-btn{cursor:pointer;border:1px solid #111827;border-radius:16px;margin-right:10px;padding:13px 20px;font-weight:700}.primary-btn{color:#fff;background:#111827}.secondary-btn{color:#111827;background:#fff;border-color:#d1d5db}button:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db;border-color:#d1d5db}.video{background:#000;border-radius:18px;width:100%;max-height:540px;box-shadow:0 8px 22px #00000029}.module-video{object-fit:contain;background:#000;border-radius:16px;width:100%;max-height:430px;display:block}.video-pair{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.video-panel{color:#fff;background:#111827;border-radius:20px;padding:14px}.video-panel.single{max-width:640px;margin:18px auto}.video-panel .warning.light{color:#d1d5db}.image-panel{background:#111827;border-radius:20px;max-width:760px;margin:18px auto;padding:14px}.image-panel img{border-radius:14px;width:100%;display:block}.slide-box{background:#f3f4f6;border-radius:22px;margin:20px 0;padding:28px}.feedback-box{background:#f3f4f6;border-left:5px solid #111827;border-radius:18px;margin:18px 0;padding:20px}.scale{gap:9px;margin-top:8px;display:grid}.scale-7{grid-template-columns:repeat(7,1fr)}.scale-5{grid-template-columns:repeat(5,1fr)}.scale button{background:#fff;border:1px solid #d1d5db;border-radius:13px;padding:13px 0;font-weight:700}.scale button.selected{color:#fff;background:#111827;border-color:#111827}.scale-labels{color:#6b7280;justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.field{margin:18px 0}label{margin-bottom:8px;font-weight:700;display:block}input[type=text],select,textarea{border:1px solid #d1d5db;border-radius:14px;width:100%;padding:13px}.checkbox-row{align-items:center;gap:10px;margin:18px 0;display:flex}.checkbox-row label{margin:0;font-weight:500}.warning{color:#6b7280;font-size:14px}.debug-line{color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:10px;font-size:13px}.error-box{color:#7c2d12;background:#fff7ed;border:1px solid #fdba74;border-radius:16px;margin-top:16px;padding:16px}.choice-list{gap:10px;margin-top:18px;display:grid}.choice{text-align:left;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:14px 16px}.choice.selected{color:#fff;background:#111827;border-color:#111827}code{font-family:Consolas,Monaco,monospace}@media (width<=800px){.video-pair{grid-template-columns:1fr}}.save-status-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;margin:18px 0;padding:16px}.start-video-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;margin:16px 0;padding:16px}.autoplay-fallback{color:#7c2d12;background:#fff7ed;border:1px solid #fdba74;border-radius:16px;margin:16px 0;padding:16px}.replay-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;margin:14px 0;padding:14px}.resource-box,.csv-note{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin:18px 0;padding:18px}.resource-box ul{line-height:1.8}.resource-box a,.csv-note a{color:#1d4ed8;text-decoration:underline}