body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.arc-grid-container{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;display:inline-block;margin:20px;padding:15px}.arc-grid{border:2px solid #333;display:inline-block;font-size:0;line-height:0}.arc-row{display:flex;line-height:0}.arc-cell{box-sizing:border-box;flex-shrink:0}.arc-grid-container h3{color:#333;font-size:14px;margin-bottom:10px;margin-top:0;text-align:center}.grid-dimensions{color:#666;font-size:12px;font-weight:500;margin-top:8px;text-align:center}.interactive-grid-container{background-color:#f8f9fa;border-radius:10px;box-sizing:border-box;margin:20px 0;max-width:100%;padding:20px;width:100%}.interactive-grid-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:100%;width:100%}.color-picker{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;max-width:100%;padding:15px;text-align:center;width:100%}.color-picker h4{color:#333;margin:0 0 10px}.color-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%}.color-option-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.color-option{border:3px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:40px;transition:all .2s;width:40px}.color-option:hover{border-color:#666;transform:scale(1.1)}.color-option.selected{border-color:#0074d9;border-width:4px;box-shadow:0 0 10px #0074d980}.color-name{color:#666;font-size:11px;font-weight:500;min-width:50px;text-align:center}.selected-color-label{color:#333;font-size:14px;font-weight:600;margin:10px 0 0;text-align:center}.mode-selector{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin-bottom:15px;max-width:100%;padding:15px;text-align:center;width:100%}.mode-selector h4{color:#333;margin:0 0 10px}.mode-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.mode-btn{align-items:center;background-color:#fff;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:all .2s;white-space:nowrap}.mode-btn:hover{background-color:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.mode-btn.active{background-color:#0074d9;border-color:#0074d9;box-shadow:0 4px 12px #0074d94d;color:#fff}.mode-btn.active:hover{background-color:#0056b3;border-color:#0056b3}.mode-description{color:#6c757d;font-size:13px;font-weight:500;margin:8px 0 0;min-height:20px}.grid-display-area{align-items:center;border:none;border-radius:8px;display:flex;justify-content:center;padding:20px;width:100%}.grid-display-area,.interactive-grid{background-color:#fff;box-sizing:border-box}.interactive-grid{border:2px solid #333;box-shadow:0 4px 8px #00000026;display:inline-block;font-size:0;line-height:0}.interactive-row{display:flex;line-height:0}.interactive-cell{border:1px solid #999;box-sizing:border-box;flex-shrink:0;transition:opacity .1s}.interactive-cell:hover{border-color:#333;border-width:2px;opacity:.8}.interactive-cell:active{opacity:.6}.interactive-cell.selected{box-shadow:inset 0 0 0 3px #0074d999;position:relative;z-index:10}.interactive-cell.selected:after{background-color:#0074d933;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.interactive-grid[data-mode=edit] .interactive-cell{cursor:pointer}.interactive-grid[data-mode=select] .interactive-cell{cursor:crosshair}.interactive-grid[data-mode=fill] .interactive-cell{cursor:copy}.interactive-grid{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.interactive-grid[data-mode=select]{touch-action:none;-webkit-user-select:none;user-select:none}.interactive-cell{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.grid-tools{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%;width:100%}.tool-btn{background-color:#6c757d;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.tool-btn:hover{background-color:#5a6268;box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.tool-btn:active{transform:translateY(0)}.reset-btn{background-color:#dc3545}.reset-btn:hover{background-color:#c82333}.resize-btn{background-color:#17a2b8}.resize-btn:hover{background-color:#138496}.clear-btn{background-color:#ffc107}.clear-btn:hover{background-color:#e0a800}.grid-info{margin-top:10px;text-align:center}.grid-info p{color:#666;font-size:14px;font-weight:500;margin:0}@media (max-width:768px){.interactive-grid-container{margin:15px 0;padding:12px}.interactive-grid-wrapper{gap:15px}.color-picker{padding:12px}.color-options{gap:8px}.color-option{height:36px;width:36px}.color-name{font-size:10px;min-width:36px}.selected-color-label{font-size:13px}.mode-selector{margin-bottom:12px;padding:12px}.mode-buttons{flex-direction:column;gap:8px;width:100%}.mode-btn{font-size:15px;justify-content:center;padding:14px 16px;width:100%}.mode-description{font-size:12px}.grid-display-area{padding:15px}.grid-tools{gap:8px}.tool-btn{flex:1 1 auto;font-size:13px;min-width:0;padding:12px 16px}.grid-info p{font-size:12px}}@media (max-width:400px){.interactive-grid-container{margin:10px 0;padding:10px}.color-option{height:32px;width:32px}.color-options{gap:6px}.color-name{font-size:9px;min-width:32px}.grid-display-area{padding:10px}.tool-btn{font-size:12px;padding:10px 12px}.mode-btn{font-size:14px;padding:12px 14px}}@media (min-width:1200px){.color-option{height:44px;width:44px}.grid-display-area{padding:25px}}@media (hover:none) and (pointer:coarse){.interactive-cell:active{opacity:.7;transition:all .05s ease}}.phase1-questions{margin:0 auto;max-width:800px;padding:30px}.phase1-questions h2{color:#282c34;font-size:28px;margin-bottom:10px;text-align:center}.question-container{animation:fadeIn .5s ease;background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:30px;padding:30px}.question-container h3{color:#282c34;font-size:24px;margin-bottom:15px;text-align:center}.instruction{background-color:#e7f3ff;border-left:4px solid #0074d9;border-radius:8px;color:#495057;font-size:16px;line-height:1.6;margin-bottom:25px;padding:15px;text-align:center}.main-idea-textarea{background-color:#fff;border:2px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;min-height:150px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.main-idea-textarea:focus{border-color:#0074d9;box-shadow:0 0 0 3px #0074d91a;outline:none}.word-counter{margin-bottom:20px;margin-top:10px;padding:8px 12px}.helpful-hints{background-color:#fff9e6;border-left:4px solid #ffc107;border-radius:8px;margin-top:20px;padding:20px}.helpful-hints p{color:#495057;font-size:16px;font-weight:600;margin-bottom:12px}.helpful-hints ul{list-style:none;margin:0;padding:0}.helpful-hints li{color:#495057;font-size:14px;line-height:1.8;margin-bottom:8px;padding-left:25px;position:relative}.helpful-hints li:before{content:"💡";font-size:16px;left:0;position:absolute}.helpful-hints strong{color:#495057;font-weight:700}.error-message{border:2px solid #f5c6cb;font-weight:600;padding:12px 18px}.button-section{margin-top:30px;text-align:center}.continue-btn{box-shadow:0 4px 12px #0074d94d;font-size:18px;font-weight:700;padding:16px 50px;transition:all .3s ease}.continue-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 6px 16px #0074d966;transform:translateY(-3px)}.continue-btn:disabled{background-color:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width:768px){.phase1-questions,.question-container{padding:20px}.question-container h3{font-size:20px}.instruction{font-size:14px}.main-idea-textarea{font-size:15px;min-height:120px}.word-counter{font-size:13px}.helpful-hints{padding:15px}.helpful-hints li{font-size:13px}}.counter-container{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-top:8px}.word-counter{border-radius:4px;font-weight:500;padding:4px 8px}.word-counter-low{background-color:#ffe6e9}.word-counter-warning{background-color:#fff3e6;color:#ff851b}.word-counter-good{background-color:#e6f7e9;color:#2ecc40}.char-counter{border-radius:4px;font-size:13px;padding:4px 8px;transition:all .3s ease}.char-counter-normal{background-color:#f5f5f5;color:#666}.char-counter-warning{background-color:#fff3e6;color:#ff851b;font-weight:600}.char-counter-error{animation:shake .3s;background-color:#ffe6e9;color:#dc3545;font-weight:700}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.color-autocomplete-wrapper{position:relative;width:100%}.color-autocomplete-textarea{border:2px solid #ddd;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;width:100%}.color-autocomplete-textarea:focus{border-color:#0074d9;outline:none}.color-dropdown{animation:dropdownSlideIn .1s ease-out;background:#fff;border:2px solid #0074d9;border-radius:8px;box-shadow:0 4px 12px #0003;max-height:300px;max-width:250px;min-width:180px;overflow-y:auto;z-index:10000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.color-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background-color .1s}.color-dropdown-item.selected,.color-dropdown-item:hover{background-color:#e8f4f8}.color-dropdown-item.selected{background-color:#d1e7f5}.color-dropdown-swatch{border:2px solid #333;border-radius:4px;flex-shrink:0;height:24px;width:24px}.color-dropdown-name{color:#333;font-size:14px;font-weight:600}@media (max-width:768px){.color-dropdown{min-width:150px}.color-dropdown-item{padding:6px 10px}.color-dropdown-swatch{height:20px;width:20px}.color-dropdown-name{font-size:13px}}.phase3-questions{margin:0 auto;max-width:900px;padding:20px}.phase3-questions h2{color:#282c34;font-size:28px;margin-bottom:15px;text-align:center}.phase-intro{background-color:#e7f3ff;border-left:4px solid #0074d9;border-radius:8px;color:#495057;font-size:16px;margin-bottom:30px;padding:15px;text-align:center}.teaching-context-box{animation:fadeIn .5s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 6px 20px #667eea66;color:#fff;margin-bottom:30px;padding:25px}.context-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:15px}.context-emoji{font-size:32px}.context-header h3{color:#fff;font-size:24px;font-weight:700;margin:0}.context-explanation{margin-bottom:20px;text-align:center}.context-explanation p{font-size:16px;line-height:1.6;margin:8px 0}.context-explanation strong{color:gold;font-weight:700}.context-hint{font-size:15px;font-style:italic;margin-top:12px;opacity:.95}.context-grids{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border-radius:8px;display:flex;gap:20px;justify-content:center;margin:25px 0;padding:20px}.inline-grid-container{text-align:center}.inline-grid-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.inline-grid{background-color:#fff;border:2px solid #fff6;border-radius:6px;box-shadow:0 4px 12px #0003;display:inline-block;overflow:hidden}.inline-row{display:flex}.inline-cell{flex-shrink:0}.context-arrow{color:gold;font-size:32px;font-weight:700;text-shadow:0 2px 4px #0000004d}.context-footer{align-items:center;border-top:2px solid #ffffff4d;display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:20px}.context-icon{font-size:24px}.context-footer p{font-size:15px;font-style:italic;margin:0;text-align:center}.context-footer strong{color:gold;font-weight:700}.question-block{border:2px solid #dee2e6;margin-bottom:30px;transition:all .3s ease}.question-block:hover{box-shadow:0 4px 12px #00000014}.teaching-question{background:linear-gradient(135deg,#f8f9fa,#fff);border-left:4px solid #667eea}.step-header{align-items:center;display:flex;gap:15px;margin-bottom:10px}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;display:inline-flex;flex-shrink:0;font-size:20px}.question-block h3{color:#282c34;flex:1 1;font-size:20px;margin:0}.question-hint{color:#6c757d;font-style:italic}.question-hint strong{color:#495057;font-weight:600}.response-textarea{background-color:#fff;border:2px solid #dee2e6;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;min-height:150px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.response-textarea:focus{border-color:#0074d9;box-shadow:0 0 0 3px #0074d91a;outline:none}.response-textarea.small{min-height:100px}.word-counter{border-radius:6px;font-size:14px;font-weight:600;margin-top:8px;padding:6px 12px;text-align:right;transition:all .3s ease}.word-counter-low{background-color:#f8d7da;color:#dc3545}.word-counter-good{background-color:#d4edda;color:#28a745}.word-counter-warning{animation:pulse 1.5s ease-in-out infinite;background-color:#fff3cd;color:#856404}.revision-options{display:flex;gap:15px;margin-top:15px}.revision-option{align-items:center;background-color:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:15px;padding:20px;transition:all .2s}.revision-option:hover{border-color:#0074d9;box-shadow:0 4px 8px #0074d926;transform:translateY(-2px)}.revision-option.selected{background-color:#e7f3ff;border-color:#0074d9;border-width:3px;box-shadow:0 4px 12px #0074d933}.revision-icon{font-size:32px;min-width:50px;text-align:center}.revision-label{color:#282c34;font-size:16px;font-weight:600}.revision-reason-section{animation:slideDown .3s ease;border-top:2px dashed #dee2e6;margin-top:20px;padding-top:20px}.error-message{color:#721c24}.continue-btn{background-color:#0074d9}.continue-btn:hover{background-color:#0056b3;box-shadow:0 4px 12px #0074d94d}@media (max-width:768px){.phase3-questions{padding:15px}.revision-options{flex-direction:column}.question-block{padding:20px}.step-header{align-items:flex-start;flex-direction:column}.teaching-context-box{padding:20px}.context-header{flex-direction:column}.context-emoji{font-size:28px}.context-header h3{font-size:20px}.context-grids{flex-direction:column;gap:15px;padding:15px}.context-arrow{font-size:28px;transform:rotate(90deg)}.context-explanation p{font-size:15px}.context-footer{flex-direction:column;gap:8px}.context-footer p{font-size:14px}}@media (max-width:480px){.inline-grid-title{font-size:12px}.context-explanation p{font-size:14px}}.phase4-questions{margin:0 auto;max-width:900px;padding:20px}.phase4-questions h2{color:#282c34;margin-bottom:30px;text-align:center}.question-block{background-color:#f8f9fa;border-radius:10px;margin-bottom:40px;padding:25px}.question-block h3{color:#495057;font-size:18px;margin-bottom:15px}.question-hint{color:#666;font-size:14px;margin-bottom:15px}.difficulty-scale{display:flex;flex-direction:column;gap:12px;margin-top:20px}.difficulty-option{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s}.difficulty-option:hover{border-color:#dc3545;transform:translateX(5px)}.difficulty-option.selected{background-color:#f8d7da;border-color:#dc3545;border-width:3px;box-shadow:0 4px 12px #dc354533}.difficulty-number{color:#dc3545;font-size:24px;font-weight:700;min-width:40px;text-align:center}.difficulty-text{flex:1 1}.difficulty-label{color:#282c34;font-size:16px;font-weight:600;margin-bottom:4px}.difficulty-description{color:#666;font-size:13px}.challenge-options{display:flex;flex-direction:column;gap:12px;margin-top:15px}.challenge-item{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:12px}.challenge-item label{align-items:center;cursor:pointer;display:flex;font-size:15px}.challenge-item input[type=checkbox]{cursor:pointer;height:20px;margin-right:12px;width:20px}.challenge-item label span{color:#333}.other-text-input{margin-left:32px;margin-top:10px}.other-text-input input[type=text]{border:2px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.other-text-input input[type=text]:focus{border-color:#0074d9;outline:none}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;font-size:14px;margin-bottom:15px;padding:10px 15px}.error-message-small{color:#dc3545;font-size:12px;margin-top:5px}.continue-section{margin-top:30px;text-align:center}.continue-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:all .2s}.continue-btn:hover{background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}@media (max-width:768px){.challenge-item,.difficulty-option{padding:12px}}.task-reference{background-color:#fff;border:2px solid #0074d9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.task-reference-toggle{align-items:center;background:linear-gradient(135deg,#0074d9,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:15px;min-height:60px;overflow:hidden;padding:15px 20px;text-align:left;transition:all .3s;width:100%}.task-reference-toggle:hover{background:linear-gradient(135deg,#0056b3,#004494);box-shadow:0 4px 12px #0074d94d;transform:translateY(-2px)}.task-reference-toggle:active{transform:translateY(0)}.toggle-icon{font-size:18px;min-width:20px;transition:transform .3s}.toggle-text{flex:0 0 auto;font-size:18px;white-space:nowrap}.example-count{font-size:14px;font-weight:400;opacity:.9}.miniatures-container{align-items:center;display:flex;flex:1 1;gap:12px;margin-left:10px;overflow:hidden;position:relative}.miniatures-container:after{background:linear-gradient(270deg,#0056b3,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:40px}.miniature-pair{align-items:center;background-color:#ffffff26;border-radius:4px;display:flex;flex:0 0 auto;gap:4px;padding:4px 8px;transition:all .2s}.miniature-pair:hover{background-color:#ffffff40;transform:scale(1.05)}.mini-grid{background-color:#ffffff4d;border-radius:2px;display:flex;flex-direction:column;gap:1px;padding:1px}.mini-row{gap:1px}.mini-cell{border:.5px solid #0003;height:3px;width:3px}.mini-arrow{color:#fff;font-size:10px;font-weight:700;opacity:.9}.task-reference-content{animation:slideDown .3s ease-out;background-color:#f8f9fa;border-top:2px solid #e9ecef;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.training-examples-horizontal{margin-bottom:20px}.training-examples-horizontal h4{color:#495057;font-size:16px;margin:0 0 15px;text-align:center}.examples-scroll-container{-webkit-overflow-scrolling:touch;display:flex;gap:20px;overflow-x:auto;overflow-y:visible;padding:10px 5px 20px;scroll-behavior:smooth;scrollbar-color:#0074d9 #e9ecef;scrollbar-width:thin}.examples-scroll-container::-webkit-scrollbar{height:8px}.examples-scroll-container::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.examples-scroll-container::-webkit-scrollbar-thumb{background:#0074d9;border-radius:4px}.examples-scroll-container::-webkit-scrollbar-thumb:hover{background:#0056b3}.training-pair-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:0 0 auto;min-width:300px;padding:15px;transition:all .2s}.training-pair-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pair-label{color:#6c757d;font-size:14px;margin-bottom:12px}.pair-grids{align-items:center;display:flex;flex-wrap:nowrap;gap:15px;justify-content:center}.pair-grids .arc-grid-container{background-color:#f8f9fa;border-radius:6px;flex:0 0 auto;margin:0;padding:12px}.pair-grids .arc-grid-container h3{color:#6c757d;font-size:13px;margin-bottom:8px;text-align:center}.arrow{color:#0074d9;flex:0 0 auto;font-size:28px;font-weight:700}.scroll-hint{color:#6c757d;font-size:13px;font-style:italic;margin-top:10px;opacity:.8;text-align:center}@media (max-width:768px){.task-reference-toggle{min-height:70px;padding:12px 15px}.toggle-text{font-size:15px}.miniatures-container{display:none}.training-pair-card{min-width:280px}.pair-grids{flex-direction:column;gap:10px}.arrow{font-size:24px;transform:rotate(90deg)}.scroll-hint{animation:pulse 2s ease-in-out infinite;color:#0074d9;font-size:12px;font-weight:600}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}}@media (max-width:400px){.training-pair-card{min-width:260px}.examples-scroll-container{gap:15px}}@media (max-width:1024px) and (min-width:769px){.mini-cell{height:2.5px;width:2.5px}.miniature-pair{gap:3px;padding:3px 6px}.training-pair-card{min-width:320px}}@media (min-width:1200px){.training-pair-card{min-width:350px;padding:20px}.scroll-hint{display:none}}.mini-example-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 8px 20px #0000001a;margin:30px 0;padding:30px}.example-title{color:#282c34;font-size:20px;font-weight:600;margin-bottom:25px;text-align:center}.test-section,.training-section{background-color:#fff;border-radius:10px;margin-bottom:30px;padding:25px}.test-section{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107}.section-header{margin-bottom:25px;text-align:center}.section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:6px 16px;text-transform:uppercase}.test-badge{background:linear-gradient(135deg,#f093fb,#f5576c)}.section-description{color:#666;font-size:14px;font-style:italic;margin:8px 0 0}.training-grid{gap:20px;margin-top:15px}.training-grid,.training-pair-compact{align-items:center;display:flex;flex-direction:column}.training-pair-compact{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;box-sizing:border-box;max-width:100%;padding:20px;width:100%}.pair-label{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-align:center;text-transform:uppercase}.grid-pair-compact{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.grid-with-label-compact{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.grid-label-small{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mini-grid{background-color:#fff;border:2px solid #333;box-shadow:0 2px 8px #00000026;display:inline-block;max-width:100%;overflow:visible}.mini-row{display:flex;line-height:0}.mini-cell{border:.5px solid #999;box-sizing:border-box;flex-shrink:0}.arrow-compact{color:#0074d9;flex-shrink:0;font-size:24px;font-weight:700;margin:0 10px}.test-pair{display:flex;justify-content:center;margin-top:15px}.question-placeholder-compact{align-items:center;animation:questionPulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea66;color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center;min-height:100px;min-width:100px}@keyframes questionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.task-summary{background:#fff;border:2px dashed #667eea;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.task-summary p{color:#495057;font-size:14px;margin:0}.task-summary strong{color:#282c34}.loading-spinner{color:#666;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.mini-example-container{padding:20px}.training-pair-compact{padding:15px}.grid-pair-compact{gap:15px}.arrow-compact{font-size:20px;margin:0 8px}.question-placeholder-compact{font-size:40px;min-height:80px;min-width:80px}}@media (max-width:480px){.arrow-compact{margin:10px 0;transform:rotate(90deg)}.grid-pair-compact{flex-direction:column;gap:10px}.training-pair-compact{padding:12px}.grid-label-small{font-size:11px}}.typewriter-container{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:8px;display:flex;justify-content:center;margin-top:12px;min-height:56px;padding:12px 16px}.typewriter-text{color:#8b949e;font-size:14px;font-weight:400;min-height:24px;text-align:center}.typewriter-text.italic{color:#8b949e;font-style:italic}.typewriter-cursor{animation:blink 1s infinite;color:#58a6ff;font-weight:700}@media (max-width:768px){.typewriter-text{font-size:13px}.typewriter-container{min-height:44px;padding:10px 12px}}.live-demo{margin-top:12px}.live-demo-steps{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:20px}.live-demo-step-pill{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:20px;display:flex;gap:6px;padding:5px 14px;transition:border-color .3s,background .3s}.live-demo-step-pill.pill-active{background:#1c2128;border-color:#388bfd}.live-demo-step-pill.pill-done{background:#0d1117;border-color:#3fb950}.pill-num{align-items:center;background:#21262d;border-radius:50%;color:#6e7681;display:flex;font-size:11px;font-weight:700;height:16px;justify-content:center;transition:background .3s,color .3s;width:16px}.pill-active .pill-num{background:#388bfd;color:#fff}.pill-done .pill-num{background:#3fb950;color:#fff}.pill-label{color:#6e7681;font-size:12px;font-weight:500;transition:color .3s}.pill-active .pill-label{color:#e6edf3}.pill-done .pill-label{color:#3fb950}.live-demo-step-line{background:#21262d;flex-shrink:0;height:1px;transition:background .3s;width:32px}.live-demo-step-line.line-done{background:#3fb950}.live-demo-body{transition:opacity .3s,transform .3s}.demo-fade-in{opacity:1;transform:translateY(0)}.demo-fade-out{opacity:0;transform:translateY(6px)}.demo-phase{flex-direction:column;min-height:280px;padding:8px 0}.demo-pairs-row,.demo-phase{align-items:center;display:flex;gap:18px;justify-content:center}.demo-pairs-row{flex-wrap:wrap}.demo-pair{align-items:center;display:flex;gap:8px}.demo-arrow{color:#484f58;flex-shrink:0;font-size:1rem}.demo-arrow-lg{font-size:1.6rem}.demo-quote-line{color:#cdd9e5;font-size:14px;font-style:italic;line-height:1.6;max-width:520px;text-align:center}.demo-qmark{color:#3fb950;font-size:20px;font-style:normal;margin:0 3px;vertical-align:-3px}.demo-typed{color:#e6edf3}.demo-attribution{color:#484f58;font-size:11px;text-align:center}.demo-attribution-correct{color:#3fb950;opacity:.7}.demo-solve-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.demo-grid-labeled{align-items:center;display:flex;flex-direction:column;gap:6px}.demo-grid-sublabel{color:#6e7681;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.demo-solve-output-wrap{display:inline-flex;position:relative}.demo-celebrate-overlay{align-items:center;animation:celebPop .35s ease-out;background:#00000073;border-radius:3px;display:flex;inset:0;justify-content:center;position:absolute}@keyframes celebPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.demo-celebrate-icon{filter:drop-shadow(0 0 8px rgba(63,185,80,.6));font-size:52px;line-height:1}.demo-celebrate-text{animation:celebPop .35s ease-out;color:#3fb950;font-size:18px;font-weight:700;letter-spacing:.02em}.demo-teach-rows{display:flex;flex-direction:column;gap:10px;max-width:540px;width:100%}.demo-teach-row{background:#0d1117;border:1px solid #21262d;border-radius:7px;min-height:56px;padding:10px 14px;transition:border-color .3s,opacity .3s}.teach-active{background:#1c2128;border-color:#388bfd}.teach-done{border-color:#3fb950;opacity:.75}.teach-pending{opacity:.3}.demo-teach-label{font-size:10px;letter-spacing:.06em;margin-bottom:4px}.teach-done .demo-teach-label{color:#3fb950}.demo-teach-text{color:#cdd9e5;font-size:13px;line-height:1.5}.demo-cursor{animation:blink .8s step-end infinite;color:#58a6ff;display:inline-block;font-weight:300;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.landing-page{background:#0d1117;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.hero-section{background:#161b22;border-bottom:1px solid #21262d;overflow:hidden;padding:72px 24px 64px;position:relative;text-align:center}.falling-cells-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.hero-content{margin:0 auto;max-width:760px;position:relative;z-index:1}.logo-container{margin-bottom:20px}.hero-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.hero-link{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#cdd9e5;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 16px;text-decoration:none;transition:background .2s,border-color .2s}.hero-link:hover{background:#ffffff24;border-color:#ffffff38;color:#e6edf3}.hero-logo{animation:float 3s ease-in-out infinite;height:88px;width:88px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.project-title{color:#e6edf3;font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.tagline{color:#8b949e;font-size:18px;font-weight:400;margin:0}.stats-strip{background:#0d1117;border-bottom:1px solid #21262d;padding:14px 24px}.stats-strip-inner{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:0 auto;max-width:1200px}.stats-strip-item{align-items:baseline;display:flex;gap:7px;padding:4px 28px}.stats-strip-num{color:#58a6ff;font-size:20px;font-weight:700;line-height:1}.stats-strip-label{color:#6e7681;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.stats-strip-divider{background:#21262d;flex-shrink:0;height:24px;width:1px}@media (max-width:600px){.stats-strip-item{padding:6px 16px}.stats-strip-divider{display:none}}.content-section{margin:0 auto;max-width:1200px;padding:48px 24px 80px}@media (min-width:1024px){.content-section{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr}.content-card.highlight,.content-card:first-child,.cta-section{grid-column:1/-1}.content-card.highlight .steps-grid-animated{grid-template-columns:repeat(3,1fr)}}.content-card{background:#161b22;border:1px solid #21262d;border-radius:10px;margin-bottom:0;padding:32px;transition:border-color .2s}.content-card:hover{border-color:#30363d}.content-card h2{color:#e6edf3;font-size:24px;font-weight:600;margin-bottom:18px;margin-top:0}.content-card p{color:#cdd9e5;font-size:15px;line-height:1.7;margin-bottom:14px}.content-card a{color:#58a6ff;text-decoration:none}.content-card a:hover{text-decoration:underline}.large-text{color:#cdd9e5;font-size:16px;line-height:1.8}.challenge-layout{align-items:flex-start;display:flex;gap:40px}.challenge-text{flex:1 1;min-width:0}.challenge-stats{display:flex;flex:0 0 300px;flex-direction:column;gap:16px}.stat-comparison{background:#0d1117;border:1px solid #21262d;border-radius:10px;padding:20px}.stat-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stat-label{color:#6e7681;font-size:12px;font-weight:600;letter-spacing:.06em}.stat-live-badge{color:#3fb950;font-size:11px;font-weight:600;letter-spacing:.03em}.stat-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.stat-row:last-of-type{margin-bottom:0}.stat-who{flex-shrink:0;font-size:13px;font-weight:600;width:54px}.human-label{color:#3fb950}.ai-label{color:#f85149}.stat-bar-wrap{background:#21262d;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.stat-bar{border-radius:5px;height:100%;transition:width 1s ease-out}.human-bar{background:#3fb950}.ai-bar{background:#f85149}.stat-num{flex-shrink:0;font-size:14px;font-weight:700;text-align:right;width:40px}.human-num{color:#3fb950}.ai-num{color:#f85149}.stat-cost{flex-shrink:0;font-size:11px;font-weight:500;opacity:.7;text-align:right;width:52px}.human-cost{color:#3fb950}.ai-cost{color:#8b949e}.stat-footnote{border-top:1px solid #21262d;color:#484f58;font-size:11px;margin-top:14px;padding-top:10px}.stat-callout{background:#0d1117;border:1px solid #21262d;border-left:3px solid #58a6ff;border-radius:10px;padding:18px 20px;text-align:center}.stat-callout-num{color:#58a6ff;font-size:32px;font-weight:700;line-height:1;margin-bottom:6px}.stat-callout-label{color:#8b949e;font-size:13px;line-height:1.4}@media (max-width:900px){.challenge-layout{flex-direction:column;gap:24px}.challenge-stats{flex:none;width:100%}}.cta-eyebrow{color:#3fb950;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.cta-sub{color:#8b949e;font-size:16px;line-height:1.6;margin:0 auto 28px;max-width:520px}.highlight{background:#161b22;border-left:3px solid #58a6ff}.read-more-button{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#cdd9e5;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-top:24px;padding:12px 16px;transition:all .2s;width:100%}.read-more-button:hover{background:#30363d;border-color:#58a6ff;color:#e6edf3}.read-more-button .arrow{font-size:11px}.expanded-content{border-top:1px solid #21262d;margin-top:28px;padding-top:28px}.expanded-content h3{color:#e6edf3;font-size:20px;font-weight:600;margin-bottom:14px;margin-top:28px}.expanded-content h3:first-child{margin-top:0}.expanded-content p,.expanded-content ul{color:#cdd9e5;font-size:15px;line-height:1.7}.expanded-content ul{margin-bottom:16px;padding-left:20px}.expanded-content ul li{margin-bottom:8px}.expanded-content strong{color:#cdd9e5}.weakness-box{background:#0d1117;border:1px solid #21262d;border-radius:8px;margin-bottom:16px;padding:18px 20px}.weakness-1{border-left:3px solid #58a6ff}.weakness-2{border-left:3px solid #3fb950}.weakness-3{border-left:3px solid #d29922}.weakness-4{border-left:3px solid #f85149}.weakness-box h4{color:#e6edf3;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.weakness-box p{color:#cdd9e5;font-size:14px;line-height:1.65;margin-bottom:10px}.weakness-box p:last-child{margin-bottom:0}.weakness-box ul{margin:8px 0;padding-left:18px}.stats-highlight{background:#0d1117;border:1px solid #21262d;border-left:3px solid #58a6ff;border-radius:8px;margin:16px 0;padding:16px 20px}.stats-highlight ul{color:#cdd9e5;margin-bottom:0;padding-left:18px}.larc-insight-box{background:#0d1117;border:1px solid #21262d;border-left:3px solid #3fb950;border-radius:8px;margin:20px 0;padding:20px 24px}.larc-insight-box h4{color:#e6edf3;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.larc-insight-box ul{color:#cdd9e5;font-size:14px;line-height:1.7;margin-bottom:12px;padding-left:18px}.larc-insight-box p{color:#cdd9e5;font-size:14px;line-height:1.65;margin-bottom:0}.insight-emphasis{color:#cdd9e5!important;font-size:14px}.steps-grid-animated{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:24px 0}.step-animated{align-items:center;background:#0d1117;border:1px solid #21262d;border-radius:10px;display:flex;flex-direction:column;padding:24px 16px;text-align:center;transition:border-color .2s}.step-animated:hover{border-color:#58a6ff}.step-animated .step-number{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:50%;color:#58a6ff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:44px;justify-content:center;margin-bottom:14px;width:44px}.step-animated .step-content h3{color:#e6edf3;font-size:17px;font-weight:600;margin:0 0 8px}.step-animated .step-content p{color:#cdd9e5;font-size:14px;line-height:1.6;margin:0 0 10px}.instruction-rationale{background:#0d1117;border:1px solid #21262d;border-left:3px solid #58a6ff;border-radius:8px;margin-top:24px;padding:24px}.instruction-rationale h4{align-items:center;color:#e6edf3;display:flex;font-size:17px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:0}.instruction-rationale p{color:#cdd9e5;font-size:14px;line-height:1.7;margin-bottom:12px}.instruction-rationale p:last-child{margin-bottom:0}.instruction-rationale strong{color:#58a6ff}.demo-quote{background:#0d1117;border:1px solid #21262d;border-left:3px solid #3fb950;border-radius:6px;color:#cdd9e5;font-size:13.5px;font-style:italic;line-height:1.6;margin-top:12px;padding:12px 14px}.demo-quote-mark{color:#3fb950;font-size:18px;font-style:normal;line-height:0;margin:0 2px;vertical-align:-4px}.demo-quote-source{color:#484f58;font-size:11px;font-style:normal;margin-top:8px;text-align:right}.demo-teach{display:flex;flex-direction:column;gap:8px;margin-top:12px}.demo-teach-item{background:#0d1117;border:1px solid #21262d;border-radius:6px;color:#cdd9e5;font-size:12.5px;line-height:1.55;padding:8px 12px}.demo-teach-label{color:#58a6ff;display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.real-grid-animation{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.real-grid-wrap{align-items:center;display:flex;flex-direction:column;gap:4px}.real-grid-label{color:#6e7681;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.real-grid-arrow{color:#484f58;flex-shrink:0;font-size:1.1rem}.real-grid-progress{align-items:center;display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;width:100%}.real-grid-pip{background:#21262d;border-radius:50%;height:5px;transition:background .15s;width:5px}.pip-active{background:#388bfd}.time-commitment{align-items:center;background:#0d1117;border:1px solid #21262d;border-radius:8px;color:#cdd9e5;display:flex;font-size:14px;gap:14px;margin-top:16px;padding:16px 20px}.time-icon{flex-shrink:0;font-size:26px}.subtext{color:#8b949e;font-size:13px}.cta-section{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:56px 32px;text-align:center}.cta-section h2{color:#e6edf3;font-size:28px;font-weight:700;margin:0 0 24px}.start-button{background:#238636;border:1px solid #2ea043;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;margin-bottom:24px;padding:14px 40px;transition:all .2s}.start-button:hover{background:#2ea043;border-color:#3fb950;transform:translateY(-1px)}.privacy-badge{align-items:center;background:#0d1117;border:1px solid #21262d;border-radius:8px;color:#8b949e;display:inline-flex;font-size:13px;gap:12px;padding:12px 20px}.badge-icon{font-size:20px}.badge-text{line-height:1.5;text-align:left}.badge-text strong{color:#cdd9e5}.footer-info{background:#161b22;border-radius:10px;border-top:2px solid #21262d}.footer-info h3{color:#e6edf3;font-size:20px;font-weight:600;margin-top:0}.footer-info h4{color:#cdd9e5;font-size:17px;font-weight:600;margin-bottom:12px}.footer-info p{color:#cdd9e5;font-size:15px;line-height:1.7}.info-block{margin-bottom:16px;padding:20px}.dataset-status,.info-block{background:#0d1117;border:1px solid #21262d;border-radius:8px}.dataset-status{border-left:3px solid #d29922;color:#8b949e;font-size:14px;line-height:1.6;margin:20px 0;padding:14px 18px}.dataset-status strong{color:#d29922}.research-citation{border-top:1px solid #21262d;color:#6e7681;font-size:13px;margin-top:20px;padding-top:20px;text-align:center}.research-citation a{color:#58a6ff;font-weight:600;text-decoration:none}.research-citation a:hover{text-decoration:underline}.contact-box{background:#0d1117;border:1px solid #21262d;border-left:3px solid #58a6ff;border-radius:8px;margin-top:24px;padding:24px}.contact-box h3{color:#e6edf3;font-size:17px;font-weight:600;margin-bottom:12px;margin-top:0}.contact-box p{color:#cdd9e5;font-size:14px;margin-bottom:16px}.contact-btn{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#e6edf3;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s}.contact-btn:hover{background:#30363d;border-color:#58a6ff}.copy-toast{background:#238636;border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-left:12px;padding:4px 12px}@media (max-width:1023px){.content-section{display:block;padding:32px 16px 60px}.content-card,.cta-section,.footer-info{margin-bottom:16px}}@media (max-width:768px){.project-title{font-size:34px}.hero-section{padding:48px 16px 40px}.content-card{padding:22px 18px}.steps-grid-animated{grid-template-columns:1fr}.cta-section{padding:36px 20px}.privacy-badge{flex-direction:column}.badge-text,.privacy-badge,.time-commitment{text-align:center}.time-commitment{flex-direction:column}}.sticky-cta{background:#238636;border:1px solid #2ea043;border-radius:8px;bottom:28px;box-shadow:0 4px 20px #00000080;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:13px 22px;position:fixed;right:28px;transition:all .2s;z-index:300}.sticky-cta:hover{background:#2ea043;border-color:#3fb950;box-shadow:0 6px 24px #0009;transform:translateY(-2px)}.research-modal-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:32px 20px;position:fixed;z-index:500}.research-modal{animation:modalIn .2s ease-out;background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 64px);max-width:780px;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #21262d;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#e6edf3;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .15s;width:32px}.modal-close:hover{background:#30363d;color:#e6edf3}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.modal-body h3{color:#e6edf3;font-size:18px;font-weight:600;margin:28px 0 12px}.modal-body h3:first-child{margin-top:0}.arc-status-2026{background:#0d1117;border:1px solid #30363d;border-radius:10px;margin-bottom:32px;padding:24px}.arc-status-2026 h3{color:#e6edf3;font-size:17px;font-weight:700;letter-spacing:.01em;margin:0 0 10px}.arc-status-2026>p{color:#8b949e;font-size:13.5px;margin:0 0 16px}.status-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:600px){.status-grid{grid-template-columns:1fr}}.status-block{border:1px solid #21262d;border-radius:8px;padding:16px 18px}.status-v2{background:#161b22;border-left:3px solid #388bfd}.status-v3{background:#161b22;border-left:3px solid #f85149}.status-block-title{color:#8b949e;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.status-block ul{color:#cdd9e5;font-size:13.5px;line-height:1.65;margin:0;padding-left:18px}.status-block li{margin-bottom:6px}.status-block li:last-child{margin-bottom:0}.status-block strong{color:#e6edf3}.status-footer{border-top:1px solid #21262d;color:#6e7681;font-size:13px;font-style:italic;margin:0;padding-top:14px}.modal-body p{color:#cdd9e5;font-size:15px;line-height:1.7;margin-bottom:14px}.modal-body a{color:#58a6ff;text-decoration:none}.modal-body a:hover{text-decoration:underline}.modal-body ul{color:#cdd9e5;font-size:15px;line-height:1.7;margin-bottom:14px;padding-left:20px}.modal-body strong{color:#e6edf3}@media (max-width:768px){.sticky-cta{bottom:16px;font-size:14px;padding:11px 18px;right:16px}.research-modal-overlay{align-items:flex-end;padding:16px}.research-modal{border-radius:12px 12px 0 0;max-height:calc(100vh - 32px)}.modal-header{border-radius:12px 12px 0 0;padding:20px}.modal-body{padding:20px}}.turnstile-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.turnstile-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;text-align:center;width:100%}.turnstile-card h2{color:#333;font-size:24px;margin:0 0 10px}.turnstile-card p{color:#666;font-size:16px;margin:0 0 30px}.turnstile-widget{display:flex;justify-content:center;margin:30px 0}.verifying-message{align-items:center;color:#667eea;display:flex;font-weight:500;gap:10px;justify-content:center;margin-top:20px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-weight:500;margin-top:20px;padding:12px}.privacy-note{border-top:1px solid #eee;color:#999;margin-top:30px;padding-top:20px}@media (max-width:768px){.turnstile-card{padding:30px 20px}}.ssg-wrap{display:flex;flex-direction:column;gap:.75rem}.ssg-svg-container{background:#0d1117;border:1px solid #21262d;border-radius:6px;overflow:hidden;position:relative}.ssg-svg{display:block}.ssg-tooltip{background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 4px 16px #0006;color:#cdd9e5;display:flex;flex-direction:column;font-size:.78rem;gap:.3rem;min-width:130px;padding:.5rem .65rem;pointer-events:none;position:absolute;z-index:10}.ssg-tt-header{align-items:center;color:#e6edf3;display:flex;font-weight:600;gap:.4rem}.ssg-tt-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ssg-tt-coords{color:#8b949e;font-size:.72rem;margin-bottom:.2rem}.ssg-legend{display:flex;flex-direction:column;gap:.4rem}.ssg-legend-attempts{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.ssg-legend-item{align-items:center;border:1px solid #0000;border-radius:4px;color:#8b949e;display:flex;font-size:.8rem;gap:.4rem;padding:.15rem .4rem;transition:border-color .15s,color .15s}.ssg-legend-active,.ssg-legend-item:hover{border-color:#30363d;color:#e6edf3}.ssg-legend-line{border-radius:2px;display:inline-block;flex-shrink:0;height:3px;width:18px}.ssg-legend-nodes{align-items:center;color:#6e7681;display:flex;flex-wrap:wrap;font-size:.75rem;gap:4px}.ssg-node-dot{border-radius:50%;display:inline-block;height:9px;width:9px}.task-explorer{padding:0}.explorer-selector-bar{align-items:center;background:#161b22;border:1px solid #21262d;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:.875rem 1.25rem}.selector-label{color:#8b949e;font-size:.85rem;white-space:nowrap}.task-select{background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:.875rem;min-width:200px;padding:.4rem .75rem}.task-select:focus{border-color:#58a6ff;outline:none}.selector-count{color:#6e7681;font-size:.78rem;white-space:nowrap}.explorer-section{margin-bottom:1.5rem}.task-display{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:1.1rem 1.25rem}.task-display-label{color:#8b949e;font-size:.78rem;letter-spacing:.4px;margin-bottom:.875rem;text-transform:uppercase}.task-examples-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem}.task-example-pair{display:flex;flex-direction:column;gap:.35rem}.task-example-test{border-left:2px solid #21262d;padding-left:1.5rem}.example-pair-label{color:#6e7681;font-size:.72rem;letter-spacing:.3px;text-transform:uppercase}.example-pair-grids{align-items:center;display:flex;gap:.5rem}.example-grid-wrap{align-items:center;display:flex;flex-direction:column;gap:.2rem}.grid-sublabel{color:#6e7681;font-size:.68rem}.example-arrow{color:#6e7681;font-size:1rem}.convergence-notice{align-items:center;background:#f39c1214;border:1px solid #f39c1240;border-radius:6px;color:#f39c12;display:flex;font-size:.83rem;gap:.5rem;margin-bottom:1.25rem;padding:.6rem 1rem}.convergence-dot{background:#f39c12;border-radius:50%;flex-shrink:0;height:8px;width:8px}.attempts-header{margin-bottom:.75rem}.attempts-title{color:#e6edf3;font-size:.9rem;font-weight:600;margin:0}.attempts-list{display:flex;flex-direction:column;gap:.75rem}.attempt-card{background:#161b22;border:1px solid #21262d;border-radius:8px;overflow:hidden}.attempt-correct{border-left:3px solid #2ecc71}.attempt-incorrect{border-left:3px solid #e74c3c}.attempt-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1.25rem;-webkit-user-select:none;user-select:none}.attempt-header:hover{background:#1c2128}.attempt-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.outcome-badge{border-radius:10px;display:inline-block;font-size:.8rem;font-weight:600;padding:.15rem .6rem}.badge-correct{background:#2ecc7126;color:#2ecc71}.badge-incorrect{background:#e74c3c26;color:#e74c3c}.attempt-stat{color:#8b949e;font-size:.8rem}.attempt-toggle{color:#6e7681;flex-shrink:0;font-size:.75rem}.attempt-body{border-top:1px solid #21262d;gap:1rem;padding:0 1.25rem 1.25rem}.attempt-body,.response-block{display:flex;flex-direction:column}.response-block{gap:.3rem}.response-label{color:#6e7681;font-size:.72rem;letter-spacing:.3px;margin-top:.75rem;text-transform:uppercase}.response-text{color:#cdd9e5;font-size:.875rem;font-style:italic;line-height:1.5}.path-section{display:flex;flex-direction:column;gap:.3rem}.path-timeline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.25rem;overflow-x:auto;padding:.5rem 0}.path-arrow{color:#6e7681;flex-shrink:0;font-size:.85rem;padding-bottom:8px}.path-snapshot{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.2rem}.snap-label{font-size:.65rem;text-align:center;white-space:nowrap}.snap-time{color:#6e7681;font-size:.62rem;text-align:center}.snap-correct .snap-label{color:#2ecc71}.snap-incorrect .snap-label{color:#e74c3c}.snap-reset .snap-label{color:#e67e22}.snap-start .snap-label{color:#6e7681}.snap-neutral .snap-label{color:#8b949e}.snap-convergent .snap-label{color:#f39c12}.path-empty{color:#6e7681;font-size:.83rem;padding:.5rem 0}.solution-compare{align-items:flex-end;display:flex;gap:1rem}.solution-compare-item{display:flex;flex-direction:column;gap:.3rem}.solution-compare-arrow{color:#6e7681;font-size:.85rem;padding-bottom:6px}.breakdown-section{display:flex;flex-direction:column;gap:.3rem}.action-breakdown{display:flex;flex-direction:column;gap:.4rem}.breakdown-bar{background:#21262d;border-radius:4px;display:flex;height:8px;overflow:hidden}.breakdown-segment{height:100%;transition:width .3s}.breakdown-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.breakdown-item{align-items:center;color:#8b949e;display:flex;font-size:.75rem;gap:.3rem}.breakdown-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.teaching-block{gap:.5rem}.teaching-block,.teaching-q{display:flex;flex-direction:column}.teaching-q{gap:.15rem}.teaching-q-label{color:#58a6ff;font-size:.72rem;font-weight:500}.teaching-q-text{border-left:2px solid #21262d;color:#cdd9e5;font-size:.875rem;font-style:italic;line-height:1.5;padding-left:.75rem}.challenge-tags{display:flex;flex-wrap:wrap;gap:.35rem}.challenge-tag{background:#21262d;border-radius:10px;color:#8b949e;font-size:.75rem;padding:.15rem .5rem}.mini-grid-empty{background:#161b22;border:1px dashed #30363d;border-radius:3px}.explorer-loading{align-items:center;color:#8b949e;display:flex;flex-direction:column;font-size:.875rem;gap:1rem;justify-content:center;padding:3rem}.explorer-error{color:#e74c3c;font-size:.875rem;padding:1rem}.explorer-empty{color:#6e7681;font-size:.875rem;padding:2rem;text-align:center}.similar-tasks-section{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:1rem 1.25rem}.similar-tasks-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:.875rem}.similar-tasks-title{color:#8b949e;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.similar-tasks-hint{color:#484f58;font-size:.72rem}.similar-tasks-loading{align-items:center;color:#6e7681;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem 0}.similar-tasks-strip{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-color:#30363d #0000;scrollbar-width:thin}.similar-tasks-strip::-webkit-scrollbar{height:4px}.similar-tasks-strip::-webkit-scrollbar-track{background:#0000}.similar-tasks-strip::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}.similar-task-card{background:#0d1117;border:1px solid #21262d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.65rem .75rem;text-align:left;transition:border-color .15s,background .15s,transform .1s}.similar-task-card:hover{background:#1c2128;border-color:#388bfd;transform:translateY(-2px)}.similar-task-preview{align-items:center;display:flex;gap:.4rem}.similar-task-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.similar-arrow{color:#484f58;flex-shrink:0;font-size:.8rem}.similar-task-id{color:#8b949e;font-family:Courier New,monospace;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.similar-task-score{color:#3fb950;flex-shrink:0;font-size:.72rem;font-weight:700}.similar-popup{background:#1c2128;border:1px solid #388bfd;border-radius:10px;box-shadow:0 8px 32px #0009;max-width:520px;min-width:280px;padding:1rem 1.1rem;position:fixed;z-index:1000}.similar-popup-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.875rem}.similar-popup-id{color:#e6edf3;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.similar-popup-score{color:#3fb950;font-size:.75rem;font-weight:700}.similar-popup-nav{background:#388bfd;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.75rem;margin-left:auto;padding:.3rem .7rem;transition:background .15s}.similar-popup-nav:hover{background:#58a6ff}.similar-popup-examples{display:flex;flex-wrap:wrap;gap:1rem}.similar-popup-pair{display:flex;flex-direction:column;gap:.3rem}.similar-popup-pair-label{color:#6e7681;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.similar-popup-pair-grids{align-items:center;display:flex;gap:.35rem}@media (max-width:700px){.task-examples-row{gap:1rem}.task-example-test{border-left:none;border-top:2px solid #21262d;padding-left:0;padding-top:1rem}.path-timeline{gap:.15rem}}.dash-overlay{background:#0d1117;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;inset:0;overflow-y:auto;position:fixed;z-index:1000}.dash-container{margin:0 auto;max-width:1200px;padding:2rem 1.5rem 5rem}.dash-header{align-items:flex-start;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.dash-title{color:#e6edf3;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .3rem}.dash-subtitle{color:#8b949e;font-size:.83rem;margin:0}.dash-header-actions{align-items:center;display:flex;gap:.5rem}.dash-btn{background:#21262d;border:1px solid #30363d;border-radius:6px;color:#e6edf3;cursor:pointer;display:inline-block;font-size:.875rem;padding:.45rem 1rem;text-decoration:none;transition:background .15s}.dash-btn:hover{background:#30363d}.dash-btn--ghost{background:#0000;color:#8b949e}.dash-btn--ghost:hover{background:#161b22;color:#e6edf3}.dash-tabs{border-bottom:1px solid #21262d;display:flex;gap:0;margin-bottom:1.5rem}.dash-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8b949e;cursor:pointer;font-size:.875rem;margin-bottom:-1px;padding:.6rem 1.25rem;transition:color .15s}.dash-tab:hover{color:#e6edf3}.dash-tab--active{border-bottom-color:#58a6ff;color:#58a6ff}.stats-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.stat-card{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:1.1rem 1rem;text-align:center}.stat-value{color:#58a6ff;font-size:1.7rem;font-weight:700;line-height:1;margin-bottom:.45rem}.stat-label{color:#8b949e;font-size:.74rem;letter-spacing:.4px;text-transform:uppercase}.charts-row{display:flex;gap:.875rem;margin-bottom:1.25rem}.chart-card{background:#161b22;border:1px solid #21262d;border-radius:8px;flex:1 1;min-width:0;padding:1.1rem 1.25rem}.chart-card--wide{flex:2 1}.chart-card--narrow{flex:1 1}.chart-title{color:#e6edf3;font-size:.9rem;font-weight:600;margin:0 0 .65rem}.chart-sub{color:#6e7681;font-size:.75rem;font-weight:400}.chart-legend{align-items:center;color:#8b949e;display:flex;font-size:.78rem;gap:4px;margin-bottom:.5rem}.leg-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:9px;margin-right:3px;width:9px}.chart-empty{color:#6e7681;font-size:.85rem;padding:2.5rem 1rem;text-align:center}.chart-note{color:#6e7681;font-size:.72rem;line-height:1.5;margin:.6rem 0 0}.arc-svg{display:block}.arc-svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.donut-wrap{align-items:center;gap:.6rem}.donut-legend,.donut-wrap{display:flex;flex-direction:column}.donut-legend{color:#8b949e;font-size:.83rem;gap:.2rem}.donut-legend div{align-items:center;display:flex;gap:4px}.table-wrap{overflow-x:auto}.dash-table{border-collapse:collapse;font-size:.85rem;width:100%}.dash-table th{border-bottom:1px solid #21262d;color:#8b949e;font-size:.74rem;font-weight:500;letter-spacing:.4px;padding:.45rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.dash-table td{border-bottom:1px solid #0d1117;color:#cdd9e5;padding:.45rem .75rem}.dash-table tr:hover td{background:#1c2128}.td-rank{color:#6e7681;width:28px}.td-id{color:#8b949e;font-family:Courier New,monospace;font-size:.78rem}.acc-badge{border-radius:10px;display:inline-block;font-size:.78rem;font-weight:600;padding:.12rem .45rem}.acc-good{background:#2ecc7126;color:#2ecc71}.acc-bad{background:#e74c3c26;color:#e74c3c}.dash-error,.dash-loading{align-items:center;color:#8b949e;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.dash-spinner{animation:dash-spin .75s linear infinite;border:3px solid #21262d;border-radius:50%;border-top-color:#58a6ff;height:36px;width:36px}@keyframes dash-spin{to{transform:rotate(1turn)}}.dash-footer{border-top:1px solid #21262d;color:#6e7681;font-size:.78rem;line-height:1.6;margin-top:3rem;padding-top:1.5rem;text-align:center}.dash-footer em{color:#8b949e;font-style:italic}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.charts-row{flex-direction:column}.chart-card--narrow,.chart-card--wide{flex:none}.dash-header{flex-direction:column;gap:1rem}}*,:after,:before{box-sizing:border-box}.App{margin:0 auto;max-width:1200px;padding:20px;text-align:center}.App-header{background-color:#282c34;border-radius:10px;color:#fff;margin-bottom:30px;padding:20px}.App-header h1{margin:0 0 10px}.main-content{display:flex;flex-direction:column;gap:30px}.task-section{background-color:#f5f5f5;border-radius:10px;padding:25px}.grids-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.question-section{background-color:#e8f4f8;border-radius:8px;margin:20px 0;padding:15px}.response-section{background-color:#f9f9f9;border-radius:10px;padding:25px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;margin-bottom:8px}.form-group textarea{border:2px solid #ddd;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:12px;resize:vertical;width:100%}.form-group textarea:focus{border-color:#0074d9;outline:none}.submit-btn{background-color:#0074d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:background-color .2s}.submit-btn:hover{background-color:#0056b3}.loading{font-size:18px;margin:50px}@media (max-width:768px){.grids-container{align-items:center;flex-direction:column}}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.new-task-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .2s}.new-task-btn:hover{background-color:#218838}.training-examples{margin:30px 0}.training-pair{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:25px 0;padding:20px}.training-pair h4{color:#495057;margin-top:0}.solving-section{background-color:#fff;border:2px solid #0074d9;border-radius:10px;margin:30px 0;padding:25px}.solving-section h3{color:#0074d9;margin-top:0}.test-case{margin-top:20px}.solving-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.input-display,.solution-editor{flex:0 0 auto}.solution-editor h4{color:#495057;margin-top:0;text-align:center}.submission-stats{background-color:#e8f4f8;border-radius:6px;display:flex;gap:30px;justify-content:center;margin:20px 0;padding:15px}.submission-stats p{color:#495057;font-size:16px;font-weight:500;margin:0}.test-solution-section{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:15px;justify-content:center;margin-bottom:25px;padding:20px}.test-solution-btn{background-color:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:all .2s}.test-solution-btn:hover{background-color:#138496;box-shadow:0 4px 12px #17a2b84d;transform:translateY(-2px)}.solution-status{border-radius:20px;font-size:14px;font-weight:600;padding:8px 16px}.solution-status.correct{background-color:#d4edda;border:2px solid #c3e6cb;color:#155724}.solution-status.incorrect{background-color:#f8d7da;border:2px solid #f5c6cb;color:#721c24}.success-animation{align-items:center;animation:fadeIn .3s ease-in;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-content{animation:bounceIn .5s ease-out;background:linear-gradient(135deg,#1a3a5c,#0d2137);border-radius:20px;color:#fff;padding:60px;text-align:center}.success-icon{animation:rotate .5s ease-in-out;font-size:80px;margin-bottom:20px}.success-content h2{font-size:36px;margin:0 0 10px}.success-content p{font-size:18px;margin:0;opacity:.9}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg) scale(.5)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.progress-indicator{background-color:#f8f9fa}.step-number{color:#fff}.progress-step.completed .step-number{background-color:#28a745}.progress-line{background-color:#dee2e6}.phase-transition{background:linear-gradient(135deg,#1a3a5c,#0d2137);border-radius:12px;color:#fff;margin:30px 0;padding:30px;text-align:center}.transition-text{font-size:18px;line-height:1.6;margin:0 0 20px}.start-phase1-btn{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#58a6ff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s}.start-phase1-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.start-phase1-btn:active{transform:translateY(-1px)}.proceed-section{background:linear-gradient(135deg,#17a2b8,#138496);border-radius:12px;color:#fff;margin:30px 0;padding:25px;text-align:center}.proceed-text{font-size:16px;line-height:1.6;margin:0 0 20px}.proceed-btn{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#17a2b8;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s}.proceed-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.proceed-btn:active{transform:translateY(-1px)}.completion-message{align-items:center;animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#1a3a5c,#0d2137);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.completion-content{animation:bounceIn .8s ease-out;color:#fff;text-align:center}.completion-icon{animation:rotate 1s ease-in-out;font-size:100px;margin-bottom:20px}.completion-content h2{font-size:42px;margin:0 0 15px}.completion-content p{font-size:20px;margin:10px 0;opacity:.95}@media (max-width:768px){.progress-indicator{padding:20px 10px}.progress-step{min-width:80px}.step-number{font-size:16px;height:35px;width:35px}.step-label{font-size:11px}.progress-line{width:20px}}.participant-info{background-color:#ffffff1a;border-radius:20px;color:#ffffffe6;font-family:Courier New,monospace;font-size:14px;margin-top:10px;padding:8px 16px}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0074d9;height:50px;margin-bottom:20px;width:50px}.error-icon{font-size:48px;margin-bottom:15px}.retry-btn{background-color:#0074d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px;transition:background-color .2s}.retry-btn:hover{background-color:#0056b3}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.submission-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.submission-modal{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#1a3a5c,#0d2137);border-radius:20px;box-shadow:0 10px 30px #00000080;color:#fff;min-width:300px;padding:40px;text-align:center}.submission-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin:0 auto 20px;width:60px}.submission-modal h3{font-size:24px;margin:0 0 10px}.submission-modal p{font-size:16px;margin:0 0 20px;opacity:.9}.submission-progress{margin-top:20px}.progress-bar{background-color:#ffffff4d;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{animation:progressFill 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#e0e0e0);border-radius:4px;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes progressFill{0%{width:0}50%{width:70%}to{width:100%}}.success-details{background-color:#28a74533;border:1px solid #28a7454d;border-radius:6px;color:#28a745;font-size:14px;font-weight:500;margin-top:15px;padding:10px 15px}.progress-indicator{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;padding:30px 20px}.progress-step{flex-direction:column;gap:8px;min-width:100px;transition:all .3s ease}.progress-step,.step-number{align-items:center;display:flex}.step-number{background-color:#dee2e6;border-radius:50%;color:#d6dadd;font-size:18px;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s;width:40px}.progress-step.active .step-number{animation:pulse 2s infinite;background:linear-gradient(135deg,#0074d9,#0056b3);box-shadow:0 4px 12px #0074d966;color:#fff}.progress-step.active .step-number:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.progress-step.completed .step-number{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;transform:scale(1.1)}.progress-step.completed .step-number:after{animation:checkmark .5s ease-in-out;content:"✓";font-size:14px;position:absolute}.step-label{color:#6c757d;font-size:13px;font-weight:500;text-align:center;transition:all .3s}.progress-step.active .step-label{color:#0074d9;font-weight:600;transform:scale(1.05)}.progress-step.completed .step-label{color:#28a745;font-weight:600}.progress-line{background:linear-gradient(90deg,#dee2e6,#ced4da);border-radius:2px;height:3px;margin:0 5px;overflow:hidden;position:relative;width:40px}.progress-step.completed+.progress-line:before{animation:fillLine .5s ease-in-out;background:linear-gradient(90deg,#28a745,#20c997);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fillLine{0%{width:0}to{width:100%}}@media (max-width:768px){.App{padding:12px}.solving-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:20px 0;padding:15px;width:100%}.solving-section h3{text-align:center;width:100%}.test-case{display:flex}.solving-area,.test-case{align-items:center;flex-direction:column;width:100%}.solving-area{box-sizing:border-box;gap:20px}.input-display,.solution-editor{box-sizing:border-box;max-width:100%;width:100%}.task-section,.training-pair{padding:15px}.grids-container{align-items:center;flex-direction:column;gap:15px}.test-solution-section{flex-direction:column;gap:12px;padding:15px}.test-solution-btn{font-size:17px;max-width:320px;min-height:52px;padding:14px 28px;width:100%}.solution-status{max-width:320px;text-align:center;width:100%}.progress-indicator{-webkit-overflow-scrolling:touch;gap:8px;justify-content:flex-start;overflow-x:auto;padding:20px 15px;scrollbar-color:#0074d94d #0000;scrollbar-width:thin}.progress-indicator::-webkit-scrollbar{height:3px}.progress-indicator::-webkit-scrollbar-track{background:#0000}.progress-indicator::-webkit-scrollbar-thumb{background:#0074d94d;border-radius:2px}.progress-step{flex-shrink:0;min-width:70px}.step-number{font-size:15px;height:36px;width:36px}.step-label{font-size:10px;white-space:nowrap}.progress-line{flex-shrink:0;margin:0 3px;width:20px}.continue-btn,.proceed-btn,.start-phase1-btn{font-size:18px;max-width:400px;min-height:56px;padding:16px 24px;width:100%}.form-group{margin-bottom:18px}.form-group textarea{font-size:16px}.response-section{padding:18px}.question-section{margin:15px 0;padding:12px}.success-content{margin:0 15px;max-width:calc(100% - 30px);padding:40px 30px}.success-icon{font-size:60px}.success-content h2{font-size:28px}.success-content p{font-size:16px}.submission-stats{flex-direction:column;gap:15px;padding:12px}.submission-stats p{font-size:14px}.grid-info{margin-top:10px;padding:0 5px}.grid-info p{font-size:12px}}@media (max-width:400px){.App{padding:8px}.solving-section{margin:15px 0;padding:10px}.solving-area{gap:15px}.task-section,.test-solution-section,.training-pair{padding:10px}.response-section{padding:12px}.progress-indicator{padding:15px 10px}.progress-step{min-width:60px}.step-number{font-size:14px;height:32px;width:32px}.step-label{font-size:9px}.progress-line{width:15px}.success-content{margin:0 10px;padding:30px 20px}.success-icon{font-size:50px}.success-content h2{font-size:24px}.success-content p{font-size:14px}}@media (max-width:968px){.solving-area{align-items:center;flex-direction:column}}
/*# sourceMappingURL=main.870fd512.css.map*/