.response-lab{padding-block:90px 65px;scroll-margin-top:20px}.response-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.response-heading h2{font-size:clamp(27px,3vw,42px);line-height:1.3;letter-spacing:-.045em;margin-top:15px}.monitor-connection{display:flex;align-items:center;gap:9px;color:var(--muted);font:10px monospace;white-space:nowrap;padding-bottom:6px}.connection-light{width:6px;height:6px;border:1px solid var(--muted);border-radius:50%}.response-console{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);background:var(--surface)}.eeg-panel{min-width:0;background:var(--bg)}.eeg-toolbar{display:flex;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line);font:9px monospace;letter-spacing:.04em;color:var(--muted);align-items:center;min-height:60px}.eeg-toolbar>div{display:flex;align-items:center;gap:17px}.eeg-toolbar #eeg-live-state{font-size:8px;color:var(--accent)}.eeg-toolbar button{padding:4px 0;border:0;background:transparent;font-size:9px;color:var(--muted)}.eeg-toolbar button:hover{color:var(--text)}.eeg-screen{position:relative;height:300px;margin:0 24px}#response-eeg{display:block;width:100%;height:100%}.eeg-unavailable{position:absolute;left:20px;top:40%;right:20px;font-size:12px;color:var(--muted)}.eeg-bottom{display:flex;gap:23px;margin:0 24px;padding:14px 0 18px;font:8px monospace;color:var(--muted)}.eeg-bottom>span{display:flex;align-items:center;gap:7px}.eeg-bottom>span:last-child{margin-left:auto}.eeg-bottom i{height:1px;width:13px;background:var(--muted)}.eeg-bottom i.evoked-key{background:var(--accent);height:2px}.response-stats{display:grid;grid-template-columns:1fr 1fr 1.1fr;border-top:1px solid var(--line);padding:20px 24px;gap:25px}.response-stats>div{display:flex;flex-direction:column;gap:8px}.response-stats span{font-size:9px;color:var(--muted)}.response-stats strong{font:25px Satoshi,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.response-stats #eeg-response-state{font-size:16px;letter-spacing:0;line-height:1.6;color:var(--accent)}.event-reader{border-left:1px solid var(--line);padding:23px 24px}.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.reader-heading h3{font-size:17px}.reader-heading>span{font:8px monospace;color:var(--muted);letter-spacing:.06em}.reader-intro{font-size:11px;color:var(--muted);line-height:1.8;margin-top:17px;max-width:250px}.reader-fields{margin:23px 0 27px}.reader-fields>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px}.reader-fields dt{color:var(--muted);flex:none}.reader-fields dd{margin:0;font-family:monospace;text-align:right;overflow-wrap:anywhere;line-height:1.5}.reader-fields>div:last-child dd{color:var(--accent)}.reader-note{font:8px monospace;color:var(--muted);margin-top:10px;text-align:left}.receipt-log{margin-top:24px}.receipt-log-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;color:var(--muted);font:8px monospace;letter-spacing:.05em}.receipt-log ol{list-style:none;margin:0;padding:0}.receipt-log li{display:grid;grid-template-columns:100px 1fr auto;gap:20px;border-top:1px solid var(--line);padding:12px 0;font:10px monospace;color:var(--soft);align-items:center}.receipt-log li>span:last-child{color:var(--accent)}.receipt-log li>time{color:var(--muted)}.receipt-log li.receipt-empty{display:block;color:var(--muted);font-family:Satoshi,sans-serif;font-size:11px;padding:20px 0}.response-note{color:var(--muted);font-size:9px;line-height:1.8;margin-top:15px}.response-lab[data-response=active] .reader-heading>span{color:var(--accent)}.response-lab[data-response=active] .response-console{border-color:var(--accent-dim)}
@media(max-width:1100px){.response-console{grid-template-columns:minmax(0,1fr) 270px}.event-reader{padding-inline:20px}.eeg-toolbar{padding-inline:20px}.eeg-screen{margin-inline:20px}.eeg-bottom{margin-inline:20px;gap:12px}.response-stats{padding-inline:20px;gap:15px}.eeg-toolbar>div{gap:12px}}
@media(max-width:820px){.response-console{grid-template-columns:minmax(0,1fr) 240px}.event-reader{padding-inline:17px}.eeg-toolbar>span{font-size:8px;max-width:125px}.eeg-toolbar>div{gap:8px}.eeg-toolbar #eeg-live-state{font-size:7px}.eeg-bottom{font-size:7px;gap:8px;flex-wrap:wrap}.response-stats{gap:12px}.response-stats span{font-size:8px}.response-stats #eeg-response-state{font-size:13px}.response-heading h2{font-size:30px}}
@media(max-width:600px){.response-lab{padding-block:60px 40px}.response-heading{display:block;margin-bottom:23px}.response-heading h2{font-size:29px;max-width:300px}.monitor-connection{font-size:9px;margin-top:19px}.response-console{grid-template-columns:1fr}.eeg-toolbar{padding:16px;gap:8px;min-height:54px}.eeg-toolbar>span{max-width:none;font-size:7px}.eeg-toolbar>div{gap:11px}.eeg-toolbar #eeg-live-state{font-size:6px}.eeg-toolbar button{font-size:8px}.eeg-screen{height:265px;margin-inline:13px}.eeg-bottom{margin-inline:16px;padding-block:10px 16px;gap:12px;font-size:7px}.eeg-bottom>span:last-child{width:100%;margin-left:0;margin-top:2px}.response-stats{padding:18px 16px;gap:9px}.response-stats span{font-size:8px}.response-stats strong{font-size:24px}.response-stats #eeg-response-state{font-size:13px}.event-reader{border-left:0;border-top:1px solid var(--line);padding:22px 20px}.reader-heading h3{font-size:18px}.reader-intro{max-width:none;font-size:12px;margin-top:12px}.reader-fields{margin:14px 0 22px}.reader-fields>div{font-size:11px;padding:12px 0}.reader-note{font-size:9px}.receipt-log li{grid-template-columns:65px 1fr auto;gap:10px;font-size:8px}.receipt-log-heading{font-size:7px}.response-note{font-size:8px}.receipt-log li.receipt-empty{font-size:10px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.response-lab *{animation:none!important;transition:none!important}}
@media print{.response-lab{display:none}}