*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#fff;min-height:100vh}header{padding:1.5rem 2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #333}header h1{font-size:1.75rem;margin-bottom:.25rem}header p{color:#888;font-size:.9rem}.container{display:flex;height:calc(100vh - 100px)}.controls{width:320px;padding:1.5rem;background:#1a1a1a;border-right:1px solid #333;overflow-y:auto}.controls section{margin-bottom:1.5rem}.controls h3{font-size:.85rem;text-transform:uppercase;color:#888;margin-bottom:.75rem;letter-spacing:.5px}.controls input,.controls select{width:100%;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:.95rem}.controls input:focus,.controls select:focus{outline:none;border-color:#fc4c02}.hint{font-size:.8rem;color:#666;margin-top:.5rem}#selected-location{margin-top:.5rem;font-size:.85rem;color:#fc4c02}.button-group{display:flex;gap:.5rem}.activity-btn{flex:1;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.activity-btn:hover{background:#333}.activity-btn.active{background:#fc4c02;border-color:#fc4c02}.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.shape-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#2a2a2a;border:2px solid #444;border-radius:8px;cursor:pointer;transition:all .2s}.shape-btn:hover{background:#333;transform:scale(1.05)}.shape-btn.active{border-color:#fc4c02;background:#fc4c0233}.primary-btn{width:100%;padding:1rem;background:#fc4c02;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.primary-btn:hover:not(:disabled){background:#e04400;transform:translateY(-1px)}.primary-btn:disabled{background:#444;cursor:not-allowed}.secondary-btn{width:100%;padding:1rem;background:transparent;border:2px solid #fc4c02;border-radius:8px;color:#fc4c02;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.secondary-btn:hover{background:#fc4c021a}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.loading .primary-btn{pointer-events:none}.loading .primary-btn:after{content:"...";animation:dots 1s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media (max-width: 768px){.container{flex-direction:column;height:auto}.controls{width:100%;border-right:none;border-bottom:1px solid #333}.map-container{height:60vh}}