:root{color:#24332f;background:#edf2ee;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{max-width:1080px;min-height:100vh;margin:0 auto;padding:28px}.topbar,.section-heading,.identity,.spaces,footer{align-items:center;display:flex}.topbar,.section-heading{justify-content:space-between}.topbar{margin-bottom:72px}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:1.6rem}h2{letter-spacing:-.05em;margin-bottom:14px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.eyebrow{color:#71847c;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:.74rem;font-weight:700}.identity{color:#71847c;gap:8px;font-size:.82rem}#connection-dot{background:#c5cec9;border-radius:50%;width:9px;height:9px}#connection-dot.connected{background:#4f9d72}.welcome{max-width:690px;margin-bottom:80px}.welcome>p:not(.eyebrow){color:#61716a;max-width:560px;margin-bottom:26px;font-size:1.08rem}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:999px;padding:12px 18px}.primary-button{color:#fff;background:#315f51}.secondary-button{color:#315f51;background:#dbe7e0;margin-left:8px}.section-heading{align-items:end;margin-bottom:22px}.section-heading h2{margin-bottom:0;font-size:1.65rem}.hint{color:#83918b;margin-bottom:4px;font-size:.9rem}.spaces{align-items:stretch;gap:12px}.space-card{color:#34483f;text-align:left;cursor:pointer;background:#ffffffad;border:1px solid #d9e2dc;border-radius:18px;flex:1;align-items:center;gap:14px;min-height:108px;padding:18px;transition:transform .18s,border-color .18s;display:flex}.space-card:hover,.space-card.active{border-color:#779c8a;transform:translateY(-3px)}.space-symbol{color:#769586;font-size:1.7rem}.space-card strong,.space-card small{display:block}.space-card small{color:#7b8982;margin-top:5px;font-size:.78rem}.content-panel{background:#fff;border-radius:22px;min-height:190px;margin-top:36px;padding:28px;box-shadow:0 12px 40px #304c3e14}.content-panel h2{font-size:1.65rem}.content-panel p:not(.eyebrow){color:#718078}pre{color:#3f5148;white-space:pre-wrap;background:#f1f5f2;border-radius:12px;margin:20px 0 0;padding:16px;overflow-x:auto}footer{color:#86958d;gap:12px;margin-top:42px;font-size:.75rem}footer code{color:#65776e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=760px){.app-shell{padding:20px}.topbar,.section-heading{display:block}.identity{margin-top:12px}.spaces{grid-template-columns:1fr 1fr;display:grid}.hint{margin-top:10px}}@media (width<=500px){.spaces{grid-template-columns:1fr}}