*{box-sizing:border-box}body{color:#1f2937;background:#f3f4f6;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;line-height:1.6}h1{margin:0 0 .5rem;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1.25rem}h3{margin:0 0 .75rem;font-size:1.05rem}.page{max-width:760px;margin:0 auto;padding:0 16px 80px}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.card{background:#fff;border-radius:12px;margin:16px 0;padding:20px 24px;box-shadow:0 1px 3px #00000014}.topbar{justify-content:space-between;align-items:baseline;gap:16px;padding:14px 4px;font-weight:600;display:flex}.topbar a{font-size:.9rem;font-weight:400}.muted{color:#6b7280;font-weight:400}.small{font-size:.82rem}.error{color:#b91c1c}.warn{color:#b45309}.ok-text{color:#047857;margin:4px 0 0}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.85em}.field{margin:14px 0;display:block}.field span{margin-bottom:6px;font-weight:500;display:block}input[type=text],input:not([type]),select,textarea,input[type=password]{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:#3b82f6;outline:2px solid #93c5fd}.btn{cursor:pointer;color:#111827;background:#e5e7eb;border:1px solid #0000;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:1rem;text-decoration:none;display:inline-block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#fff;background:#2563eb}.btn-primary:not(:disabled):hover{background:#1d4ed8}.btn-ghost{background:#fff;border-color:#d1d5db}.btn-record{color:#fff;background:#dc2626}.btn-record.recording{background:#991b1b;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.65}}.login-card{width:100%;max-width:420px}.login-card .btn{width:100%;margin-top:8px}.lang-bar{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:14px}.lang-bar .choice-row{margin-top:8px}.login-card .lang-bar .btn{width:auto;margin-top:0}.page>.lang-bar{margin:0 0 8px;padding:0 4px 12px}.login-links{flex-direction:column;gap:6px;margin-top:16px;display:flex}.login-links a{color:#2563eb}.progress-wrap{margin:4px 0 0}.progress-text{color:#4b5563;margin-bottom:6px;font-size:.88rem}.progress-track{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:#2563eb;height:100%;transition:width .3s}.media-frame{text-align:center}.media-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.tag{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:2px 12px;font-size:.82rem}.media-image{border-radius:8px;max-width:100%;max-height:72vh}.media-image.zoomable{cursor:zoom-in}.media-video video{background:#000;border-radius:8px;max-width:100%;max-height:62vh}.media-video-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.btn-small{padding:4px 10px;font-size:.85rem}.media-audio audio{width:100%}.media-missing{padding:30px 10px}.media-missing p{margin:6px 0}.first-impression{border-top:1px dashed #e5e7eb;margin-top:20px;padding-top:16px}.media-lightbox{z-index:80;cursor:zoom-out;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.media-lightbox img{object-fit:contain;border-radius:4px;max-width:96vw;max-height:90vh}.media-lightbox p{color:#e5e7eb;margin:10px 0 0;font-size:.9rem}.sd-section{border-top:1px dashed #e5e7eb;margin-top:22px;padding-top:8px}.sd-section h4{margin:0 0 6px;font-size:1rem}.likert-block,.sd-block{margin:18px 0}.likert-label{margin-bottom:8px;font-weight:500}.likert-row,.sd-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.likert-anchor,.sd-word{color:#4b5563;text-align:center;flex-shrink:0;min-width:64px;font-size:.85rem}.sd-ticks{flex:1;justify-content:center;gap:6px;display:flex}.sd-dot{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #d1d5db;border-radius:50%;width:40px;height:40px;font-size:.95rem}.sd-dot:hover{border-color:#2563eb}.sd-dot.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.choice-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-choice{background:#fff;border-color:#d1d5db;padding:8px 16px}.btn-choice.active{color:#fff;background:#2563eb;border-color:#2563eb}.checkbox-row{align-items:flex-start;gap:8px;margin:10px 0;display:flex}.checkbox-row input{margin-top:5px}.consent{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px}.voice-block{border-top:1px dashed #e5e7eb;margin-top:14px;padding-top:14px}.speech-area{margin:8px 0}.speech-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.btn-voice{color:#fff;background:#059669}.btn-voice:hover{background:#047857}.interim{font-style:italic}.reason-input{margin-top:8px}.submit-card{position:sticky;bottom:12px}.submit-row{justify-content:space-between;gap:12px;display:flex}.admin-key-row{gap:10px;display:flex}.admin-key-row input{flex:1}.stat-cards{flex-wrap:wrap;gap:12px;display:flex}.stat{text-align:center;background:#eff6ff;border-radius:10px;flex:1;min-width:120px;padding:14px}.stat b{color:#1d4ed8;font-size:1.5rem;display:block}.stat span{color:#4b5563;font-size:.85rem}.export-row{flex-wrap:wrap;gap:10px;display:flex}.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:6px 8px}.table th{background:#f9fafb}@media (width<=600px){.sd-dot{width:34px;height:34px;font-size:.85rem}.likert-anchor,.sd-word{min-width:44px;font-size:.75rem}.card{padding:16px}}.confirm-box{background:#fff8e6;border:1px solid #e5b567;border-radius:10px;margin-top:12px;padding:12px 14px}.confirm-box p{margin:0 0 10px}