:root{--checkbox-border:#555;--checkbox-checked:var(--success-color);--task-bg:#333;--task-hover:#2a2a2a;--task-completed-text:#888;--subtask-indent:30px;--test-passed-color:var(--success-color);--test-failed-color:#f44336}.todo-app{flex-grow:1}.task-input{max-width:760px;margin:var(--space-3) auto 0;gap:10px;display:flex}.task-input input{background-color:var(--secondary-bg);min-width:0;color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-input);font:inherit;flex:1;padding:10px}.guest-notice{max-width:760px;margin:var(--space-2) auto 0;padding:var(--space-2) 12px;background-color:var(--secondary-bg);color:var(--text-color);border-left:4px solid var(--brand-blue);border-radius:var(--radius-button);font-size:.9rem}.guest-notice a{color:var(--link-color)}.task-input input:focus{border-color:var(--brand-blue)}.task-input button{padding:var(--space-2) 12px;background-color:var(--accent-color);color:var(--text-on-accent);border-radius:var(--radius-button);font:inherit;cursor:pointer;border:none;font-size:.9rem}.task-input button:hover{background-color:var(--accent-hover-color);box-shadow:var(--shadow-button-hover)}.feature-flag-panel{z-index:1001;min-width:250px;max-width:calc(100vw - 2 * var(--page-gutter));background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-card);max-height:calc(100vh - 100px);box-shadow:var(--shadow-modal);padding:20px;position:fixed;top:80px;right:20px;overflow-y:auto}.feature-flag-panel h3{padding-bottom:var(--space-2);color:var(--text-color);border-bottom:1px solid var(--border-color);margin-bottom:15px;font-size:1.1rem}.flag-controls{flex-direction:column;gap:10px;display:flex}.flag-controls label{align-items:center;gap:var(--space-2);display:flex}.flag-controls label:hover{color:var(--text-strong)}.flag-controls input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}.admin-section{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.admin-section:last-child{border-bottom:none;margin-bottom:0}.admin-section h4{color:var(--brand-blue);margin:0 0 10px;font-size:1rem;font-weight:600}.error-testing-controls p{color:var(--text-color);margin:0 0 15px;font-size:.9rem;line-height:1.4}.test-buttons{gap:var(--space-2);flex-direction:column;margin-bottom:15px;display:flex}.test-button{padding:var(--space-2) 12px;background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-button);cursor:pointer;font-size:.85rem;transition:all .2s}.test-button:hover{background-color:var(--hover-color);border-color:var(--brand-blue)}.test-button.primary{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.test-button.primary:hover{background-color:var(--accent-hover-color)}.test-button:disabled{opacity:.6;cursor:not-allowed}.test-results{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-button);max-height:300px;font-family:var(--font-mono);padding:10px;font-size:.8rem;line-height:1.3;display:none;overflow-y:auto}.test-results.show{display:block}.test-results .test-entry{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:10px}.test-results .test-entry:last-child{border-bottom:none;margin-bottom:0}.test-results .test-title{color:var(--brand-blue);margin-bottom:3px;font-weight:700}.test-results .test-status{font-weight:700}.test-results .test-status.passed{color:var(--test-passed-color)}.test-results .test-status.failed{color:var(--test-failed-color)}.test-results .test-details{color:var(--text-color);margin-top:3px;padding-left:10px}.task-list{padding:0;list-style-type:none}.task-item{background-color:var(--task-bg);border-bottom:1px solid var(--border-color);border-radius:5px;align-items:center;margin-bottom:10px;padding:10px;transition:background-color .2s;display:flex}.task-item:hover{background-color:var(--task-hover)}.task-item.first-task{margin-top:20px}.task-checkbox{border:2px solid var(--checkbox-border);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-right:10px;display:inline-block;position:relative}.task-checkbox.checked{background-color:var(--checkbox-checked);border-color:var(--checkbox-checked)}.task-checkbox.checked:after{content:"✓";color:var(--text-on-accent);font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-text{word-break:break-word;flex:1}.task-text.completed{color:var(--task-completed-text);opacity:.7;text-decoration:line-through}.task-actions{gap:5px;display:flex}.task-actions button{background-color:var(--accent-color);color:var(--text-color);opacity:.7;cursor:pointer;border:none;border-radius:3px;padding:5px 10px;font-size:1.2rem}.task-actions button:hover{background-color:var(--accent-hover-color);opacity:1}.subtask{margin-left:var(--subtask-indent)}.expand-collapse{cursor:pointer;margin-right:10px}.task-text-input{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:3px;flex-grow:1;margin:0 10px;padding:5px}.expand-collapse:focus-visible,.task-checkbox:focus-visible,.task-actions button:focus-visible,.add-subtask-button:focus,.delete-task:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}@media (width<=767px){.feature-flag-panel{right:var(--page-gutter);left:var(--page-gutter);min-width:0}body:has(.site-nav.is-open) .feature-flag-panel{z-index:999}.subtask{margin-left:calc(var(--subtask-indent) / 2)}}