.platform-development-progress{--progress-complete:#10b981;--progress-prototype:#22d3ee;--progress-planned:#f59e0b;--progress-unknown:#121a27;display:grid;gap:10px;border:1px solid rgba(54,118,157,.7);border-radius:12px;background:linear-gradient(145deg,rgba(12,31,48,.98),rgba(5,16,28,.98));color:var(--text-primary);box-shadow:0 14px 32px rgba(0,0,0,.28);transition:width .28s ease,right .28s ease,border-color .2s ease,box-shadow .2s ease}
.platform-development-progress>header{padding:11px 13px;border-bottom:1px solid rgba(74,112,145,.42)}.platform-development-progress>header button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.platform-development-progress>header button>span{display:flex;align-items:center;gap:8px;min-width:0}.platform-development-progress>header button>span>.svg-icon{width:18px;color:var(--accent-primary)}.platform-development-progress>header button>b{color:var(--progress-complete);font-size:14px}.platform-progress-toggle-icon{display:grid;place-items:center}.platform-progress-toggle-icon .svg-icon{width:16px;color:var(--accent-primary)}
.platform-development-progress-content{display:grid;gap:10px;max-height:720px;padding:0 13px 13px;overflow:hidden;opacity:1;transform:translateX(0);transition:max-height .28s ease,opacity .18s ease,transform .28s ease,padding .28s ease}.platform-progress-headline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.platform-progress-headline>div{display:grid;gap:2px;padding:8px;border:1px solid rgba(74,112,145,.42);border-radius:7px;background:rgba(19,38,56,.72)}.platform-progress-headline small{color:var(--text-muted);font-size:7px}.platform-progress-headline strong{font-size:13px}.platform-progress-track{display:flex;height:10px;overflow:hidden;border:1px solid rgba(74,112,145,.5);border-radius:999px;background:var(--progress-unknown)}.platform-progress-track>i{display:block;height:100%;min-width:0}.platform-progress-track .is-complete{background:var(--progress-complete)}.platform-progress-track .is-prototype{background:var(--progress-prototype)}.platform-progress-track .is-planned{background:var(--progress-planned)}.platform-progress-track .is-undiscovered{flex:1;background:repeating-linear-gradient(135deg,#111927,#111927 6px,#172235 6px,#172235 12px)}
.platform-progress-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.platform-progress-legend span{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--text-muted);font-size:7px}.platform-progress-legend span:before{width:7px;height:7px;border-radius:2px;background:currentColor;content:""}.platform-progress-legend .is-complete{color:var(--progress-complete)}.platform-progress-legend .is-prototype{color:var(--progress-prototype)}.platform-progress-legend .is-planned{color:var(--progress-planned)}.platform-progress-legend .is-undiscovered{color:#718096}.platform-progress-legend b{margin-left:auto;color:var(--text-primary)}
.platform-progress-modules{display:grid;gap:6px}.platform-progress-modules article{display:grid;grid-template-columns:minmax(0,1fr) 72px 34px;align-items:center;gap:8px;min-width:0;overflow:hidden;box-sizing:border-box}.platform-progress-modules span{display:grid;min-width:0;overflow:hidden}.platform-progress-modules strong,.platform-progress-modules small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.platform-progress-modules strong{font-size:8px}.platform-progress-modules small{color:var(--text-muted);font-size:7px}.platform-progress-modules article>i{height:5px;overflow:hidden;border-radius:999px;background:var(--bg-subtle)}.platform-progress-modules article>i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--progress-complete),var(--progress-prototype))}.platform-progress-modules em{color:var(--text-secondary);font-size:8px;font-style:normal;text-align:right;font-variant-numeric:tabular-nums}.platform-development-progress-content>p{margin:0;color:var(--text-muted);font-size:7px;line-height:1.45}
.platform-development-progress.compact{position:fixed;z-index:119;right:18px;bottom:126px;width:310px;max-height:calc(100dvh - 220px);pointer-events:none}.platform-development-progress.compact>header button{pointer-events:auto}.platform-development-progress.compact .platform-development-progress-content{max-height:calc(100dvh - 280px);overflow:auto;overscroll-behavior:contain;pointer-events:auto}.platform-development-progress.is-collapsed .platform-development-progress-content{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0;transform:translateX(12px);pointer-events:none}.platform-development-progress.compact.is-collapsed{right:0;width:48px;min-height:210px;border-radius:10px 0 0 10px;border-color:color-mix(in srgb,var(--progress-prototype) 48%,rgba(54,118,157,.7))}.platform-development-progress.compact.is-collapsed>header{height:100%;padding:8px 6px;border:0}.platform-development-progress.compact.is-collapsed>header button{display:flex;min-height:192px;align-items:center;justify-content:flex-start;flex-direction:column;gap:99px;padding:2px 0}.platform-development-progress.compact.is-collapsed>header button>span{display:contents}.platform-development-progress.compact.is-collapsed>header button>span>.svg-icon{display:block;flex:0 0 28px;width:18px;height:28px;padding:5px;border-radius:7px;background:color-mix(in srgb,var(--progress-prototype) 14%,transparent);color:var(--progress-prototype)}.platform-development-progress.compact.is-collapsed header strong{display:block;flex:1;color:var(--text-secondary);font-size:9px;letter-spacing:.04em;line-height:1;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.platform-development-progress.compact.is-collapsed header>b{display:block;padding:5px 3px;border-radius:5px;background:color-mix(in srgb,var(--progress-complete) 14%,transparent);font-size:9px;writing-mode:vertical-rl;transform:rotate(180deg)}.platform-development-progress.compact.is-collapsed .platform-progress-toggle-icon{order:-1;flex:0 0 28px;width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--progress-prototype) 14%,transparent)}
.platform-development-progress.factory{margin-bottom:2px}.platform-development-progress.factory.is-collapsed{width:100%;gap:0;border-color:color-mix(in srgb,var(--progress-prototype) 48%,rgba(54,118,157,.7));box-shadow:none}.platform-development-progress.factory.is-collapsed>header{padding:10px 13px;border-bottom:0}.platform-development-progress.factory .platform-development-progress-content{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:14px}.platform-development-progress.factory .platform-progress-headline,.platform-development-progress.factory .platform-progress-track,.platform-development-progress.factory .platform-progress-legend{grid-column:1}.platform-development-progress.factory .platform-progress-modules{grid-column:2;grid-row:1/6;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:8px;overflow:hidden}.platform-development-progress.factory .platform-development-progress-content>p{grid-column:1/-1}
@media(max-width:900px){.platform-development-progress.factory .platform-development-progress-content{grid-template-columns:1fr}.platform-development-progress.factory .platform-progress-modules{grid-column:1;grid-row:auto;grid-template-columns:1fr}.platform-development-progress.compact{right:10px;width:min(310px,calc(100vw - 20px))}.platform-development-progress.compact.is-collapsed{right:0;width:48px}}
@keyframes platform-progress-title-collapse{from{opacity:.2;transform:translateX(10px) rotate(180deg)}to{opacity:1;transform:translateX(0) rotate(180deg)}}
.platform-development-progress.compact .platform-development-progress-content{pointer-events:none}
.platform-development-progress.compact{z-index:80}
.platform-development-progress.compact:not(.is-collapsed){top:calc(var(--topbar-height,56px) + 12px);bottom:272px;max-height:none;overflow:hidden}
.platform-development-progress.compact:not(.is-collapsed) .platform-development-progress-content{max-height:none;min-height:0;overflow:auto}
.platform-development-progress.compact[data-platform-progress-state="collapsed"] header strong{animation:platform-progress-title-collapse .28s ease both}
.platform-development-progress.compact.is-collapsed{bottom:230px}
@media(max-width:700px){.platform-development-progress.compact.is-collapsed{bottom:212px}}
@media(prefers-reduced-motion:reduce){.platform-development-progress,.platform-development-progress *{transition:none!important;animation:none!important}}
.platform-progress-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.platform-progress-facts>div{display:grid;gap:2px;min-width:0;padding:6px 7px;border:1px solid rgba(74,112,145,.3);border-radius:6px;background:rgba(13,34,51,.58)}.platform-progress-facts small{overflow:hidden;color:var(--text-muted);font-size:6px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.platform-progress-facts strong{color:var(--text-primary);font-size:10px;font-variant-numeric:tabular-nums}.platform-development-progress.factory .platform-progress-facts{grid-column:1}.platform-development-progress.factory .platform-progress-modules{grid-row:1/6}
.platform-development-progress.compact.is-collapsed header>b{box-sizing:border-box;display:grid;place-items:center;width:34px;min-width:34px;max-width:34px;min-height:22px;padding:4px 2px;overflow:hidden;border-radius:5px;font-size:8px;line-height:1;letter-spacing:-.02em;text-align:center;white-space:nowrap;writing-mode:horizontal-tb;transform:none;font-variant-numeric:tabular-nums}
.platform-development-progress.compact{bottom:272px}
@media(max-width:900px){.platform-development-progress.compact{bottom:254px}}
.platform-development-progress.compact.is-collapsed{bottom:272px}
@media(max-width:900px){.platform-development-progress.compact.is-collapsed{bottom:254px}}
.platform-progress-modules .platform-module-completion{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}
.platform-progress-modules .platform-module-learning{margin-top:2px;color:var(--progress-complete);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}
.platform-development-progress.compact{width:390px}
.platform-progress-headline>div{min-height:54px;align-content:center;padding:8px 9px}
.platform-progress-headline small{font-size:8px;line-height:1.35;white-space:normal}
.platform-progress-headline strong{font-size:14px}
.platform-progress-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.platform-progress-facts>div{min-height:46px;align-content:center;padding:7px 9px}
.platform-progress-facts small{overflow:visible;font-size:7px;line-height:1.35;text-overflow:clip;white-space:normal}
.platform-progress-facts strong{font-size:11px}
@media(max-width:900px){.platform-development-progress.compact{width:min(390px,calc(100vw - 20px))}.platform-development-progress.compact.is-collapsed{width:48px}}