:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--panel:#121212;--line:#343434;--text:#f7f7f7;--muted:#b8b8b8;--accent:#67a1ff;--danger:#ff7d7d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Noto Sans KR,sans-serif}button,input{font:inherit}a{color:#9cc1ff}.app-shell{background:radial-gradient(circle at top,#152136 0,#050505 48%);place-items:center;min-height:100vh;padding:32px;display:grid}.setup-card{border:1px solid var(--line);background:#111111f0;border-radius:20px;width:min(720px,100%);padding:44px;box-shadow:0 24px 80px #000}.setup-card h1,.admin-shell h1{margin:6px 0 24px;font-size:clamp(2rem,5vw,3.4rem)}.setup-card h2{margin-top:28px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.setup-note,.setup-card p{color:var(--muted);line-height:1.7}.code-form,.admin-login{gap:12px;margin-top:28px;display:grid}.code-form label,.admin-login label{font-weight:700}.code-form input,.admin-login input{color:var(--text);background:#080808;border:1px solid #555;border-radius:10px;padding:14px 16px;font-size:1.15rem}.primary-button,.experiment-button{color:#06152d;cursor:pointer;background:#82b4ff;border:0;border-radius:10px;padding:14px 22px;font-weight:800}.primary-button:disabled,.experiment-button:disabled{opacity:.45;cursor:not-allowed}.error-box{background:#321515;border:1px solid #843c3c;border-radius:12px;margin:20px 0;padding:18px}.inline-error{color:var(--danger)!important}.complete-box{text-align:center;padding:24px}.setup-footer{border-top:1px solid #ffffff17;justify-content:flex-end;margin-top:36px;padding-top:16px;display:flex}.admin-link{color:#858585;align-items:center;gap:6px;padding:6px 2px;font-size:.84rem;text-decoration:none;transition:color .15s;display:inline-flex}.admin-link:hover,.admin-link:focus-visible{color:#b7cbed;text-underline-offset:4px;text-decoration:underline}.experiment-root{z-index:50;color:#fff;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.experiment-panel{text-align:center;width:min(900px,100vw - 80px);padding:48px;font-size:1.25rem;line-height:1.8}.experiment-panel h2{font-size:2rem}.preformatted-text{white-space:pre-line}.instruction-color-blue{color:#1e6cff}.instruction-color-orange{color:#ff9f1a}.spacebar-hint{color:#d6e5ff;letter-spacing:.01em;border:1px solid #52647e;border-radius:999px;width:fit-content;margin:34px auto 0;padding:10px 16px;font-size:.92rem;line-height:1.4}.spacebar-hint[aria-disabled=true]{color:#777;border-color:#3b3b3b}.spacebar-hint.is-ready{box-shadow:0 0 0 3px #67a1ff1a}.fixation-mark{font-size:72px;line-height:1}.stimulus-digit{font-size:clamp(88px,13vw,156px);font-weight:700;line-height:1}.practice-feedback{font-size:44px;font-weight:800}.practice-feedback.correct{color:#77df91}.practice-feedback.incorrect{color:#ff7d7d}.image-screen{width:100vw;height:100vh;overflow:hidden}.emotion-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.scale-form{width:min(1100px,100vw - 60px);padding:28px 24px 40px}.scale-form h2{text-align:center;margin:0 0 24px}.scale-group{border:1px solid #444;border-radius:14px;margin:18px 0;padding:20px}.scale-group legend{padding:0 12px;font-size:1.05rem;font-weight:700}.scale-end-labels{color:#ddd;justify-content:space-between;margin-bottom:10px;font-size:.9rem;display:flex}.scale-choices{grid-template-columns:repeat(11,minmax(42px,1fr));align-items:start;display:grid;position:relative}.scale-choices:before{content:"";background:#ddd;height:2px;position:absolute;top:8px;left:4.5%;right:4.5%}.scale-choice{cursor:pointer;z-index:1;justify-items:center;gap:7px;font-size:.78rem;display:grid;position:relative}.scale-choice input{opacity:0;position:absolute}.scale-marker{background:#000;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.scale-choice input:checked+.scale-marker{background:#fff;box-shadow:0 0 0 4px #ffffff38}.admin-shell{color:#172033;background:linear-gradient(145deg,#f7f9fc,#edf1f7);min-height:100vh;padding:clamp(24px,4vw,56px)}.admin-header{border-bottom:1px solid #dce3ed;justify-content:space-between;align-items:center;width:min(1040px,100%);margin:0 auto;padding-bottom:20px;display:flex}.admin-header h1{margin-bottom:0;font-size:clamp(2rem,4vw,3rem)}.admin-header a,.admin-shell a{color:#164e9d}.admin-login-page{grid-template-rows:auto minmax(0,1fr);display:grid}.admin-login{background:#fff;border:1px solid #dce3ed;border-radius:18px;place-self:center;width:min(460px,100%);max-width:460px;margin:0;padding:32px;box-shadow:0 18px 48px #233a5a1f}.admin-login input{color:#111;background:#fff}.admin-dashboard .export-bar,.admin-dashboard .table-wrap{width:min(1040px,100%);margin-left:auto;margin-right:auto}.export-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;margin-bottom:16px;padding:0;display:flex}.export-bar p{color:#4f5c70;margin:0;font-size:.92rem}.export-bar .primary-button{min-width:152px}.export-actions{flex-wrap:wrap;gap:8px;display:flex}.secondary-button{background:#fff;border:1px solid #9db5d9;border-radius:10px;justify-content:center;align-items:center;min-width:152px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-flex;color:#164e9d!important}.secondary-button:hover,.secondary-button:focus-visible{background:#f1f6ff}.table-wrap{background:#fff;border:1px solid #dce3ed;border-radius:12px;overflow:auto;box-shadow:0 6px 20px #2c436414}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e0e4ea;padding:12px}th{background:#edf2f8;font-weight:700}.status{background:#e1e6ed;border-radius:99px;padding:4px 8px;display:inline-block}.status-completed{background:#c9f2d6}.status-started{background:#fff0b9}.status-interrupted{background:#ffd4d4}@media (max-width:800px){.setup-card{padding:28px}.scale-form{width:100%}.scale-group{padding:14px 6px}.scale-choice{font-size:.68rem}}