@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
.distance-card{margin:0 0 20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.distance-card table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}.distance-card caption{text-align:left;font-size:15px;font-weight:500;padding-bottom:16px}.distance-card caption span{float:right;color:var(--muted);font-size:11px;font-weight:400;padding-top:3px}.distance-card th,.distance-card td{text-align:right;padding:11px 0;border-bottom:1px solid var(--line)}.distance-card th:first-child{text-align:left}.distance-card thead th{font-size:10px;font-weight:400;color:var(--muted);padding-top:0}.distance-card tbody th{font-weight:400;white-space:nowrap}.distance-card td:nth-child(2){font-weight:500}.distance-card td:last-child{color:var(--muted);width:42px}.distance-card tbody tr:last-child>*{border-bottom:0}.distance-card .hint{margin:10px 0 0;border-top:1px solid var(--line);padding-top:10px}#distanceBreakdown{margin-bottom:30px}
:root{--paper:#f8f9f6;--white:#fff;--ink:#253c33;--muted:#829087;--line:#e4e9e1;--green:#285444;--light:#eaf0e5;--red:#ab675b}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans Thai',Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #80a680;outline-offset:3px}.app{max-width:480px;margin:0 auto;padding:0 24px 22px}header{display:flex;align-items:center;justify-content:space-between;height:82px}.brand{font:600 26px Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand span{font-weight:400}.brand i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91aa78;margin-left:3px}.icon-button{font:24px Arial,sans-serif;width:44px;height:44px;flex-shrink:0;border-radius:50%}.icon-button:hover{background:var(--light)}#menuBtn{font-size:17px;letter-spacing:2px}.round-picker{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-picker>div{min-width:0;flex:1}.round-picker label{font-size:11px;color:var(--muted);margin:0 0 3px}.round-picker select{margin:0;padding:3px 20px 3px 0;border:0;background:transparent;font-weight:500;border-radius:0;font-size:16px}.new-button{font-size:12px;white-space:nowrap;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.round-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin:12px 0 24px}#saveStatus{max-width:62%;text-align:right}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs button{width:50%;padding:12px 8px 13px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.tabs [aria-current=page]{color:var(--green);border-color:var(--green);font-weight:600}.hole-heading{display:flex;align-items:center;justify-content:space-between;text-align:center}.hole-heading>.icon-button{border:1px solid var(--line);background:var(--white);font-size:28px}.hole-heading h1{font-size:23px;font-weight:500;line-height:1.4;margin:0}.hole-heading h1 small{font-size:15px;color:#a0aaa1;font-weight:400}.hole-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.hole-strip{display:flex;overflow-x:auto;gap:6px;margin:22px -24px 25px;padding:0 24px 6px;scrollbar-width:none}.hole-strip::-webkit-scrollbar{display:none}.hole-strip button{flex:0 0 40px;height:40px;font-size:12px;border-radius:12px;border:1px solid var(--line);position:relative;font-variant-numeric:tabular-nums}.hole-strip button.done:after{content:"";width:3px;height:3px;border-radius:50%;position:absolute;bottom:5px;left:calc(50% - 1.5px);background:#719477}.hole-strip [aria-current=true]{background:var(--green);border-color:var(--green);color:white}.hole-strip [aria-current=true]:after{background:#d4e5bc}fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}legend{font-size:13px;font-weight:500;margin-bottom:10px;padding:0}legend span{font-size:11px;color:var(--muted);font-weight:400;margin-left:7px}.choices{display:flex;gap:8px}.choices button{flex:1;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:14px}.choices [aria-pressed=true]{background:var(--light);border-color:#739174;color:var(--green);font-weight:600}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:21px}label{display:block;font-size:13px;font-weight:500;margin:0 0 18px}.input-grid label{margin:0}.input-box{display:flex;align-items:center;gap:4px;background:var(--white);border:1px solid var(--line);border-radius:10px;margin-top:9px;overflow:hidden}.input-box input{border:0;background:transparent;padding:13px 12px;min-width:0;width:100%;font-size:20px;margin:0}.input-box>span{font-size:11px;color:var(--muted);padding-right:13px;font-weight:400;flex-shrink:0}.input-box:focus-within{border-color:#739174;outline:1px solid #739174}.input-box input:focus-visible{outline:0}input,select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--white);color:var(--ink);font-size:16px;min-width:0;margin-top:8px}input::placeholder,textarea::placeholder{color:#adb6ae}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.putt-label{margin-bottom:10px}.stepper{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;height:56px;margin-bottom:23px;padding:4px}.stepper button{font-size:23px;flex:0 0 52px;height:46px;border-radius:7px;background:#f5f7f1}.stepper input{flex:1;border:0;text-align:center;font-size:24px;width:50px;padding:3px;margin:0;outline-offset:0}.live-result{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted)}.live-result strong{font:22px Georgia,serif;color:var(--ink)}.hint{font-size:11px;line-height:1.8;color:var(--muted);font-weight:400}.form-tip{margin:15px 0 24px}.primary{display:flex;justify-content:center;align-items:center;gap:15px;min-height:52px;background:var(--green);border-radius:12px;color:#fff;font-size:15px;font-weight:500;padding:13px 18px}.primary:hover{background:#1b4536}.save-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f8f9f6f2;backdrop-filter:blur(12px);z-index:2}.save-bar button{width:100%}.save-bar button span{margin-left:auto}.storage-note{font-size:10px;color:#99a399;text-align:center;line-height:1.7;margin:24px 0 110px}.app.show-summary .storage-note{margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}h1{font-size:21px;font-weight:500;margin:0}h2{font-size:18px;font-weight:500;margin:0}#progress{color:var(--muted);font-size:11px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:18px}.metric:first-child{background:var(--green);color:white;border-color:var(--green)}.metric-label{font-size:11px;color:var(--muted)}.metric:first-child .metric-label,.metric:first-child small{color:#d5dfd0}.metric strong{font:32px Georgia,serif;display:block;margin:12px 0 9px}.metric small{color:var(--muted);font-size:10px;display:block;line-height:1.7}.snapshot{margin:23px 0 30px}.snapshot>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.snapshot span{color:var(--muted)}.snapshot strong{font-weight:500}.list-title{display:flex;align-items:center;justify-content:space-between;font-size:15px}.list-title small{font-size:10px;color:var(--muted);font-weight:400}.summary-labels,.hole-row{display:grid;grid-template-columns:40px 1fr 42px 65px;align-items:center;text-align:right;gap:10px}.summary-labels{font-size:10px;color:var(--muted);padding:16px 0 8px}.summary-labels span:first-child,.hole-row>span:first-child{text-align:left}.summary-labels span:nth-child(2),.hole-row>span:nth-child(2){text-align:center}.hole-row{width:100%;border-bottom:1px solid var(--line);min-height:52px;font-size:13px;padding:0}.hole-row:hover{background:var(--light)}.hole-row .marks{color:#6c856c;font-size:11px}.negative{color:var(--red)}.positive{color:#47734d}.full{width:100%}.secondary{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:13px;font-size:13px;min-height:48px;margin-top:24px}dialog{width:calc(100% - 28px);max-width:450px;max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #1a302022}dialog::backdrop{background:#20362c66;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.dialog-head .icon-button{margin-right:-8px}.menu-list button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;min-height:56px;border-bottom:1px solid var(--line);font-size:14px;padding:10px 0}.menu-list button span,.menu-list button small{color:var(--muted);font-size:12px}.danger{color:var(--red)}.method{font-size:13px;line-height:1.9}.method p{margin:0 0 20px}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);width:max-content;padding:12px 18px;border-radius:10px;background:#233e35;color:#fff;font-size:12px;line-height:1.7;opacity:0;pointer-events:none;z-index:10;box-shadow:0 3px 18px #0002;transition:opacity .15s}.toast.visible{opacity:1}#emptyState{text-align:center;padding:40px 0}#emptyState p{font-size:13px;color:var(--muted)}#emptyState .primary{margin:25px auto}@media(min-width:600px){.app{margin:24px auto;border:1px solid var(--line);border-radius:24px;background:var(--paper)}body{background:#eff2ec}.save-bar{border-inline:1px solid var(--line)}header{height:86px}}@media(max-width:350px){.app{padding-inline:18px}.hole-strip{margin-inline:-18px;padding-inline:18px}.round-meta{font-size:9px}.save-bar{padding-inline:18px}.summary-labels,.hole-row{gap:6px;grid-template-columns:28px 1fr 34px 60px}.metric{padding:14px}.metric strong{font-size:29px}}

.header-actions{display:flex;align-items:center;gap:8px}.language-switch{display:flex;align-items:center;background:#edf1e8;border:1px solid var(--line);padding:3px;border-radius:10px}.language-switch button{min-width:40px;min-height:36px;border-radius:7px;font-size:12px;color:#77877b}.language-switch [aria-pressed=true]{background:white;color:var(--green);box-shadow:0 1px 3px #183f3610;font-weight:600}.choices [data-value="1"],.choices [data-value="0"]{font-size:24px;line-height:1}.choices [data-value="na"]{font-size:13px}.choices [data-value="0"][aria-pressed=true]{color:#8d5449;border-color:#ba8d83;background:#f6eeeb}.hole-row .marks{font-size:15px}.new-button{font-size:11px}.tabs button{min-height:48px}html[lang=en] .hint{font-size:11px}html[lang=en] .summary-labels{font-size:9px}

.auth-gate{min-height:90vh}.auth-copy{padding:46px 0 28px}.auth-eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.auth-copy h1{font:34px/1.45 Georgia,serif;margin:16px 0}.auth-copy p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}#authForm label{margin-bottom:6px}#authForm input{margin-bottom:20px}#authMessage{min-height:48px;margin:18px 0}.auth-footer{font-size:11px;color:var(--muted);margin:40px 0}#accountEmail{overflow-wrap:anywhere}html[lang=th] .auth-copy h1{font-family:inherit;font-size:30px}