*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #212529;--color-muted: #6c757d;--color-label: #9ca3af;--color-primary: #0d6efd;--color-border: rgba(0, 0, 0, .06);--color-hover: #e9ecef;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--max-width: 640px;--radius: 8px}html{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#app{max-width:var(--max-width);margin:0 auto;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.header{margin-bottom:1rem}.header__title{font-size:1.5rem;font-weight:600}.search{position:relative;margin-bottom:1.5rem}.search__input-wrap{position:relative;display:flex;align-items:center}.search__input{width:100%;padding:.75rem 2.75rem .75rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);outline:none;transition:border-color .15s}.search__input:focus{border-color:var(--color-primary)}.search__geo-btn{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:50%;background:transparent;color:var(--color-muted);cursor:pointer;transition:color .15s,background .15s;touch-action:manipulation}.search__geo-btn:hover{background:var(--color-hover);color:var(--color-primary)}.search__geo-btn:active{background:var(--color-border)}.search__geo-btn:disabled{opacity:.5;cursor:default}.search__geo-btn--loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search__results{position:absolute;top:100%;left:0;right:0;list-style:none;background:var(--color-surface);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 4px 12px #00000014;z-index:10;overflow:hidden}.search__item{padding:.75rem 1rem;min-height:44px;cursor:pointer;font-size:.9rem;border-bottom:1px solid var(--color-border);touch-action:manipulation}.search__item:last-child{border-bottom:none}.search__item:hover{background:var(--color-hover)}.search__item:active{background:var(--color-border)}.search__empty,.search__error{padding:.625rem 1rem;color:var(--color-muted);font-size:.9rem}.loading{text-align:center;color:var(--color-muted);padding:2rem 0}.error__message{text-align:center;color:#dc3545;padding:1rem;background:#fff5f5;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem}.error-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);text-align:center;margin-bottom:1rem}.error-state__icon{color:var(--color-muted)}.error-state__message{font-size:.9rem;color:var(--color-text);line-height:1.4;max-width:28rem}.error-state__retry{padding:.5rem 1.25rem;font-size:.85rem;font-family:inherit;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .15s;touch-action:manipulation;min-height:44px}.error-state__retry:hover{opacity:.9}.error-state__retry:active{opacity:.8}.skeleton{display:block;background:linear-gradient(90deg,var(--color-hover) 25%,#f0f0f0 50%,var(--color-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton__line{height:.75rem}.skeleton__circle{border-radius:50%;flex-shrink:0}.skeleton__block{height:3rem;border-radius:6px}.skeleton-card{pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section{margin-bottom:1.5rem}.current{background:linear-gradient(to bottom,#fff,#fafbfc);border-radius:var(--radius);padding:1.1rem;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.current__top-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.current__location{font-size:.85rem;color:var(--color-muted)}.current__timestamp{font-size:.7rem;color:var(--color-label);white-space:nowrap}.current__main{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem}.current__icon{font-size:2rem}.current__temp{font-size:2.9rem;font-weight:500;line-height:1}.current__desc{color:var(--color-muted);margin-bottom:1rem;font-size:.95rem}.current__desc-inline{color:var(--color-muted);font-size:.95rem;margin-left:.25rem}.hero__playability{display:flex;align-items:center;gap:1rem;padding:1rem 0;margin-bottom:.75rem;border-bottom:1px solid var(--color-border)}.hero__score-column{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex-shrink:0}.hero__score{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;line-height:1;color:#fff}.hero__score--elite{background:#16a34a}.hero__score--good{background:#2563eb}.hero__score--fair{background:#d97706}.hero__score--poor{background:#dc2626}.hero__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hero__label--elite{color:#16a34a}.hero__label--good{color:#2563eb}.hero__label--fair{color:#d97706}.hero__label--poor{color:#dc2626}.hero__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.hero__tee-window{display:flex;flex-direction:column;gap:.125rem}.hero__tee-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-label)}.hero__tee-value{font-size:.95rem;font-weight:600;color:var(--color-text)}.hero__tee-value--none{font-weight:400;color:var(--color-muted);font-size:.85rem}.hero__reasons{list-style:none;display:flex;flex-wrap:wrap;gap:.375rem}.hero__reason{font-size:.75rem;color:var(--color-muted);background:var(--color-hover);padding:.2rem .5rem;border-radius:4px;line-height:1.3}.hero__live-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;margin-bottom:.75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.7rem;font-family:inherit;color:var(--color-muted);cursor:pointer;transition:border-color .15s,color .15s;touch-action:manipulation}.hero__live-toggle:hover{border-color:var(--color-primary);color:var(--color-text)}.hero__live-toggle:active{background:var(--color-hover)}.hero__live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-muted);flex-shrink:0}.hero__live-toggle--active{border-color:#16a34a;color:#16a34a}.hero__live-toggle--active .hero__live-dot{background:#16a34a;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.hero__live-text{line-height:1}.hero__weather-row{margin-bottom:.75rem}.hero__weather-main{display:flex;align-items:center;gap:.35rem}.current__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.current__detail{display:flex;flex-direction:column;gap:.125rem}.current__label{font-size:.7rem;color:var(--color-label);text-transform:uppercase;letter-spacing:.05em}.current__value{font-size:.95rem;font-weight:500;color:var(--color-text)}.hourly{background:var(--color-surface);border-radius:var(--radius);padding:.875rem 0 .875rem .875rem;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.hourly__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem;padding-right:1rem}.hourly__strip{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:1rem;padding-bottom:.25rem}.hourly__strip::-webkit-scrollbar{display:none}.hourly__card{flex:0 0 auto;width:4.25rem;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .25rem;border-radius:6px;scroll-snap-align:start;contain:content;transition:background-color .12s}.hourly__card:first-child,.hourly__card:hover{background:var(--color-hover)}.hourly__time{font-size:.75rem;font-weight:600;color:var(--color-text);white-space:nowrap}.hourly__icon{font-size:1.25rem;line-height:1}.hourly__temp{font-size:.95rem;font-weight:700;line-height:1;color:var(--color-text)}.hourly__wind{font-size:.7rem;color:var(--color-muted);display:flex;align-items:center;gap:1px;line-height:1;white-space:nowrap}.hourly__arrow{display:inline-block;font-size:.65rem;line-height:1;will-change:transform}.hourly__precip-wrap{position:relative;width:1.75rem;height:1.125rem;background:#0000000a;border-radius:3px;overflow:hidden;display:flex;align-items:flex-end}.hourly__precip-bar{width:100%;background:var(--color-primary);opacity:.35;border-radius:0 0 3px 3px;min-height:0}.hourly__precip-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:600;color:var(--color-muted);line-height:1}.hourly__empty{color:var(--color-muted);text-align:center;padding:1rem;font-size:.875rem}.golf{background:linear-gradient(to bottom,#fff,#fafbfc);border-radius:var(--radius);padding:1.1rem;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.golf__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem}.golf__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.golf__score-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;touch-action:manipulation;min-width:44px;min-height:44px}.golf__score{width:2.75rem;height:2.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;line-height:1;flex-shrink:0;color:#fff;transition:transform .12s}.golf__score-wrap:hover .golf__score{transform:scale(1.06)}.golf__score--elite{background:#16a34a}.golf__score--good{background:#2563eb}.golf__score--fair{background:#d97706}.golf__score--poor{background:#dc2626}.golf__score-hint{font-size:.55rem;color:var(--color-label);text-transform:uppercase;letter-spacing:.03em}.golf__rating-wrap{display:flex;flex-direction:column;gap:.125rem}.golf__rating{font-size:1.1rem;font-weight:600;line-height:1.2}.golf__rating-desc{font-size:.8rem;color:var(--color-muted);line-height:1.2}.golf__breakdown{display:none;border-top:1px solid var(--color-border);padding:.625rem 0;margin-bottom:.75rem}.golf__breakdown--open{display:block}.golf__breakdown-row{display:grid;grid-template-columns:5rem 1fr auto;gap:.5rem;align-items:center;padding:.3rem 0;font-size:.8rem}.golf__breakdown-row+.golf__breakdown-row{border-top:1px solid rgba(0,0,0,.03)}.golf__breakdown-label{font-weight:600;color:var(--color-text)}.golf__breakdown-detail{color:var(--color-muted);font-size:.75rem}.golf__breakdown-adj{font-weight:700;font-size:.8rem;text-align:right;min-width:2rem}.golf__breakdown-adj--pos{color:#16a34a}.golf__breakdown-adj--neg{color:#dc2626}.golf__breakdown-adj--neutral{color:var(--color-muted)}.golf__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.875rem}.golf__stat{display:flex;flex-direction:column;gap:.125rem;padding:.5rem;background:var(--color-hover);border-radius:6px;text-align:center}.golf__stat-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-label)}.golf__stat-value{font-size:.8rem;font-weight:600;color:var(--color-text);line-height:1.2}.golf__teetimes{border-top:1px solid var(--color-border);padding-top:.75rem}.golf__teetimes-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-label);margin-bottom:.5rem}.golf__teetime{display:flex;align-items:center;gap:.625rem;padding:.5rem 0}.golf__teetime+.golf__teetime{border-top:1px solid var(--color-border)}.golf__teetime-range{font-size:.875rem;font-weight:600;white-space:nowrap;min-width:7.5rem}.golf__teetime-score{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;line-height:1;flex-shrink:0;color:#fff}.golf__teetime-score--elite{background:#16a34a}.golf__teetime-score--good{background:#2563eb}.golf__teetime-score--fair{background:#d97706}.golf__teetime-score--poor{background:#dc2626}.golf__teetime-summary{font-size:.8rem;color:var(--color-muted);line-height:1.3}