html{min-width:350px;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}body{margin:0}#app{display:flex;justify-content:center;min-height:100vh;background-color:#0f1214;color:#b6bec9}.page{min-height:100%;min-width:350px;max-width:1024px;padding:1rem}h1{font-size:2.5rem;margin:0}div[role=doc-subtitle]{margin-top:.25rem}hr{border-color:#42474f;margin:1.5rem 0 3rem}.spaces{display:flex;column-gap:2.5rem;height:300px}.space{flex-basis:50%;display:flex;flex-flow:column nowrap;align-items:center;border:2px solid rgba(255,255,255,.2);border-radius:16px}.space h2{font-size:1.15rem;margin:1rem 0 0}.space span{flex-grow:1;display:flex;align-items:center}.space span .text{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transform:rotate(270deg)}.space.vacant{background:linear-gradient(135deg,#22c55e1a,#22c55e0d),#ffffff05;border-color:#22c55e;box-shadow:0 0 40px #22c55e4d,0 8px 32px #22c55e33,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.space.occupied{background:linear-gradient(135deg,#ef44441a,#ef44440d),#ffffff05;border-color:#ef4444;box-shadow:0 0 40px #ef44444d,0 8px 32px #ef444433,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.space.vacant .text{background:#22c55e33;color:#22c55e;box-shadow:0 0 20px 15px #22c55e33;border-radius:10px}.space.occupied .text{background:#ef444433;color:#ef4444;box-shadow:0 0 20px 15px #ef444433;border-radius:10px}