:root{font:18px/1.5 Arial,Helvetica,sans-serif;color:#101b48;background:#fff;--blue:#3455c5;--muted:#50617c;--line:#bec9da}*{box-sizing:border-box}body{margin:0;padding:24px 34px}header{display:flex;gap:24px;align-items:center;flex-wrap:wrap}h1{font-size:38px;letter-spacing:-1px;margin:0}header p{color:var(--muted)}header button{margin-left:auto}#progress{font-size:15px}nav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:20px 0 28px}nav button{border-radius:0;background:#edf1f6;padding:14px 26px}button,input,select{font:inherit;color:inherit}button,select,input[type=number]{min-height:46px;border:1px solid var(--line);border-radius:3px;padding:9px 14px;background:#fff}button{font-weight:700;cursor:pointer}button:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}button.primary,nav button[aria-current=true]{background:var(--blue);color:white;border-color:var(--blue)}:is(button,input,select,summary,a):focus-visible{outline:4px solid #975600;outline-offset:3px}h2{font-size:38px;line-height:1.2;margin:0 0 12px}h3{font-size:26px;line-height:1.25;margin:0 0 10px}p{margin:10px 0 18px}.intro{color:var(--muted);max-width:1100px}.lab{display:grid;grid-template-columns:minmax(260px,35%) minmax(0,1fr);gap:22px;border-top:1px solid var(--line);padding-top:12px}.settings{background:#f5f7fa;border:1px solid #e2e7ee;padding:22px}.settings p{font-size:16px;color:var(--muted)}label.field{display:block;margin:16px 0;font-weight:700}.field select,.field input[type=number]{display:block;width:100%;margin-top:4px}.field input[type=range]{width:100%;min-height:44px;accent-color:var(--blue)}output{float:right}.settings button{width:100%;margin-top:12px}.results{border-left:1px solid var(--line);padding:14px 0 10px 22px;min-width:0}.note{background:#edf5ff;padding:16px;margin:18px 0}.empty{padding:35px 18px;background:#f5f7fa;color:var(--muted)}.chart{margin:24px 0}.bar-row{display:grid;grid-template-columns:58px minmax(0,1fr) 110px;gap:12px;align-items:center;margin:12px 0;font-size:16px}.track{height:26px;background:#e2e7ee;position:relative}.observed{height:100%;background:#e89038;min-width:0}.theory{position:absolute;top:-4px;bottom:-4px;border-left:2px dashed #101b48;transform:translateX(-1px)}.legend{font-size:15px;color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}td,th{padding:9px 12px;border:1px solid var(--line);text-align:left}th{background:#edf1f6}caption{text-align:left;font-weight:700;padding:8px 0}.reason{border:1px solid var(--line);padding:22px;margin:22px 0}.reason h3{font-size:24px}.choices{display:flex;gap:24px;flex-wrap:wrap;border:0;margin:12px 0;padding:0}.choices label{display:flex;align-items:center;gap:8px;min-height:44px}.choices input{width:22px;height:22px;accent-color:var(--blue)}.feedback{font-weight:700;margin:14px 0;min-height:27px}summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.end-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.welcome{max-width:830px;padding:35px 0 50px}.welcome .note{margin:25px 0}.welcome button{margin-top:20px}.complete-list{line-height:2}footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;padding:18px 0;margin-top:30px}dialog{max-width:90vw;border:1px solid var(--line);color:inherit;padding:24px}dialog h2{font-size:28px}dialog button{margin:5px}dialog::backdrop{background:#101b4870}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px}.skip:focus{top:6px}#main:focus{outline:none}@media(max-width:700px){body{padding:16px}header{gap:10px}h1{font-size:29px}header p{display:none}header button{font-size:15px}#progress{width:100%}nav{margin:16px 0 22px}nav button{flex:1;padding:12px 5px;font-size:16px}h2{font-size:30px}h3{font-size:24px}.lab{grid-template-columns:1fr;gap:16px}.results{border-left:0;padding:12px 0}.settings,.reason{padding:16px}.bar-row{grid-template-columns:45px minmax(0,1fr) 84px;gap:8px;font-size:14px}th,td{padding:8px;font-size:14px}.choices{gap:15px}.end-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
