.roadmap-main{padding-top:60px;min-height:100vh;background:#fff}.roadmap-controls{padding:8px 24px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:60px;z-index:50;display:flex;justify-content:space-between;align-items:center}.density-filter{display:flex;align-items:center;gap:4px}.density-label{font-size:.65rem;color:#999;margin-right:6px;text-transform:uppercase;letter-spacing:.04em}.density-btn{padding:3px 8px;font-size:.65rem;font-weight:500;color:#888;background:transparent;border:none;cursor:pointer}.density-btn:hover{color:#333}.density-btn.active{color:#000;font-weight:600}.status-legend{display:flex;gap:12px}.legend-item{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.03em}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:3px}.status-dot.status-completed{background:#20b254}.status-dot.status-in-progress{background:#4998d3}.status-dot.status-funded{background:#f6a91b}.status-dot.status-pending{background:#999}.roadmap-kanban{display:flex;min-height:calc(100vh - 110px);overflow:hidden;width:100%}.kanban-container{display:flex;flex:1;overflow:hidden;min-width:0}.branch-viz{width:clamp(80px,10vw,140px);min-width:80px;background:#fafafa;border-right:1px solid #eee;position:relative;overflow:visible;z-index:1}.branch-svg{overflow:visible}.branch-legend{padding:8px 12px;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:4px}.branch-legend-item{display:flex;align-items:center;gap:6px;font-size:.55rem;text-transform:uppercase;letter-spacing:.03em;color:#666}.branch-legend-line{width:16px;height:3px;border-radius:1px}.branch-svg{width:100%;height:calc(100% - 50px)}.branch-pipe{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.branch-pipe-thunk{stroke:#ec1557}.branch-pipe-ts{stroke:#4998d3}.milestone-node{cursor:pointer}.milestone-node circle{stroke-width:2;transition:r .15s ease}.milestone-node:hover circle{r:7}.milestone-node.release circle{fill:#fff}.milestone-node.major circle{fill:currentColor}.milestone-node.feature circle{fill:#fff;stroke-dasharray:3 2}.milestone-label{font-size:8px;font-weight:600;fill:#333}.milestone-title{font-size:7px;fill:#888}.branch-merge{fill:none;stroke-width:2;stroke-dasharray:4 3;opacity:.6}.kanban-timeline{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;max-width:100%}.timeline-row{display:flex;border-bottom:1px solid #eee;position:relative;min-height:100px;padding:30px 0;overflow:hidden;max-width:100%}.timeline-date{width:50px;min-width:50px;flex-shrink:0;padding:8px 8px 8px 12px;display:flex;flex-direction:column;justify-content:flex-start;background:transparent}.date-month{font-size:.7rem;font-weight:600;color:#333;text-transform:uppercase}.date-year{font-size:.6rem;color:#aaa}.timeline-threads{flex:1;display:block;position:relative;padding:0;overflow-x:scroll;overflow-y:visible;min-width:0;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.timeline-threads::-webkit-scrollbar{display:none}.thread-lines{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:3vh;pointer-events:none}.thread-line{display:none}.thread-cards{position:relative;display:inline-flex;gap:12px;z-index:15;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;padding:30px 8px 30px 60px;min-width:max-content}.ticket{width:70px;min-width:70px;height:50px;min-height:50px;padding:4px 6px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;position:relative;z-index:10;display:flex;flex-direction:column;flex-shrink:0;transition:transform .05s ease-out,border-radius .05s ease-out,opacity .05s ease-out;will-change:transform,border-radius,opacity}.ticket:hover{box-shadow:0 4px 12px #0000001f;z-index:20}.ticket[data-feeds=ts]{margin-top:-20px;margin-bottom:20px;border-top:2px solid #4998D3}.ticket[data-feeds=thunk]{margin-top:20px;margin-bottom:-20px;border-bottom:2px solid #EC1557}.ticket[data-feeds=both]{border-top:2px solid #4998D3;border-bottom:2px solid #EC1557}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.ticket-id{font-size:.5rem;font-family:monospace;color:#bbb}.ticket-status-dot{width:5px;height:5px;border-radius:50%}.ticket-status-dot.status-completed{background:#20b254}.ticket-status-dot.status-in-progress{background:#4998d3}.ticket-status-dot.status-funded{background:#f6a91b}.ticket-status-dot.status-pending{background:#999}.ticket-title{font-size:.6rem;font-weight:600;line-height:1.2;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-category{font-size:.45rem;color:#999;margin-top:auto;text-transform:uppercase}.ticket-deadline{font-size:.45rem;color:#f6a91b;font-weight:600;margin-top:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:8px;width:min(90vw,480px);max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:translateY(20px);transition:transform .2s ease}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start}.modal-title-group{flex:1}.modal-id{font-size:.7rem;font-family:monospace;color:#999;margin-bottom:4px}.modal-title{font-size:1.1rem;font-weight:600;margin:0;color:#222}.modal-close{width:44px;height:44px;min-width:44px;border:none;background:#f5f5f5;border-radius:8px;cursor:pointer;font-size:1.25rem;color:#666;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#eee}.modal-body{padding:20px}.modal-description{font-size:.85rem;line-height:1.6;color:#555;margin:0 0 16px}.modal-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.modal-meta-item{display:flex;flex-direction:column;gap:2px}.modal-meta-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:#999}.modal-meta-value{font-size:.8rem;font-weight:500;color:#333}.modal-section{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.modal-section-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:#888;margin:0 0 10px}.modal-deps{display:flex;flex-wrap:wrap;gap:6px}.modal-dep-tag{font-size:.7rem;padding:4px 8px;background:#f5f5f5;border-radius:4px;color:#555;font-family:monospace}.modal-dep-tag.ts{border-left:3px solid #4998D3}.modal-dep-tag.thunk{border-left:3px solid #EC1557}.modal-funding{background:#f9f9f9;border-radius:6px;padding:12px}.modal-funding-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-funding-label{font-size:.7rem;color:#666}.modal-funding-value{font-size:.85rem;font-weight:600;color:#333}.modal-funding-bar{height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden}.modal-funding-progress{height:100%;background:linear-gradient(90deg,#f6a91b,#20b254)}.kanban-pool{width:clamp(180px,15vw,240px);min-width:180px;background:#f8f8f8;border-left:1px solid #eee;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 110px)}.pool-header{padding:10px 12px;border-bottom:1px solid #eee}.pool-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#888;margin:0}.pool-stats{font-size:.55rem;color:#aaa;margin-top:2px}.pool-stat-value{color:#666}.pool-filter{padding:6px 12px;border-bottom:1px solid #eee;display:flex;gap:2px}.pool-filter-btn{padding:2px 6px;font-size:.55rem;color:#999;background:transparent;border:none;cursor:pointer}.pool-filter-btn:hover{color:#666}.pool-filter-btn.active{color:#333;font-weight:600}.pool-tickets{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;align-content:start;scroll-behavior:smooth}.pool-loading{grid-column:1 / -1;text-align:center;padding:12px;font-size:.55rem;color:#999}.pool-loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid #eee;border-top-color:#999;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pool-ticket{padding:6px;background:#fff;border:1px solid #e8e8e8;border-radius:3px;cursor:pointer}.pool-ticket:hover{border-color:#ddd}.pool-ticket-id{font-size:.5rem;font-family:monospace;color:#ccc}.pool-ticket-title{font-size:.6rem;font-weight:500;line-height:1.2;color:#444;margin:2px 0}.pool-ticket-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.pool-ticket-category{font-size:.45rem;color:#aaa;text-transform:uppercase}.pool-ticket-amount{font-size:.55rem;color:#888}.pool-ticket-progress{height:2px;background:#eee;margin-top:4px;border-radius:1px;overflow:hidden}.pool-ticket-progress-bar{height:100%;background:#ccc}.mobile-only{display:none}.desktop-only{display:flex}.mobile-branch-toggle{display:none;position:sticky;top:60px;z-index:50;background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 16px;gap:8px}.branch-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:.8rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.branch-toggle-btn.active{border-color:currentColor;background:#f8f8f8}.branch-toggle-btn[data-branch=thunk].active{color:#ec1557;border-color:#ec1557}.branch-toggle-btn[data-branch=ts].active{color:#4998d3;border-color:#4998d3}.branch-toggle-line{width:16px;height:3px;border-radius:2px}.mobile-cards-list{display:none;flex-direction:column;padding:16px;gap:12px;min-height:calc(100vh - 140px);overflow-y:auto;perspective:1000px}.mobile-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px 16px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.mobile-card:hover{box-shadow:0 4px 16px #0000001a}.mobile-card[data-feeds=thunk]{border-left:3px solid #EC1557}.mobile-card[data-feeds=ts]{border-left:3px solid #4998D3}.mobile-card[data-feeds=both]{border-left:3px solid #EC1557;border-right:3px solid #4998D3}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.mobile-card-id{font-size:.65rem;font-family:monospace;color:#aaa}.mobile-card-date{font-size:.6rem;color:#888}.mobile-card-title{font-size:.9rem;font-weight:600;color:#333;margin-bottom:4px}.mobile-card-meta{display:flex;justify-content:space-between;align-items:center}.mobile-card-category{font-size:.6rem;color:#888;text-transform:uppercase;letter-spacing:.03em}.mobile-card-status{display:flex;align-items:center;gap:4px;font-size:.6rem;color:#888}.mobile-card-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#ccc}.mobile-card[data-status=completed] .mobile-card-status:before{background:#4caf50}.mobile-card[data-status=in-progress] .mobile-card-status:before{background:#2196f3}.mobile-card[data-status=funded] .mobile-card-status:before{background:#ff9800}.mobile-card[data-status=pending] .mobile-card-status:before{background:#9e9e9e}.mobile-card.scroll-top{transform:rotateX(15deg) translateY(-5px);opacity:.7}.mobile-card.scroll-bottom{transform:rotateX(-15deg) translateY(5px);opacity:.7}.mobile-roadmap{display:none;flex-direction:row;height:calc(100vh - 120px);overflow:hidden}.mobile-branch-viz{width:50px;min-width:50px;background:#fff;position:relative;border-right:1px solid #eee}.mobile-branch-canvas{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 640px){.mobile-only{display:flex}.desktop-only{display:none!important}.roadmap-main{padding-top:60px}.mobile-branch-toggle,.mobile-roadmap{display:flex}.mobile-cards-list{display:flex;flex:1}.modal{width:95vw;max-height:90vh;border-radius:12px}.modal-header{padding:12px 16px}.modal-body{padding:16px}.modal-meta{grid-template-columns:1fr;gap:8px}.modal-title{font-size:1rem}.modal-description{font-size:.8rem}}