.adhd-app{min-height:100vh;background:linear-gradient(135deg,var(--warm-beige) 0%,#ffffff 50%,var(--accent-color) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem}.content-header{text-align:center;margin-bottom:1.5rem;color:#fff}.content-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-subtitle{font-size:.9rem;opacity:.9;margin:0 auto 1rem;line-height:1.6}.progress-bar{width:100%;max-width:500px;height:6px;background:#fff3;border-radius:3px;margin:0 auto .5rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#38b2ac,#319795);transition:width .3s ease}.progress-text{font-size:.8rem;opacity:.8;margin:0}.assessment-container{display:grid;grid-template-columns:30% 70%;gap:1.5rem;max-width:1400px;margin:0 auto;min-height:80vh;position:relative}.main-content{display:flex;flex-direction:column}.results-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;background:#f8f5ed;border-radius:16px;padding:2rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(107,142,35,.1)}.question-list{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;position:sticky;top:1rem}.question-list-fixed{flex-shrink:0;padding:1rem;border-bottom:1px solid #e2e8f0}.question-list-scrollable{flex:1;overflow-y:auto;padding:1rem}.question-list-fixed h3{color:#2d3748;font-size:1.5rem;margin-bottom:1rem;font-weight:600;text-align:center}.circular-progress-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:1rem}.circular-stat{display:flex;flex-direction:column;align-items:center;flex:1}.circular-progress{position:relative;width:80px;height:80px;margin-bottom:.5rem}.circular-svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-bg{stroke:#e2e8f0;stroke-width:8;fill:none}.circular-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.circular-fill.answered{stroke:#38b2ac}.circular-fill.skipped{stroke:#fbbf24}.circular-fill.remaining{stroke:#6b7280}.circular-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.circular-number{font-size:1.2rem;font-weight:700;color:#2d3748}.circular-label{font-size:.7rem;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center}.restart-section{margin-bottom:0;padding:0}.btn-restart-sidebar{width:100%;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.btn-restart-sidebar:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px);box-shadow:0 2px 8px #22c55e26}.categories{display:flex;flex-direction:column;gap:1.5rem}.category-section{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;background:#f9f9f9}.category-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #38b2ac}.category-questions{display:flex;flex-direction:column;gap:.5rem}.question-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid transparent;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.8rem;margin-bottom:.25rem}.question-item:hover{border-color:#38b2ac;transform:translateY(-1px);box-shadow:0 2px 8px #38b2ac26}.question-item.completed{background:#f0f9ff;border-color:var(--primary-color)}.question-item.skipped{background:#fffbf0;border-color:#fbbf24;color:#92400e}.question-item.current{background:#e3f2fd;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.question-item.skipped.current{background:#fffbf0;border-color:#fbbf24;color:#92400e;box-shadow:0 0 0 2px #fbbf2433}.question-number{font-weight:600;color:var(--primary-color);min-width:30px}.question-preview{flex:1;color:#4a5568;line-height:1.2;font-weight:500}.question-status{font-size:1.2rem;min-width:20px;text-align:center}.active-question{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:fit-content;border:1px solid rgba(107,142,35,.1)}.question-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.question-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:2rem}.header-left{flex:1}.header-right{flex-shrink:0;min-width:200px}.card-header h1{color:#2d3748;font-size:1.8rem;font-weight:500;margin-bottom:.5rem}.card-header .app-subtitle{color:#4a5568;font-size:.9rem;margin-bottom:0}.progress-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.progress-bar{width:180px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.8rem;color:#4a5568;margin:0;text-align:right}.question-meta{display:flex;flex-direction:column;gap:.5rem}.question-number{color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.8px;margin-right:1rem}.skip-container{display:flex;flex-direction:column;align-items:flex-center;gap:.25rem}.btn-skip{background:transparent;color:#4a5568;text-decoration:underline;border:1px solid transparent!important;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-skip:hover{color:#4a5568;border-color:#cbd5e0;background:#f7fafc}.skip-warning-inline{color:#a0aec0;font-size:.65rem;font-style:italic;text-align:right;margin:0}.question-category{display:inline-block;background:#38b2ac;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.control-warning{background:#f7fafc;color:#4a5568;padding:.5rem;border-radius:6px;margin-top:.5rem;font-size:.8rem;border:1px solid #e2e8f0}.question-content{flex:1;margin-bottom:2rem}.question-text{font-size:1.4rem;color:#2d3748;line-height:1.5;margin-bottom:2rem;font-weight:500;text-align:center;padding:0 1rem}.skipped-notice{background:#fff5e6;padding:1rem;border-radius:8px;border:1px solid #ffb74d;text-align:center}.skipped-notice p{color:#856404;margin-bottom:1rem}.skip-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:1rem}.skip-warning p{color:#856404;margin-bottom:1rem;font-weight:500}.warning-buttons{display:flex;gap:.75rem;justify-content:center}.stage-form h2{color:#2d3748;font-size:1.8rem;margin-bottom:1rem;font-weight:600}.question{font-size:1.1rem;color:#4a5568;margin-bottom:2rem;line-height:1.6}.options-container{display:flex;flex-direction:row;gap:.5rem;margin-bottom:2.5rem;justify-content:center;flex-wrap:wrap}.option-label{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:#f7fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:500;text-align:center;flex:1;height:48px;white-space:nowrap}.option-label:hover{background:#edf2f7;border-color:#e2e8f0;transform:translateY(-1px)}.option-label:has(.option-input:checked){background:#f0f9ff;border-color:var(--primary-color);box-shadow:0 4px 12px #6b8e2326}.option-label[data-value="0"]{background:#fff8e1;border-color:#ffecb3}.option-label[data-value="0"]:hover{background:#fff3c4;border-color:#ffe082}.option-label[data-value="1"]{background:#fff8e1;border-color:#ffecb3}.option-label[data-value="1"]:hover{background:#fff3c4;border-color:#ffe082}.option-label[data-value="2"]{background:#f3e5ab;border-color:#e6d690}.option-label[data-value="2"]:hover{background:#f0e19f;border-color:#e0d17a}.option-label[data-value="3"]{background:#e8f5e9;border-color:#c8e6c9}.option-label[data-value="3"]:hover{background:#dcedc8;border-color:#aed581}.option-label[data-value="4"]{background:#e8f5e9;border-color:#81c784}.option-label[data-value="4"]:hover{background:#dcedc8;border-color:#66bb6a}.options-container.answering{animation:pulse .5s ease-in-out}.option-label.selected-animating{animation:blink .5s ease-in-out;background:#38b2ac!important;color:#fff!important;border-color:#319795!important;box-shadow:0 6px 20px #38b2ac66!important;transform:scale(1.02)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes blink{0%{opacity:1;transform:scale(1.02)}25%{opacity:.7;transform:scale(1.05)}50%{opacity:1;transform:scale(1.02)}75%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1.02)}}.option-input{margin-right:1rem;width:20px;height:20px;accent-color:#38b2ac;cursor:pointer}.option-text{font-size:1rem;color:#2d3748}.navigation-buttons{display:flex;gap:1rem;justify-content:space-between;align-items:center}.btn{padding:.875rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 12px #6b8e234d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b8e2366}.btn-primary:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.btn-outline{background:transparent;color:#38b2ac;border:2px solid #38b2ac}.btn-outline:hover{background:#38b2ac;color:#fff;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 12px #ff98004d}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.result-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 20px 40px #0000001a}.result-container h2{font-size:2.2rem;margin-bottom:1.5rem;font-weight:700}.result-description{font-size:1.1rem;color:#4a5568;line-height:1.6;margin-bottom:2rem}.category-scores{margin-bottom:2rem}.category-scores h3{color:#2d3748;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.score-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.score-label{font-weight:500;color:#4a5568}.score-value{font-weight:700;font-size:1.2rem;color:#38b2ac}.assessment-stats{background:#f7fafc;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:2px solid #e2e8f0}.assessment-stats p{margin:.5rem 0;color:#4a5568}.app-footer{text-align:center;margin-top:2rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logos{display:flex;align-items:center;gap:2rem}.logo{height:40px;opacity:.8;transition:opacity .2s ease}.logo:hover{opacity:1}.app-footer small{font-size:.9rem;line-height:1.5;color:#4a5568;max-width:900px;margin:0;padding:0 1rem}@media (max-width: 1024px){.assessment-container{grid-template-columns:1fr;gap:1rem}.question-list{max-height:35vh;order:2;position:static}.main-content{order:1}.card-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-right{min-width:auto;width:100%}.progress-info{align-items:flex-start}.progress-bar{width:100%}.progress-text{text-align:left}.card-header h1{font-size:1.5rem}.question-text{font-size:1.2rem;padding:0 .5rem}.circular-progress-stats{gap:.5rem}.circular-progress{width:60px;height:60px}.circular-number{font-size:1rem}.circular-label{font-size:.6rem}.btn-restart-sidebar{font-size:.8rem;padding:.6rem .8rem}.question-list{height:50vh}.question-list-fixed,.question-list-scrollable{padding:.75rem}.options-container{gap:.5rem}.option-label{height:44px;padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 768px){.adhd-app{padding:.5rem}.card-header{flex-direction:column;gap:.75rem}.header-right{min-width:auto;width:100%}.progress-info{align-items:flex-start}.progress-bar{width:100%}.progress-text{text-align:left}.card-header h1{font-size:1.3rem}.card-header .app-subtitle{font-size:.8rem}.question-text{font-size:1.1rem;padding:0}.circular-progress-stats{flex-direction:column;gap:1rem}.circular-progress{width:70px;height:70px}.circular-number{font-size:1.1rem}.circular-label{font-size:.65rem}.btn-restart-sidebar{font-size:.75rem;padding:.5rem .6rem}.question-list{height:40vh}.question-list-fixed,.question-list-scrollable{padding:.5rem}.options-container{flex-direction:column;gap:.5rem}.option-label{height:48px;padding:.75rem 1rem;font-size:.9rem}.assessment-container{gap:1rem}.question-list,.active-question,.result-container{padding:1rem}.progress-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}.question-item{padding:.4rem;font-size:.75rem}.question-preview{font-size:.7rem}.btn-skip{font-size:.7rem;padding:.2rem .5rem}.navigation-buttons{flex-direction:column;gap:.75rem}.btn{width:100%}.score-grid{grid-template-columns:1fr}.warning-buttons{flex-direction:column}}.stage-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#38b2ac,#319795);border-radius:16px 16px 0 0}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2d3748;background-color:#fff;--primary-color: #6B8E23;--primary-hover: #556B1F;--secondary-color: #FFA500;--accent-color: #F8F5ED;--warm-orange: #FFA500;--warm-green: #6B8E23;--warm-beige: #F8F5ED;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f7fafc}#root{min-height:100vh}button:focus-visible,input:focus-visible{outline:2px solid #38b2ac;outline-offset:2px}button,input,label{transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{background-color:#38b2ac;color:#fff}::-moz-selection{background-color:#38b2ac;color:#fff}