:root{font-family:Georgia,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#faf9f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#faf9f7;color:#1a1a1a;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:2rem}header{margin-bottom:.75rem;text-align:center}.subtitle{color:#666;font-size:1rem;font-style:italic;margin:0}.controls{margin-bottom:2rem}.filters{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.25rem}.filters::-webkit-scrollbar{display:none}.filters button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;color:#666;border-radius:20px;cursor:pointer;transition:all .2s;font-family:inherit;flex-shrink:0;white-space:nowrap}.filters button:hover{border-color:#e21836;color:#e21836}.filters button:focus-visible{outline:2px solid #e21836;outline-offset:2px}.filters button.active{background:#e21836;border-color:#e21836;color:#fff}.add-btn{padding:.75rem 1.5rem;background:#e21836;border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-family:inherit;transition:background .2s}.add-btn:hover{background:#c41530}.add-btn:focus-visible{outline:2px solid #e21836;outline-offset:2px}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.main-content{grid-template-columns:1fr}.filters button{padding:.75rem 1.25rem;font-size:1rem}.section-header button{padding:.5rem 1rem;min-height:44px}}.project-list{display:flex;flex-direction:column;gap:1rem}.empty-state{background:#fff;border:2px dashed #ddd;border-radius:12px;padding:3rem 2rem;text-align:center}.empty-state h3{margin:1rem 0 .5rem;color:#1a1a1a}.empty-state p{color:#666;margin-bottom:1.5rem}.empty-state button{background:#e21836;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:500}.empty-state button:hover{background:#c41530}.project-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000a}.project-card:hover{border-color:#e21836;box-shadow:0 4px 12px #e218361a;transform:translateY(-2px)}.project-card:focus-visible{outline:2px solid #e21836;outline-offset:2px}.project-card.selected{border-color:#e21836;background:#fef7f8}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.project-header h3{font-size:1.1rem;font-weight:600;color:#1a1a1a}.stage-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:500;white-space:nowrap}.stage-badge.ideation{background:#fef3e6;color:#c45c00}.stage-badge.in-progress{background:#fde8eb;color:#c41530}.stage-badge.review{background:#f5e6f0;color:#8b2a6b}.stage-badge.complete{background:#e8f5e9;color:#2e7d32}.project-desc{color:#555;font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.link-count{color:#888;font-size:.85rem}.project-detail{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;box-shadow:0 1px 3px #0000000a}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.detail-header h2{font-size:1.5rem;color:#1a1a1a}.detail-actions{display:flex;gap:.5rem}.close-btn{display:none;background:transparent;border:1px solid #ddd;color:#666;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1rem}.close-btn:hover{border-color:#e21836;color:#e21836}@media(max-width:768px){.close-btn{display:flex;align-items:center;justify-content:center}}.delete-btn{background:transparent;border:1px solid transparent;font-size:1.25rem;cursor:pointer;opacity:.6;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.delete-btn:hover{opacity:1;background:#e218361a;border-color:#e21836}.delete-btn:focus-visible{outline:2px solid #e21836;outline-offset:2px}.stage-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.stage-selector label{color:#666}.stage-selector select{padding:.5rem 1rem;background:#faf9f7;border:1px solid #ddd;color:#1a1a1a;border-radius:6px;cursor:pointer;font-family:inherit}.stage-selector select:focus{outline:none;border-color:#e21836}.detail-section{margin-bottom:1.5rem}.detail-section h4{color:#888;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-weight:600}.detail-section p{line-height:1.6;color:#333}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header button{background:transparent;border:1px solid #ddd;color:#666;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-family:inherit}.section-header button:hover{border-color:#e21836;color:#e21836}.section-header button:focus-visible{outline:2px solid #e21836;outline-offset:2px}.save-status{font-size:.75rem;color:#2e7d32;font-weight:500}.empty{color:#888;font-style:italic}.inline-btn{background:none;border:none;color:#e21836;cursor:pointer;font-family:inherit;font-size:inherit;font-style:italic;text-decoration:underline}.inline-btn:hover{color:#c41530}.links-list{list-style:none}.links-list li{margin-bottom:.5rem}.links-list a{color:#e21836;text-decoration:none}.links-list a:hover{text-decoration:underline}textarea{width:100%;min-height:100px;padding:.75rem;background:#faf9f7;border:1px solid #ddd;color:#1a1a1a;border-radius:8px;resize:vertical;font-family:inherit;line-height:1.5}textarea:focus{outline:none;border-color:#e21836}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 20px 40px #00000026}.modal h3{margin-bottom:1.5rem;color:#1a1a1a}.modal input,.modal textarea,.modal select{width:100%;padding:.75rem;background:#faf9f7;border:1px solid #ddd;color:#1a1a1a;border-radius:8px;margin-bottom:1rem;font-family:inherit}.modal input:focus,.modal textarea:focus,.modal select:focus{outline:none;border-color:#e21836}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.form-actions button{padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:500;font-family:inherit}.form-actions button:first-child{background:transparent;border:1px solid #ddd;color:#666}.form-actions button:first-child:hover{border-color:#999;color:#333}.form-actions button.primary{background:#e21836;border:none;color:#fff}.form-actions button.primary:hover{background:#c41530}.form-actions button:focus-visible{outline:2px solid #e21836;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}