*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:#fff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;height:100%;-webkit-font-smoothing:antialiased}.landing{align-items:center;background:linear-gradient(135deg,#f0fdf4,#eff6ff);display:flex;justify-content:center;min-height:100dvh;padding:2rem}.landing-card{max-width:28rem;text-align:center}.landing-title{color:#111827;font-size:clamp(3rem,10vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:.75rem}.landing-sub{color:#6b7280;font-size:1.125rem;line-height:1.5;margin-bottom:2rem}.landing-error{color:#dc2626;font-size:.875rem;margin-top:1rem}.room-layout{display:flex;height:100dvh;overflow:hidden}.room-map{flex:1;min-width:0}.room-sidebar{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;width:320px}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.sidebar-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.map-loading{color:#9ca3af;font-size:.875rem;height:100%}.map-loading,.room-error{align-items:center;display:flex;justify-content:center}.room-error{color:#6b7280;flex-direction:column;gap:1.5rem;min-height:100dvh;padding:2rem;text-align:center}.btn-primary{align-items:center;background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 2rem;text-decoration:none;transition:background .15s,transform .1s}.btn-primary:hover{background:#1f2937}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-share{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.25rem;padding:.375rem .75rem;transition:background .15s;white-space:nowrap}.btn-share:hover{background:#e5e7eb}@media(max-width:640px){.room-layout{flex-direction:column}.room-map{flex:0 0 55dvh}.room-sidebar{border-left:none;border-top:1px solid #e5e7eb;flex:1;width:100%}}