.join-zone-page{gap:24px;display:grid}.join-zone-hero{align-items:center}.join-zone-hero-badge{border:1px solid var(--line);color:var(--ink);letter-spacing:0;text-transform:uppercase;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.join-zone-track-grid,.join-zone-health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.join-zone-track-grid article,.join-zone-health-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;min-height:178px;padding:15px;display:grid}.join-zone-track-grid header{align-items:center;gap:9px;display:flex}.join-zone-track-grid p,.join-zone-track-grid small,.join-zone-health-grid p,.join-zone-health-grid small{color:var(--muted);margin:0;line-height:1.55}.join-zone-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:18px;display:grid}.join-zone-form-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;padding:18px;display:grid;box-shadow:0 18px 40px #18181b0f}.join-zone-form-heading{align-items:flex-start;gap:12px;display:flex}.join-zone-form-heading h2{margin:0 0 5px}.join-zone-form-heading p{color:var(--muted);margin:0;line-height:1.6}.join-zone-form-grid,.join-zone-track-picker,.join-zone-process-list{gap:10px;display:grid}.join-zone-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-zone-track-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.join-zone-track-option{background:var(--soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:9px 10px;font-weight:700;display:flex}.join-zone-side-panel,.join-zone-status-panel,.join-zone-health-panel,.join-zone-architecture-panel{gap:14px;display:grid}.join-zone-process-list article{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:flex-start;gap:10px;padding:13px;display:grid}.join-zone-process-list article>span{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.join-zone-process-list small{color:var(--muted);margin-top:4px;line-height:1.55;display:block}@media (max-width:980px){.join-zone-track-grid,.join-zone-health-grid,.join-zone-layout,.join-zone-form-grid,.join-zone-track-picker{grid-template-columns:1fr}}html[data-theme=dark] .main-panel .join-zone-page :is(.join-zone-hero-badge,.join-zone-track-grid article,.join-zone-health-grid article,.join-zone-form-card,.join-zone-track-option,.join-zone-process-list article,.join-zone-side-panel,.join-zone-status-panel,.join-zone-health-panel,.join-zone-architecture-panel){background:var(--surface-card)!important;background-color:var(--surface-card)!important;border-color:var(--line-strong)!important;color:var(--ink)!important;box-shadow:none!important}html[data-theme=dark] .main-panel .join-zone-page :is(.join-zone-track-grid p,.join-zone-track-grid small,.join-zone-health-grid p,.join-zone-health-grid small,.join-zone-form-heading p,.join-zone-process-list small){color:var(--muted)!important;opacity:1!important}html[data-theme=dark] .main-panel .join-zone-page :is(input,select,textarea){background:var(--field-bg)!important;border-color:var(--field-border)!important;color:var(--field-fg)!important}