:root{--bg:#0c0d10;--card-bg:#17181c;--card-border:#2a2c31;--text:#f2f2f4;--text-dim:#9a9ba3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#app{min-height:100vh}.hub{flex-direction:column;justify-content:center;gap:5vh;min-height:100vh;padding:4vh 5vw;display:flex}.hub-header h1{letter-spacing:.06em;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.hub-header .subtitle{color:var(--text-dim);margin:.5rem 0 0;font-size:clamp(1.1rem,2vw,1.5rem)}.pod-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.pod-card{background:var(--card-bg);border:1px solid var(--card-border);border-top:4px solid var(--pod-accent);min-height:32vh;color:var(--text);border-radius:1rem;flex-direction:column;justify-content:space-between;padding:2rem;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.pod-card:not(.disabled):hover,.pod-card:not(.disabled):focus-visible{border-color:var(--pod-accent);cursor:pointer;transform:translateY(-4px)}.pod-card.disabled{opacity:.5;cursor:not-allowed}.pod-name{letter-spacing:.03em;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700}.pod-subtitle{color:var(--text-dim);margin:.75rem 0 0;font-size:clamp(1rem,1.5vw,1.25rem)}.pod-action{letter-spacing:.05em;color:var(--pod-accent);margin-top:2rem;font-size:1.1rem;font-weight:600}@media (width<=700px),(orientation:portrait){.pod-grid{grid-template-columns:1fr}.pod-card{min-height:20vh}}