#adhd-app-root *{box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
#adhd-app-root .adhd-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%;max-width:860px;padding:30px;margin:0 auto;text-align:center}
#adhd-app-root h1{color:#2c3e50;margin-bottom:20px}
#adhd-app-root .screen{display:none}
#adhd-app-root .screen.active{display:block}
#adhd-app-root .config-section{margin:25px 0;text-align:left}
#adhd-app-root .config-group{margin-bottom:20px}
#adhd-app-root label{display:block;margin-bottom:8px;font-weight:600;color:#34495e}
#adhd-app-root input,#adhd-app-root select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}
#adhd-app-root input:focus,#adhd-app-root select:focus{border-color:#3498db;outline:none}
#adhd-app-root .instructions{background:#f8f9fa;border-left:4px solid #3498db;padding:15px;margin:20px 0;text-align:left;border-radius:0 8px 8px 0}
#adhd-app-root .instructions h3{margin-top:0;color:#2980b9}
#adhd-app-root button{background:linear-gradient(to right,#3498db,#2980b9);color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:50px;cursor:pointer;transition:all .3s;margin:15px 5px;box-shadow:0 4px 15px rgba(52,152,219,.3)}
#adhd-app-root button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,.4)}
#adhd-app-root button:disabled{background:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}
#adhd-app-root .test-area{position:relative;height:420px;background:#f8f9fa;border-radius:10px;margin:20px 0;overflow:hidden;border:2px solid #e0e0e0;display:flex;justify-content:center;align-items:center}
#adhd-app-root #stimulus{width:120px;height:120px;border-radius:50%;display:none;transition:all .3s ease;filter:blur(1.5px);box-shadow:0 4px 15px rgba(0,0,0,.2)}
#adhd-app-root #stimulus.square{border-radius:15px}
#adhd-app-root #stimulus.blue{background:#6faee3;opacity:.85}
#adhd-app-root #stimulus.red{background:#eb8f82;opacity:.85}
#adhd-app-root .progress-container{margin:20px 0;background:#ecf0f1;border-radius:10px;overflow:hidden}
#adhd-app-root .progress-bar{height:20px;background:linear-gradient(to right,#2ecc71,#27ae60);width:0%;transition:width .5s}
#adhd-app-root .results-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}
#adhd-app-root .result-card{background:#f8f9fa;border-radius:10px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.05)}
#adhd-app-root .result-card h3{margin-top:0;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px}
#adhd-app-root .metric{display:flex;justify-content:space-between;margin:10px 0;padding:8px 0;border-bottom:1px dashed #ddd}
#adhd-app-root .metric:last-child{border-bottom:none}
#adhd-app-root .metric-value{font-weight:700;color:#2980b9}
#adhd-app-root .status-message{padding:15px;margin:15px 0;border-radius:8px;font-weight:500}
#adhd-app-root .status-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}
#adhd-app-root .status-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}
#adhd-app-root .status-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
#adhd-app-root .footer{margin-top:30px;font-size:14px;color:#7f8c8d}
/* Softer test screen heading/text */
#adhd-app-root #testScreen h1{color:#5f6d78;font-size:1.8rem;font-weight:600;margin:0 0 10px}
#adhd-app-root #testScreen p{color:#6d7a85;font-size:0.95rem;margin:0 0 12px}
@media (max-width:600px){#adhd-app-root .test-area{height:360px}#adhd-app-root #stimulus{width:100px;height:100px}}
/* Fullscreen running mode */
body.adhd-running nav,body.adhd-running header.intro-header,body.adhd-running footer{display:none!important}
body.adhd-running{overflow:hidden;background:#f4f6f9;}
body.adhd-running #adhd-app-root{position:fixed;inset:0;z-index:9999;background:#111!important;padding:0;margin:0;}
body.adhd-running #adhd-app-root .adhd-container{box-shadow:none;background:transparent;width:100%;max-width:none;height:100%;padding:0;display:flex;align-items:center;justify-content:center}
/* Keep the test screen visible, hide other screens/UI elements */
body.adhd-running #startScreen,
body.adhd-running #resultsScreen,
body.adhd-running #adhd-app-root .config-section,
body.adhd-running #adhd-app-root .instructions,
body.adhd-running #adhd-app-root .status-message,
body.adhd-running #adhd-app-root .progress-container,
body.adhd-running #adhd-app-root .footer,
body.adhd-running #adhd-app-root button {display:none!important}
body.adhd-running #testScreen{display:block!important;width:100%;height:100%;margin:0;padding:0;}
body.adhd-running #testScreen .test-area{width:100%;height:100%;margin:0;border:none;background:#f4f6f9;display:flex;align-items:center;justify-content:center}
body.adhd-running #adhd-app-root #stimulus{display:block!important;filter:blur(1.2px);box-shadow:none;transition:none;width:200px;height:200px}
body.adhd-running #testScreen h1,body.adhd-running #testScreen p{display:none!important}
@media (max-width:768px){body.adhd-running #adhd-app-root #stimulus{width:120px;height:120px}}