:root{--sand: #f7f3e7;--sand-out: #e7e2d3;--paper: #fffdf6;--sunk: #eee7d3;--sunk-2: #f2ecd9;--sunk-3: #f4eedb;--line: #ded6bd;--line-2: #ddd6bf;--line-soft: #ece5d0;--line-dash: #cfc6ad;--ink: #23231f;--soft: #7a7462;--mute: #8d8674;--faint: #a09880;--pale: #b0a892;--green: #1e5a3c;--green-lit: #2e7d53;--green-pale: #a9c8b3;--red: #b3402f;--gold: #8d6f1e;--gold-lit: #e8d98a;--kakao: #f7e14b;--kr: "Noto Sans KR", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--sand-out);color:var(--ink);font-family:var(--kr);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;text-align:left}input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}::selection{background:var(--green-pale)}@keyframes sync{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#root{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(circle at 30% 10%,#efebdc,#ddd8c7)}.app{width:100%;max-width:430px;min-height:100vh;min-height:100dvh;background:var(--sand);position:relative;display:flex;flex-direction:column;overflow:hidden}@media(min-width:520px){#root{padding:28px 24px;align-items:flex-start}.app{min-height:min(880px,calc(100dvh - 56px));border-radius:26px;border:1px solid #d3ccb6;box-shadow:0 24px 60px -24px #23231f59,0 2px 6px #23231f14}}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.hd{background:var(--green);color:var(--sand);position:relative;overflow:hidden;flex:none;padding:22px 20px 16px;padding-top:max(22px,env(safe-area-inset-top,0px))}.hd-lg{padding:26px 22px 20px;padding-top:max(26px,env(safe-area-inset-top,0px))}.hd-stripe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(112deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px);pointer-events:none}.hd>*{position:relative}.hd-eyebrow{font:600 10.5px/1 var(--mono);letter-spacing:.22em;color:var(--green-pale)}.hd-title{font:900 27px/1.15 var(--kr);letter-spacing:-.02em;margin:9px 0 0}.hd-h{font:700 15px/1 var(--kr)}.hd-sub{font:500 11.5px/1.5 var(--kr);color:var(--green-pale);margin:12px 0 0}.hd-back{font:600 19px/1 var(--mono);color:var(--green-pale);padding:2px 6px 2px 0;flex:none}.hd-step{margin-left:auto;font:600 11px var(--mono);color:var(--green-pale);flex:none}.hd-avatar{width:44px;height:44px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font:700 14px var(--mono);flex:none}.hd-stats{display:flex;gap:9px;margin-top:20px}.hd-stat{flex:1;min-width:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:11px 12px}.hd-stat-k{font:500 10px/1.35 var(--kr);color:var(--green-pale)}.hd-stat-v{font:700 17px/1 var(--mono);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.dot-live{animation:sync 1.4s infinite}.dot-on-green{background:#8ed6a8}.dot-warn{background:var(--gold-lit)}.dot-off{background:var(--red)}.body{padding:18px 20px 28px}.body-pad-cta{padding-bottom:116px}.body-pad-tab{padding-bottom:104px}.sec{font:700 11px/1.35 var(--kr);color:var(--mute);letter-spacing:.08em;margin:22px 0 10px}.sec:first-child{margin-top:0}.sec-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 0 10px}.sec-row:first-child{margin-top:0}.link{font:600 11px var(--kr);color:var(--green);flex:none}.card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:14px 15px}.card-lg{border-radius:14px}.stack{display:flex;flex-direction:column;gap:9px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grow{flex:1;min-width:0}.none{flex:none}.hr{height:1px;background:#e7dfc8;margin:14px 0}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-title{font:700 13.5px/1.3 var(--kr);color:var(--ink)}.t-body{font:500 11.5px/1.5 var(--kr);color:var(--soft)}.t-meta{font:500 10.5px/1.35 var(--kr);color:var(--mute)}.t-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.t-num{font:700 14px/1 var(--mono);font-variant-numeric:tabular-nums}.c-green{color:var(--green)}.c-red{color:var(--red)}.c-gold{color:var(--gold)}.c-mute{color:var(--mute)}.c-faint{color:var(--faint)}.av{border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--kr);font-weight:700;flex:none}.cta{display:block;width:100%;border-radius:14px;padding:16px;text-align:center;font:900 15px var(--kr);color:#fff;transition:filter .15s}.cta:hover:not(:disabled){filter:brightness(1.06)}.cta:disabled{opacity:.45;cursor:not-allowed}.cta-red{background:var(--red);box-shadow:0 6px 16px #b3402f47}.cta-green{background:var(--green);color:var(--sand);box-shadow:0 6px 16px #1e5a3c40}.cta-kakao{background:#fee500;color:#191600;padding:13px;font-size:13.5px;box-shadow:0 4px 12px #fee5004d}.cta-ghost{width:auto;flex:0 0 auto;background:transparent;border:1px solid var(--line);color:var(--mute);padding:13px 16px;font-size:13.5px}.footbar{position:absolute;left:0;right:0;bottom:0;padding:14px 20px calc(24px + var(--safe-b));background:linear-gradient(to top,var(--sand) 62%,rgba(247,243,231,0));z-index:20}.footbar-solid{background:#f7f3e7f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:11px 16px calc(20px + var(--safe-b));display:flex;gap:9px;align-items:center}.bigcta{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;background:var(--red);border-radius:16px;padding:17px 18px;box-shadow:0 6px 18px #b3402f47;transition:filter .15s}.bigcta:hover{filter:brightness(1.06)}.bigcta-t{font:900 18px/1 var(--kr);color:#fff}.bigcta-s{font:500 11.5px/1.4 var(--kr);color:#ffffffbf;margin-top:7px}.tabbar{position:absolute;bottom:0;left:0;right:0;height:calc(74px + var(--safe-b));padding:11px 26px var(--safe-b);background:#f7f3e7f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-2);display:flex;z-index:20}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.tabbar i{width:19px;height:19px;border:2.2px solid var(--pale);display:block}.tabbar span{font:500 9.5px var(--kr);color:var(--faint)}.tabbar button[data-on=true] i{border-color:var(--green)}.tabbar button[data-on=true] span{font-weight:700;color:var(--green)}.listcard{display:flex;width:100%;align-items:center;gap:13px;background:var(--paper);border:1px solid var(--line-2);border-radius:13px;padding:13px 15px;transition:border-color .15s}.listcard:hover{border-color:var(--line-dash)}.datechip{width:38px;height:38px;border-radius:9px;background:var(--sunk);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.datechip b{font:700 12px/1 var(--mono);color:var(--green)}.datechip span{font:500 8px/1 var(--mono);color:var(--mute);margin-top:3px}.resume{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);border:1px solid #d8d0b8;border-left:4px solid var(--green);border-radius:13px;padding:14px 16px}.prow{display:flex;align-items:center;gap:12px;border-radius:13px;padding:11px 13px;border:1.5px solid var(--line-2);background:var(--paper);transition:all .15s}.prow[data-on=true]{border-color:var(--green);background:#f4f7ee}.prow-tap{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.stepper{display:flex;align-items:center;gap:2px;background:var(--sunk-2);border-radius:9px;padding:3px;flex:none}.stepper button{width:26px;height:26px;border-radius:7px;background:var(--paper);display:flex;align-items:center;justify-content:center;font:700 14px var(--mono);color:var(--green)}.stepper button:disabled{color:var(--pale)}.stepper .val{width:36px;text-align:center;font:700 13px var(--mono);color:var(--ink)}.stepper-lg{border-radius:10px;gap:3px}.stepper-lg button{width:30px;height:30px;font-size:16px}.stepper-lg .val{min-width:68px}.addbtn{width:26px;height:26px;border-radius:50%;border:1.5px dashed var(--line-dash);display:flex;align-items:center;justify-content:center;font:700 14px var(--mono);color:var(--pale);flex:none}.dashed{display:block;width:100%;border:1.5px dashed var(--line-dash);border-radius:13px;padding:14px;text-align:center;font:600 12px var(--kr);color:var(--mute)}.field-inline{border:none;background:transparent;outline:none;padding:0;width:100%;font:700 13.5px/1.3 var(--kr);color:var(--ink)}.field-inline::placeholder{color:var(--pale);font-weight:500}.field{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px 12px;outline:none;font:600 13px var(--kr)}.field:focus{border-color:var(--green)}.modegrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode{border-radius:13px;padding:12px 13px;border:1.5px solid var(--line-2);background:var(--paper);transition:all .15s}.mode[data-on=true]{border-color:var(--green);background:var(--green)}.mode-n{font:700 13px/1.3 var(--kr);color:var(--ink)}.mode-d{font:500 10px/1.45 var(--kr);color:var(--mute);margin-top:7px}.mode[data-on=true] .mode-n{color:var(--sand)}.mode[data-on=true] .mode-d{color:var(--green-pale)}.mode[data-soon=true]{opacity:.55}.opt{display:flex;align-items:center;gap:11px;border-radius:12px;padding:10px 12px;border:1px solid var(--line-2);background:var(--paper)}.opt[data-on=true]{border-color:#c9d6c2;background:#fbfaf1}.check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line-dash);background:transparent;display:flex;align-items:center;justify-content:center;font:700 12px var(--mono);color:#fff;flex:none}.opt[data-on=true] .check{background:var(--green);border-color:var(--green)}.opt-l{font:700 12.5px/1.35 var(--kr);color:var(--ink)}.opt-d{font:500 10px/1.35 var(--kr);color:var(--mute);margin-top:5px}.switch{width:48px;height:28px;border-radius:14px;background:var(--line-dash);padding:3px;display:flex;justify-content:flex-start;flex:none;transition:all .18s}.switch[data-on=true]{background:var(--green);justify-content:flex-end}.switch i{width:22px;height:22px;border-radius:50%;background:var(--paper);display:block}.caddie{background:var(--sunk);border-radius:12px;padding:13px 14px;font:500 10.5px/1.65 var(--kr);color:#6d6757}.holechips{display:flex;gap:3px;margin-top:14px;overflow-x:auto;scroll-snap-type:x proximity}.holechip{flex:1 0 26px;min-width:26px;padding-bottom:9px;border-bottom:2.5px solid rgba(255,255,255,.16);text-align:center;scroll-snap-align:center;font:500 11px var(--mono);color:#a9c8b38c;transition:color .15s,border-color .15s}.holechip[data-state=done]{color:var(--sand);border-bottom-color:var(--green-pale)}.holechip[data-state=partial]{color:var(--gold-lit);border-bottom-color:#e8d98a8c}.holechip[data-cur=true]{font-weight:700;color:#fff;border-bottom-color:#fff}.playtabs{display:flex;gap:3px}.playtabs button{flex:1;text-align:center;padding:11px 0;font:700 12px var(--kr);color:#a9c8b3bf;border-bottom:2.5px solid transparent;transition:color .15s,border-color .15s}.playtabs button[data-on=true]{color:#fff;border-bottom-color:#fff}.band{padding:14px 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--sunk);border-bottom:1px solid #ded6bd}.band-no{font:900 22px/1 var(--kr);color:var(--ink)}.band-par{font:600 12px/1 var(--mono);color:var(--soft)}.parpick{display:inline-flex;gap:3px;margin-left:2px}.parpick button{font:700 10.5px/1 var(--kr);color:var(--mute);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 8px;cursor:pointer}.parpick button[data-on=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.parpick button:disabled{opacity:.5;cursor:default}.band-carry{font:600 10.5px var(--kr);color:var(--mute);white-space:nowrap;text-align:right}.pcard{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 13px;box-shadow:0 1px #e6dfc9;animation:riseIn .28s both}.pcard-live{font:700 15px/1.2 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.pcard-live-k{font:500 9px/1.35 var(--kr);color:var(--faint);margin-top:5px;text-align:right}.rels{display:flex;gap:4px;margin-top:11px}.rel{flex:1;min-width:0;background:var(--paper);border:1px solid var(--line-2);border-radius:9px;padding:7px 0;text-align:center;transition:all .13s}.rel:hover:not(:disabled):not([data-on=true]){background:var(--sunk-2)}.rel b{display:block;font:700 13px/1 var(--mono);color:var(--soft)}.rel span{display:block;font:500 8.5px/1 var(--kr);color:var(--faint);margin-top:4px;white-space:nowrap;overflow:hidden}.rel[data-tone=good] b{color:var(--green)}.rel[data-tone=bad] b{color:var(--red)}.rel[data-on=true]{background:var(--green);border-color:var(--green)}.rel[data-on=true] b,.rel[data-on=true] span{color:#fff}.rel[data-on=true][data-tone=bad]{background:var(--red);border-color:var(--red)}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;align-items:center}.chip{border-radius:20px;padding:5px 10px;font:600 10px var(--kr);white-space:nowrap;border:1px solid var(--line-2);background:var(--paper);color:var(--mute);transition:all .13s}.chip[data-on=true]{border-color:var(--red);background:#f8e9e4;color:var(--red)}.chip-auto{margin-left:auto;font:600 10px var(--mono);white-space:nowrap}.special{flex:1;min-width:0;border-radius:10px;padding:9px 8px;border:1px solid var(--line-2);background:var(--paper);transition:all .13s}.special[data-on=true]{border-color:var(--green);background:#f4f7ee}.special-k{font:600 9.5px/1.35 var(--kr);color:var(--mute)}.special-v{font:700 12px/1.35 var(--kr);color:var(--ink);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.special[data-on=true] .special-v{color:var(--green)}.holenav{width:50px;height:48px;border-radius:12px;background:var(--sunk);display:flex;align-items:center;justify-content:center;font:700 17px var(--mono);color:var(--green);flex:none}.holenav:disabled{color:var(--pale)}.holenext{flex:1;height:48px;border-radius:12px;background:var(--green);display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s}.holenext[data-accent=red]{background:var(--red)}.holenext:hover{filter:brightness(1.06)}.holenext b{font:900 14px var(--kr);color:#fff}.holenext span{font:700 13px var(--mono);color:#ffffffb3}.lb{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.lb-head{display:flex;padding:10px 13px;background:var(--sunk);font:700 9.5px var(--mono);color:var(--soft);letter-spacing:.06em}.lb-row{display:flex;align-items:center;padding:12px 13px;border-top:1px solid var(--line-soft)}.lb-rank{width:26px;font:700 12px var(--mono);color:var(--mute);flex:none}.lb-row[data-lead=true] .lb-rank{color:var(--green)}.lb-total{width:44px;text-align:right;font:700 13px var(--mono);color:var(--ink);flex:none}.lb-net{width:40px;text-align:right;font:600 11px var(--mono);color:var(--soft);flex:none}.lb-money{width:82px;text-align:right;white-space:nowrap;font:700 12.5px var(--mono);flex:none}.grid{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px;overflow-x:auto}.grid-inner{display:flex;min-width:100%}.grid-left{flex:none;width:56px;position:sticky;left:0;background:var(--paper);z-index:1}.grid-h{height:26px;font:700 9px var(--mono);color:var(--mute);display:flex;align-items:center}.grid-par{height:22px;font:600 9px var(--mono);color:var(--faint);display:flex;align-items:center}.grid-name{height:26px;display:flex;align-items:center;gap:5px;font:600 9.5px var(--kr);color:var(--ink)}.grid-name i{width:6px;height:6px;border-radius:50%;flex:none}.grid-col{flex:1;min-width:24px;text-align:center}.grid-col[data-cur=true]{background:var(--sunk-2);border-radius:6px}.grid-col>.no{height:26px;font:700 9.5px var(--mono);color:var(--ink);display:flex;align-items:center;justify-content:center}.grid-col>.par{height:22px;font:500 9px var(--mono);color:var(--faint);display:flex;align-items:center;justify-content:center}.grid-cell{height:26px;display:flex;align-items:center;justify-content:center;font:700 10.5px var(--mono)}.led{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:11px 13px}.led-no{font:700 11.5px/1 var(--mono);color:var(--green);flex:none}.led-sum{flex:1;min-width:0;font:500 10.5px/1.45 var(--kr);color:var(--soft);word-break:keep-all}.led-lines{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.led-line{background:var(--sunk-2);border-radius:7px;padding:4px 8px;font:600 9.5px/1.3 var(--kr);white-space:nowrap}.seg{display:flex;gap:3px;background:var(--sunk);border-radius:11px;padding:3px}.seg button{flex:1;text-align:center;padding:9px 0;border-radius:9px;font:700 11.5px var(--kr);color:var(--mute);transition:all .15s}.seg button[data-on=true]{background:var(--paper);color:var(--ink)}.srow{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:13px;padding:13px 14px;animation:riseIn .3s both}.srow[data-dir=in]{border-left-color:var(--green)}.srow[data-dir=out]{border-left-color:var(--red)}.srow-total{font:700 17px/1.2 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.srow-verdict{font:600 9.5px/1.35 var(--kr);margin-top:6px;white-space:nowrap}.tiles{display:flex;gap:5px;margin-top:11px}.tile{flex:1;min-width:0;background:var(--sunk-3);border-radius:8px;padding:7px 8px}.tile-k{font:500 9px/1.35 var(--kr);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-v{font:700 11px/1 var(--mono);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint{font:500 10.5px/1.6 var(--kr);color:var(--soft);background:var(--sunk);border-radius:11px;padding:11px 13px}.tr{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:13px 14px}.tr-amt{margin-left:auto;flex:none;white-space:nowrap;font:700 14px/1.2 var(--mono);color:var(--red)}.sharecard{background:var(--ink);border-radius:14px;padding:15px 16px}.sharecard h3{font:700 12px/1.35 var(--kr);color:var(--sand);margin:0}.sharecard p{font:500 10.5px/1.6 var(--kr);color:#9d9789;margin:8px 0 0}.sharecard .btns{display:flex;gap:7px;margin-top:12px}.share-main{flex:1;background:var(--kakao);border-radius:10px;padding:11px;text-align:center;font:700 11.5px var(--kr);color:var(--ink)}.share-sub{background:#ffffff1f;border-radius:10px;padding:11px 13px;text-align:center;font:700 11.5px var(--kr);color:var(--sand);flex:none}.sharelink{font:500 10px var(--mono);color:#9d9789;margin-top:10px;word-break:break-all;line-height:1.5}.bar{width:88px;height:6px;border-radius:3px;background:var(--sunk);overflow:hidden;flex:none}.bar i{display:block;height:100%;background:var(--green)}.edge{width:3px;height:34px;border-radius:2px;flex:none}.toast{position:absolute;left:0;right:0;bottom:104px;display:flex;justify-content:center;pointer-events:none;z-index:70}.toast>div{background:var(--ink);color:var(--sand);border-radius:22px;padding:10px 18px;font:600 11.5px var(--kr);animation:pop .18s ease-out;box-shadow:0 8px 20px #0003}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#23231f57;display:flex;align-items:flex-end}.sheet{width:100%;max-height:86%;display:flex;flex-direction:column;background:var(--sand);border-radius:20px 20px 0 0;animation:riseIn .24s}.sheet-head{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;border-bottom:1px solid var(--line)}.sheet-body{overflow-y:auto;padding:16px 20px calc(24px + var(--safe-b))}.empty{text-align:center;padding:54px 20px;font:500 12px/1.7 var(--kr);color:var(--mute)}