:root{--roadmap-primary: #2563eb;--roadmap-primary-light: #eff6ff;--roadmap-success: #22c55e;--roadmap-success-light: #f0fdf4;--roadmap-warning: #f59e0b;--roadmap-error: #ef4444;--roadmap-gray-100: #f3f4f6;--roadmap-gray-200: #e5e7eb;--roadmap-gray-400: #9ca3af;--roadmap-gray-500: #6b7280;--roadmap-gray-600: #4b5563;--roadmap-text: #1f2937;--roadmap-bg: #ffffff;--roadmap-strip-height: 2.5rem}.roadmap{max-width:52rem;margin:0 auto;color:var(--roadmap-text)}.roadmap__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.roadmap__current-summary{margin:0 0 1.5rem;font-size:.95rem;color:var(--roadmap-gray-600)}.roadmap__phases{display:flex;flex-direction:column;gap:1rem}.roadmap-phase{padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--roadmap-gray-200);background:var(--roadmap-bg);transition:transform .2s,box-shadow .2s}.roadmap-phase--clickable{cursor:pointer}.roadmap-phase--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.roadmap-phase--current{border-color:var(--roadmap-primary);background:var(--roadmap-primary-light);box-shadow:0 0 0 2px #2563eb26}.roadmap-phase--done{border-color:#86efac;background:var(--roadmap-success-light)}.roadmap-phase__header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.roadmap-phase--collapsed .roadmap-phase__header{margin-bottom:0}.roadmap-phase--collapsed .roadmap-phase__tasks,.roadmap-phase--collapsed .roadmap-phase__next{display:none!important}.roadmap-phase__header .roadmap-phase__chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s ease;margin-left:auto;flex-shrink:0}.roadmap-phase:not(.roadmap-phase--collapsed) .roadmap-phase__header .roadmap-phase__chevron{transform:rotate(-135deg)}.roadmap-phase__number{font-size:.8rem;font-weight:600;color:var(--roadmap-gray-500)}.roadmap-phase__title{margin:0;font-size:1.1rem;font-weight:600;flex:1}.roadmap-phase__badge{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;font-weight:600}.roadmap-phase__badge--in_progress{background:var(--roadmap-primary);color:#fff}.roadmap-phase__badge--completed{background:var(--roadmap-success);color:#fff}.roadmap-phase__badge--not_started{background:var(--roadmap-gray-200);color:var(--roadmap-gray-500)}.roadmap-phase__progress{display:inline-flex;align-items:center;gap:.35rem}.roadmap-phase__progress-ring{width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--roadmap-success) 0deg calc(var(--progress, 0) * 3.6deg),var(--roadmap-gray-200) calc(var(--progress, 0) * 3.6deg) 360deg);position:relative;flex-shrink:0}.roadmap-phase__progress-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.roadmap-phase__progress-text{font-size:.75rem;font-weight:600;color:var(--roadmap-gray-500)}.roadmap-phase__tasks{margin:0;padding-left:0;list-style:none}.roadmap-phase__task{margin-bottom:.35rem;font-size:.9rem}.roadmap-phase__task-row{width:100%;padding:.25rem .9rem;border:none;background:transparent;text-align:left;cursor:default;display:flex;align-items:center;gap:.5rem;color:inherit;font:inherit}.roadmap-phase__task--expandable .roadmap-phase__task-row{cursor:pointer;border:1px solid transparent;border-radius:6px}.roadmap-phase__task--expandable .roadmap-phase__task-row:hover{background:#2563eb0f;border-color:var(--roadmap-primary)}.roadmap-phase__task-status{flex-shrink:0;width:1.25rem;color:var(--roadmap-gray-400);display:flex;align-items:center;justify-content:center}.roadmap-phase__task--done .roadmap-phase__task-status{color:var(--roadmap-success)}.roadmap-phase__task--in_progress .roadmap-phase__task-status{color:var(--roadmap-primary)}.roadmap-phase__task-title{flex:1;display:flex;align-items:center;gap:.5rem}.roadmap-phase__task-badges{display:flex;gap:.25rem}.roadmap-task-badge{font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:700;text-transform:uppercase}.roadmap-task-badge--new{background:#dcfce7;color:#166534}.roadmap-task-badge--hot{background:#fee2e2;color:#991b1b}.roadmap-phase__task-label{font-size:.75rem;color:var(--roadmap-gray-500)}.roadmap-phase__task-chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-left:auto}.roadmap-phase__task--expanded .roadmap-phase__task-chevron{transform:rotate(-135deg)}.roadmap-phase__task-details{margin:.5rem 0 0 1.75rem;padding:.75rem;background:#f8fafc;border-radius:6px;border-left:3px solid var(--roadmap-primary);font-size:.85rem}.roadmap-phase__task-details-title{margin:0 0 .35rem;font-weight:600}.roadmap-phase__task-meta{margin:0 0 .35rem;color:var(--roadmap-gray-500)}.roadmap-phase__task-steps{margin:0;padding:0;list-style:none}.roadmap-phase__task-step{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;color:var(--roadmap-gray-600)}.roadmap-phase__task-step--completed{color:var(--roadmap-gray-400);text-decoration:line-through}.roadmap-phase__task-step-check{color:var(--roadmap-gray-400);font-weight:700;flex-shrink:0}.roadmap-phase__task-step--completed .roadmap-phase__task-step-check{color:var(--roadmap-success)}.roadmap-phase__task-details-list{margin:0;padding-left:0;list-style:none}.roadmap-phase__task-details-list li{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.35rem}.roadmap-phase__task-details-check{color:var(--roadmap-success);font-weight:700}.roadmap-phase__next{margin:.75rem 0 0;padding-top:.75rem;border-top:1px dashed var(--roadmap-gray-200);font-size:.9rem;color:#555}.roadmap-phase__changelog-toggle{margin-bottom:1rem;padding:0 .9rem}.roadmap-changelog-btn{background:#2563eb1a;color:var(--roadmap-primary);border:1px solid var(--roadmap-primary);padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.roadmap-changelog-btn:hover{background:var(--roadmap-primary);color:#fff}.roadmap-phase__changelog-content{margin-top:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid var(--roadmap-gray-200);font-size:.85rem;line-height:1.5;color:var(--roadmap-gray-600)}.roadmap-markdown h3{margin:0 0 .5rem;font-size:1rem;color:var(--roadmap-text)}.roadmap-markdown h4{margin:.75rem 0 .25rem;font-size:.9rem;color:var(--roadmap-gray-600)}.roadmap-markdown p{margin:0 0 .5rem}.roadmap-markdown li{margin-left:1.25rem;list-style-type:disc;margin-bottom:.25rem}.roadmap-strip{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;box-shadow:0 2px 8px #00000026;border-radius:0 0 8px 8px;display:flex;align-items:stretch;pointer-events:auto;min-height:var(--roadmap-strip-height);transition:background .3s}.roadmap-strip--loading{background:linear-gradient(135deg,#374151,#4b5563)}.roadmap-strip--error{background:linear-gradient(135deg,#991b1b,#ef4444)}.with-roadmap-strip{padding-top:calc(var(--roadmap-strip-height) + 8px)!important}.roadmap-strip__trigger{display:flex;align-items:center;justify-content:center;gap:.5rem 1rem;flex:1;padding:.4rem 1rem;border:none!important;background:transparent!important;color:inherit!important;font:inherit;font-size:.85rem;cursor:pointer;min-width:0;box-shadow:none!important;border-radius:0!important}.roadmap-strip__trigger:disabled{cursor:wait}.roadmap-strip__dev-tools{padding:0 .75rem;border-left:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.75rem;background:#0000001a;border-radius:0 0 8px}.roadmap-strip__label{font-weight:600}.roadmap-strip__current{flex:1;min-width:0;opacity:.95;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.roadmap-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;visibility:hidden;transition:visibility .3s ease}.roadmap-overlay--open{pointer-events:auto;visibility:visible}.roadmap-overlay__backdrop{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .3s ease}.roadmap-overlay--open .roadmap-overlay__backdrop{opacity:1}.roadmap-overlay__panel{position:absolute;top:var(--roadmap-strip-height);left:0;right:0;width:100%;max-height:0;overflow:hidden;background:#fff;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;transition:max-height .35s cubic-bezier(.4,0,.2,1);visibility:hidden}.roadmap-overlay--open .roadmap-overlay__panel{max-height:calc(100vh - var(--roadmap-strip-height));visibility:visible}.roadmap-overlay__header{padding:1rem 1.25rem;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.roadmap-overlay__title{margin:0;font-size:1.35rem;font-weight:700}.roadmap-overlay__module-info{margin:0;font-size:.8rem;opacity:.92;max-width:52rem}.roadmap-overlay__body{flex:1;padding:1rem 1.25rem 2rem;overflow:auto}.roadmap-skeleton{display:flex;flex-direction:column;gap:1rem;max-width:52rem;margin:0 auto}.roadmap-skeleton__header{height:2rem;width:60%;background:var(--roadmap-gray-200);border-radius:4px;animation:roadmap-pulse 1.5s infinite}.roadmap-skeleton__phase{height:8rem;background:var(--roadmap-gray-100);border-radius:12px;animation:roadmap-pulse 1.5s infinite}@keyframes roadmap-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.roadmap-error{text-align:center;padding:3rem 1rem;color:var(--roadmap-error)}.roadmap-error__message{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.roadmap-error__details{font-size:.9rem;color:var(--roadmap-gray-500)}