*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f7f4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}:root{--green-dark: #1a4d2e;--green-mid: #2d7a4f;--green-light: #f0faf1;--green-accent: #4caf50;--tab-height: 64px;--header-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--radius-card: 12px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06);--shadow-tab: 0 -1px 0 rgba(0, 0, 0, .08), 0 -4px 16px rgba(0, 0, 0, .06);--color-text-primary: #1a2e1a;--color-text-secondary: #5a7a5a;--color-text-muted: #8fa88f;--color-surface: #ffffff;--color-border: #e0ebe0}golfpin-root{display:block;height:100%}.page-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}button,a,[role=button]{min-height:44px;min-width:44px;cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--green-mid);border-radius:50%;animation:spin .7s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}