.roadmap{--roadmap-panel:#2b2c36;--roadmap-panel-raised:#323440;--roadmap-line:#424552;--roadmap-highlight:#9bb5ff;--roadmap-mint:#77ddb2;background:radial-gradient(circle at 8% 18%,#739aff1f,#0000 25rem),radial-gradient(circle at 92% 28%,#77ddb212,#0000 24rem),#24252e;min-height:calc(100dvh - 4.25rem)}.roadmap-container{width:min(100% - 2rem,76rem);margin-inline:auto}.roadmap-hero{border-block-end:1px solid var(--roadmap-line);background:linear-gradient(#ffffff08 1px,#0000 1px) 0 0/3rem 3rem,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/3rem 3rem,linear-gradient(135deg,#33436d 0%,#292f46 55%,#253a3a 125%);position:relative;overflow:hidden}.roadmap-hero__glow{filter:blur(5rem);pointer-events:none;background:#86a3ff33;border-radius:50%;width:30rem;height:30rem;position:absolute;inset:auto 8% -12rem auto}.roadmap-hero__content{text-align:center;justify-items:center;padding-block:clamp(4rem,9vw,7.5rem) 0;display:grid;position:relative}.roadmap-eyebrow{color:#b9c9fa;letter-spacing:.14em;margin:0 0 .85rem;font-size:.75rem;font-weight:700}.roadmap-hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:55rem;margin:0;font-size:clamp(2.25rem,6vw,4.75rem);line-height:1.02}.roadmap-hero__description{color:#c3c8d6;text-wrap:balance;max-width:43rem;margin:1.25rem 0 1.75rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.roadmap-button{min-height:2.75rem;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;padding:.7rem 1rem;font-size:.85rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.roadmap-button:hover{transform:translateY(-1px)}.roadmap-button:focus-visible,.roadmap-statuses button:focus-visible,.roadmap-categories button:focus-visible,.roadmap-vote:focus-visible,.roadmap-dialog__close:focus-visible,.roadmap input:focus-visible,.roadmap select:focus-visible,.roadmap textarea:focus-visible{outline-offset:3px;outline:3px solid #d4defb}.roadmap-button--primary{color:#141927;background:#a9bcf2}.roadmap-button--secondary,.roadmap-button--ghost{border-color:var(--roadmap-line);color:#eff2fa;background:var(--roadmap-panel-raised)}.roadmap-stats{border:1px solid #ffffff1f;backdrop-filter:blur(1rem);background:#1b1d28b3;border-block-end:0;border-radius:.9rem .9rem 0 0;grid-template-columns:repeat(4,1fr);width:min(100%,48rem);margin:clamp(3.5rem,8vw,6rem) 0 0;display:grid}.roadmap-stats div{text-align:start;gap:.45rem;padding:1.25rem;display:grid}.roadmap-stats div+div{border-inline-start:1px solid #ffffff1a}.roadmap-stats dt{color:#aeb5c6;font-size:.73rem}.roadmap-stats dd{letter-spacing:-.04em;grid-row:1;margin:0;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:700}.roadmap-content{padding-block:2rem 5rem}.roadmap-toolbar{grid-template-columns:minmax(12rem,1fr) auto auto;gap:.65rem;margin-block-end:1rem;display:grid}.roadmap-search,.roadmap-sort{position:relative}.roadmap-sort:after{content:"";pointer-events:none;border-block-end:1.5px solid #b8bfd0;border-inline-end:1.5px solid #b8bfd0;width:.45rem;height:.45rem;position:absolute;inset-block-start:50%;inset-inline-end:.95rem;transform:translateY(-70%)rotate(45deg)}.roadmap-search svg{fill:none;stroke:#9299aa;stroke-width:1.8px;pointer-events:none;width:1.1rem;height:1.1rem;position:absolute;inset:50% auto auto .9rem;transform:translateY(-50%)}.roadmap-search input,.roadmap-sort select{border:1px solid var(--roadmap-line);color:#f4f6fb;background:var(--roadmap-panel);width:100%;min-height:2.75rem;font:inherit;border-radius:.7rem;padding:.7rem .9rem;font-size:.85rem}.roadmap-search input{padding-inline-start:2.75rem}.roadmap-sort select{appearance:none;padding-inline-end:2.75rem}.roadmap-statuses{scrollbar-width:thin;gap:.35rem;margin-block-end:1.5rem;padding-block-end:.3rem;display:flex;overflow-x:auto}.roadmap-statuses button,.roadmap-categories button{color:#aeb4c3;min-height:2.5rem;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;padding:.55rem .8rem;font-size:.78rem}.roadmap-statuses button:hover,.roadmap-statuses button.is-active,.roadmap-categories button:hover,.roadmap-categories button.is-active{border-color:var(--roadmap-line);color:#f5f7fb;background:var(--roadmap-panel)}.roadmap-layout{grid-template-columns:13rem minmax(0,1fr);gap:1.5rem;display:grid}.roadmap-categories{border:1px solid var(--roadmap-line);background:#2b2c36b8;border-radius:.85rem;align-self:start;padding:.65rem;position:sticky;inset-block-start:5.5rem}.roadmap-categories h2{color:#858c9e;letter-spacing:.09em;text-transform:uppercase;margin:0;padding:.7rem .75rem .55rem;font-size:.67rem}.roadmap-categories div{gap:.2rem;display:grid}.roadmap-categories button{text-align:start;justify-content:space-between;display:flex}.roadmap-categories button span{color:#777e90}.roadmap-results__meta{min-height:2rem}.roadmap-results__meta p{color:#9097a8;margin:0 0 .75rem;font-size:.78rem}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.roadmap-card{border:1px solid var(--roadmap-line);background:linear-gradient(145deg,#333440eb,#2b2c36eb);border-radius:.9rem;grid-template-rows:auto auto 1fr auto;gap:.85rem;min-height:15.5rem;padding:1.15rem;display:grid;box-shadow:0 1rem 2.5rem #00000017}.roadmap-card:hover{border-color:#5d6477}.roadmap-card__meta{color:#9299aa;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;display:flex}.roadmap-card__meta strong{color:#c4d0f3;margin-inline-start:auto;font-size:.6rem}.roadmap-card h2{letter-spacing:-.02em;margin:0;font-size:1.05rem;line-height:1.32}.roadmap-card__description{color:#b4bac9;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.83rem;line-height:1.55;display:-webkit-box;overflow:hidden}.roadmap-card__footer{border-block-start:1px solid var(--roadmap-line);justify-content:space-between;align-items:center;gap:.75rem;padding-block-start:.85rem;display:flex}.roadmap-card__votes{color:#959cac;font-size:.75rem}.roadmap-vote{color:#e8edfb;min-height:2.65rem;font:inherit;cursor:pointer;background:#3a4051;border:1px solid #59637d;border-radius:.65rem;padding:.6rem .85rem;font-size:.76rem;font-weight:700}.roadmap-vote[aria-pressed=true]{color:#151a28;background:#a9bcf2;border-color:#9eb2eb}.roadmap-card--skeleton{background:linear-gradient(100deg,#2b2c36 25%,#353743 45%,#2b2c36 65%) 0 0/250% 100%;border-color:#0000;animation:1.4s infinite roadmap-shimmer}.roadmap-message{color:#b5bbca;text-align:center;margin:0;line-height:1.6}.roadmap-message:not(:empty){border:1px dashed var(--roadmap-line);border-radius:.85rem;place-items:center;min-height:16rem;padding:2rem;display:grid}.roadmap[data-roadmap-state=error] .roadmap-layout{grid-template-columns:1fr}.roadmap[data-roadmap-state=error] .roadmap-categories{display:none}.roadmap-dialog{border:1px solid var(--roadmap-line);color:#f5f6fa;background:#292a33;border-radius:1rem;width:min(39rem,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 2rem 7rem #00000080}.roadmap-dialog::backdrop{backdrop-filter:blur(.25rem);background:#0f1015bf}.roadmap-dialog form{gap:1rem;padding:1.25rem;display:grid}.roadmap-dialog__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.roadmap-dialog__header h2{margin:0;font-size:1.5rem}.roadmap-dialog__header>div>p:last-child{color:#aeb4c3;margin:.65rem 0 0;font-size:.82rem;line-height:1.5}.roadmap-dialog__close{border:1px solid var(--roadmap-line);color:#d9deea;cursor:pointer;background:0 0;border-radius:.65rem;flex:none;width:2.75rem;height:2.75rem;font-size:1.25rem}.roadmap-dialog label{color:#d8dce6;gap:.45rem;font-size:.78rem;font-weight:700;display:grid}.roadmap-dialog input,.roadmap-dialog select,.roadmap-dialog textarea{border:1px solid var(--roadmap-line);color:#f5f6fa;width:100%;font:inherit;background:#22232b;border-radius:.65rem;padding:.75rem;font-size:.85rem}.roadmap-dialog textarea{resize:vertical;line-height:1.5}.roadmap-dialog__row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.roadmap-dialog__actions{justify-content:flex-end;gap:.65rem;display:flex}.roadmap-form-message{color:#e6c17a;min-height:1.25rem;margin:0;font-size:.78rem}.roadmap-honeypot,.roadmap-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes roadmap-shimmer{to{background-position:-250% 0}}@media (width<=56rem){.roadmap-layout{grid-template-columns:1fr}.roadmap-categories{position:static}.roadmap-categories div{display:flex;overflow-x:auto}}@media (width<=42rem){.roadmap-hero__content{padding-block-start:3.5rem}.roadmap-stats{grid-template-columns:repeat(2,1fr)}.roadmap-stats div:nth-child(3){border-inline-start:0}.roadmap-stats div:nth-child(n+3){border-block-start:1px solid #ffffff1a}.roadmap-toolbar,.roadmap-grid,.roadmap-dialog__row{grid-template-columns:1fr}.roadmap-toolbar .roadmap-button{width:100%}.roadmap-dialog__actions{grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){.roadmap-button,.roadmap-card--skeleton{transition:none;animation:none}}
