*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#17202a}
.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.screen{width:100%}.hidden{display:none!important}
.card{width:min(680px,100%);margin:auto;background:#fff;border-radius:18px;padding:42px;box-shadow:0 12px 40px rgba(0,0,0,.08)}
.eyebrow{display:block;margin-bottom:10px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F37A59}
h1,h2{margin:0 0 18px}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.8rem,4vw,2.5rem)}
p{line-height:1.65;color:#475467}.lead{font-size:1.12rem;color:#344054}
.primary-button,.secondary-button,.pass-button{border:0;border-radius:10px;padding:14px 22px;font-size:1rem;font-weight:700;cursor:pointer}
.primary-button{margin-top:20px;background:#F37A59;color:#ffffff}.primary-button:disabled,.pass-button:disabled{opacity:.5;cursor:not-allowed}
.secondary-button{background:#F37A59;color:#ffffff;margin-top:24px}
.primary-button:hover:not(:disabled),.secondary-button:hover,.pass-button:hover:not(:disabled){transform:translateY(-2px)}
.experiment-container{width:min(1100px,100%);margin:auto}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.15)}
.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.counter-panel{margin-top:18px;padding:18px 20px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.counter-panel span{display:block;font-size:.85rem;color:#667085}.counter-panel strong{display:block;margin-top:3px;font-size:2rem}
.pass-button{min-width:120px;background:#10a36a;color:#fff}.results-card{text-align:center}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.result-box{padding:24px;border-radius:14px;background:#f3f6f8}.result-box span{display:block;color:#66727d;font-size:.9rem;font-weight:700}.result-box strong{display:block;margin-top:5px;font-size:2.8rem;line-height:1}.results-text{padding:22px;border-left:4px solid #536dfe;background:#f7f8ff;text-align:left;white-space:pre-line}@media(max-width:650px){.card{padding:32px 24px}.counter-panel{align-items:stretch;flex-direction:column}.pass-button{width:100%}.results-grid{grid-template-columns:1fr}}