*{box-sizing:border-box;margin:0;padding:0}body{color:#222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f7;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.app{max-width:1100px;margin:0 auto;padding:40px 32px}header{text-align:center;margin-bottom:28px}header h1{letter-spacing:-.5px;margin-bottom:6px;font-size:38px;font-weight:700}header p{color:#777;font-size:15px}.sprint-summary{text-align:center;background:#fff;border:1px solid #ebe9e5;border-radius:14px;gap:16px;margin-bottom:28px;padding:24px 28px;display:grid}.sprint-summary h2{margin-bottom:4px;font-size:20px;font-weight:600}.sprint-summary p{color:#666;font-size:14px;line-height:1.6}.controls{align-items:center;gap:10px;margin-bottom:24px;display:flex}.controls label{color:#444;font-size:14px;font-weight:600}.controls select{color:#333;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:7px 12px;font-family:inherit;font-size:14px}.controls select:focus{outline-offset:1px;outline:2px solid #3a7bd5}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.board{grid-template-columns:1fr;gap:12px}.app{padding:24px 16px}}.task-column{background:#efeeec;border-radius:12px;min-height:300px;padding:16px}.task-column h2{letter-spacing:.3px;text-transform:uppercase;color:#555;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.task-column h2 span{color:#4a3f33;letter-spacing:0;text-transform:none;background:#d4d1cb;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.task-list{flex-direction:column;gap:10px;display:flex}.task-card{background:#fff;border:1px solid #ebe9e5;border-radius:10px;padding:14px 16px}.task-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.task-card h3{text-align:left;color:#1a1a1a;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.45}.task-card span{color:#555;font-size:13px}.task-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.task-actions button{cursor:pointer;color:#514637;background:#fbfaf9;border:1px solid #dbd7d1;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s,color .15s}.task-actions button:hover{color:#111;background:#f0ede9;border-color:#c3bdb0}.task-actions button:focus-visible{outline-offset:1px;outline:2px solid #3a7bd5}.progress{margin-top:16px}.progress span{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.progress-track{background:#ebe9e5;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:#b07d45;border-radius:999px;height:100%}.priority{white-space:nowrap;letter-spacing:.2px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.priority-high{color:#991b1b;background:#ffe0e0}.priority-medium{color:#92400e;background:#fef3c7}.priority-low{color:#166534;background:#dcfce7}.empty-state{color:#999;padding:12px 4px;font-size:13px;font-style:italic;line-height:1.5}.prototype-note{text-align:center;color:#999;margin-top:24px;font-size:12px}