:root{font-family:system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;width:100%}body{background:linear-gradient(135deg,#1a1a2e,#16213e)}#root{display:flex;justify-content:center}*{box-sizing:border-box}.app{width:100%;max-width:700px;padding:20px}h1{color:#fff;text-align:center;margin-bottom:24px}.controls{display:flex;gap:10px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.controls select,.controls input,.controls button{padding:12px 16px;font-size:16px;border:none;border-radius:8px}.controls select,.controls input{background:#fff}.controls button{background:#4ade80;font-weight:600;cursor:pointer}.tee-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.tee-time{background:#4ade80;padding:14px;border-radius:10px}.tee-time .time{font-size:18px;font-weight:700;margin-bottom:6px}.tee-time .details{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.tee-time .course-type{background:#00000026;padding:3px 6px;border-radius:4px}.loading,.no-times{color:#fff;text-align:center;padding:40px}@media(max-width:500px){.app{padding:16px}h1{font-size:24px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls button{grid-column:1 / -1}.tee-times{grid-template-columns:1fr 1fr;gap:8px}.tee-time{padding:10px}.tee-time .time{font-size:16px}}