:root{--color-bg: #f6f3ee;--color-surface: #fffdf9;--color-ink: #1c1b19;--color-ink-muted: #6b6559;--color-border: #e4dfd4;--color-accent: #a8632f;--color-accent-ink: #fffdf9;--color-success: #4b7357;--color-danger: #a44a3f;--font-sans: -apple-system, "Segoe UI", "Inter", system-ui, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{font-family:var(--font-serif);font-weight:500;margin:0 0 var(--space-2);letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 var(--space-3);color:var(--color-ink-muted)}a{color:var(--color-accent)}button,input,select,textarea{font:inherit;color:inherit}.screen{max-width:520px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);min-height:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.stack>*+*{margin-top:var(--space-3)}.row{display:flex;gap:var(--space-3);align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.label{display:block;font-size:.85rem;color:var(--color-ink-muted);margin-bottom:var(--space-1)}.input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:1rem}.input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:1rem;font-weight:500;cursor:pointer;min-height:44px}.btn-primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-accent-ink)}.btn-accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{display:flex;width:100%}.pill{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:500;border:1px solid var(--color-border);color:var(--color-ink-muted)}.pill-success{background:color-mix(in srgb,var(--color-success) 12%,transparent);border-color:var(--color-success);color:var(--color-success)}.pill-danger{background:color-mix(in srgb,var(--color-danger) 12%,transparent);border-color:var(--color-danger);color:var(--color-danger)}.pill-accent{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:var(--color-accent);color:var(--color-accent)}.hole-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.hole-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.hole-tile.scored{border-color:var(--color-ink)}.hole-tile .hole-num{font-size:.7rem;color:var(--color-ink-muted)}.hole-tile .hole-score{font-size:1.1rem;font-weight:600}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.top-bar .brand{font-family:var(--font-serif);font-size:1.2rem}.offline-banner{background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:.85rem;margin-bottom:var(--space-4)}