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:#ffffff80;border-radius:8px;display:flex;justify-content:center;margin-top:15px;min-height:60px;padding:15px 20px}.typewriter-text{color:#495057;font-size:15px;font-weight:500;min-height:30px;text-align:center}.typewriter-text.italic{color:#666;font-style:italic}.typewriter-cursor{animation:blink 1s infinite;color:#667eea;font-weight:700}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width:768px){.typewriter-text{font-size:14px}.typewriter-container{min-height:50px;padding:12px 15px}}.painting-animation-container{align-items:center;background:#ffffff80;border-radius:8px;display:flex;justify-content:center;margin-top:15px;min-height:120px;padding:20px}.painting-grid{background-color:#fff;border:2px solid #333;box-shadow:0 4px 12px #00000026;display:inline-block}.painting-row{display:flex;line-height:0}.painting-cell{border:1px solid #999;height:25px;transition:background-color .2s ease;width:25px}@keyframes paintPop{0%{opacity:.5;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.painting-cell{height:20px;width:20px}.painting-animation-container{min-height:100px;padding:15px}}.landing-page{background:linear-gradient(180deg,#f8f9fa 0,#e9ecef);min-height:100vh}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000001a;color:#fff;padding:60px 20px;text-align:center}.hero-content{margin:0 auto;max-width:800px}.logo-container{margin-bottom:20px}.hero-logo{animation:float 3s ease-in-out infinite;height:100px;width:100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.project-title{font-size:48px;font-weight:700;margin:0 0 15px;text-shadow:2px 2px 4px #0003}.tagline{font-size:20px;font-weight:300;margin:0;opacity:.95}.content-section{margin:-30px auto 0;max-width:900px;padding:0 20px 60px}.content-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:35px;transition:transform .3s,box-shadow .3s}.content-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.content-card h2{color:#282c34;font-size:28px;font-weight:600;margin-bottom:20px;margin-top:0}.content-card p{color:#495057;font-size:16px;line-height:1.7;margin-bottom:15px}.large-text{font-size:18px;line-height:1.8}.read-more-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:25px;padding:15px;transition:all .3s;width:100%}.read-more-button:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.read-more-button .arrow{font-size:12px}.expanded-content{border-top:2px solid #e9ecef;margin-top:30px;padding-top:30px}.expanded-content h3{color:#282c34;font-size:24px;font-weight:600;margin-bottom:15px;margin-top:25px}.expanded-content p,.expanded-content ul{color:#495057;font-size:16px;line-height:1.7}.expanded-content ul{margin-bottom:20px}.expanded-content ul li{margin-bottom:10px}.weakness-box{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:20px}.weakness-1{border-left:4px solid #667eea}.weakness-2{border-left:4px solid #764ba2}.weakness-3{border-left:4px solid #ffc107}.weakness-4{border-left:4px solid #e74c3c}.weakness-box h4{color:#282c34;font-size:20px;font-weight:600;margin-top:0}.weakness-box h4,.weakness-box p{margin-bottom:15px}.weakness-box p:last-child{margin-bottom:0}.weakness-box ul{margin-bottom:10px;margin-top:10px}.stats-highlight{background:#e8f4f8;border-radius:10px;margin:20px 0;padding:20px}.stats-highlight ul{margin-bottom:0}.collection-box{border-radius:10px;margin-bottom:15px;padding:20px}.collection-1{background:#fff3cd}.collection-2{background:#e8f4f8}.collection-3{background:#e7f3e7}.collection-4{background:#f3e7f3}.collection-box h4{color:#282c34;font-size:18px;font-weight:600;margin-bottom:10px;margin-top:0}.collection-box .collection-timing{color:#495057;font-size:15px;font-style:italic;line-height:1.7;margin-bottom:10px}.collection-box p{margin-bottom:0}.highlight-primary{background:linear-gradient(135deg,#e8f4f8,#d1ecf1);border-left:5px solid #17a2b8}.highlight{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #ffc107}.key-points{margin-top:25px}.key-point{align-items:start;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;margin-bottom:20px;padding:15px}.key-icon{flex-shrink:0;font-size:28px}.key-point strong{color:#282c34}.comparison-stats{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:30px 0}.stat-card{border-radius:15px;box-shadow:0 4px 15px #0000001a;flex:1 1;min-width:200px;padding:30px 20px;text-align:center;transition:transform .3s}.stat-card:hover{transform:scale(1.05)}.stat-card.human{background:linear-gradient(135deg,#2ecc40,#27ae60);color:#fff}.stat-card.ai{background:linear-gradient(135deg,#ff4136,#e74c3c);color:#fff}.stat-icon{font-size:48px;margin-bottom:15px}.stat-number{font-size:48px;font-weight:700;margin-bottom:10px}.stat-label{font-size:18px;font-weight:600;margin-bottom:8px}.stat-detail{font-size:14px;opacity:.9}.stat-divider{color:#495057;font-size:24px;font-weight:700}.highlight-text{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-top:20px;padding:15px}.arc-steps{background:#f8f9fa;border-radius:10px;line-height:1.8;margin:20px 0;padding:20px 20px 20px 40px}.arc-steps li{color:#495057;margin-bottom:10px}.arc-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.external-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .3s}.external-link:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.explanation-text{color:#666;font-style:italic;margin-top:20px;text-align:center}.steps-grid-animated{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.step-animated{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;padding:25px 20px;text-align:center;transition:all .3s}.step-animated:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-5px)}.step-animated .step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:50px;justify-content:center;margin-bottom:15px;width:50px}.step-animated .step-content{flex:1 1;width:100%}.step-animated .step-content h3{color:#282c34;font-size:20px;margin:0 0 10px}.step-animated .step-content p{color:#666;font-size:15px;line-height:1.6;margin:0 0 10px}.time-commitment{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;margin-top:20px;padding:20px}.time-icon{font-size:32px}.subtext{color:#999;font-size:14px}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 30px #667eea4d;color:#fff;margin:40px 0;padding:50px 35px;text-align:center}.cta-section h2{color:#fff;font-size:32px;margin:0 0 15px}.cta-description{font-size:18px;margin-bottom:30px;opacity:.95}.start-button{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;font-size:20px;font-weight:700;margin-bottom:25px;padding:18px 45px;transition:all .3s}.start-button:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-3px)}.privacy-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;gap:15px;justify-content:center;margin:0 auto;max-width:500px;padding:15px 25px}.badge-icon{font-size:28px}.badge-text{font-size:13px;line-height:1.5;text-align:left}.footer-info{background:#f8f9fa;border-top:3px solid #667eea;margin-bottom:0}.footer-info h3{color:#282c34;margin-top:0}.research-citation{border-top:1px solid #dee2e6;color:#666;font-size:14px;margin-top:20px;padding-top:20px;text-align:center}.research-citation a{color:#667eea;font-weight:600;text-decoration:none}.research-citation a:hover{text-decoration:underline}@media (max-width:768px){.project-title{font-size:36px}.tagline{font-size:16px}.content-card{padding:25px 20px}.content-card h2{font-size:24px}.comparison-stats{flex-direction:column}.stat-divider{margin:10px 0;transform:rotate(90deg)}.steps-grid-animated{grid-template-columns:1fr}.privacy-badge{flex-direction:column}.badge-text,.privacy-badge,.time-commitment{text-align:center}.time-commitment{flex-direction:column}}.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}}*,: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,#667eea,#764ba2);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,#667eea,#764ba2);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:#667eea;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,#667eea,#764ba2);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,#667eea,#764ba2);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.e06d0d08.css.map*/