.cb{--ink:#0a3d2e;--field:#12b76a;--field2:#0e9c59;--mint:#1db877;--blue:#2f84e0;--blue-bg:#eaf3fc;--bg:#f2f5f1;--card:#fff;--line:#e7efe9;--muted:#7a8a80;--court:#6e7e75;--amber:#ff9f6b;--pop:#f4820f;--shadow:0 2px 10px rgba(10,61,46,.055);--lift:0 8px 24px rgba(10,61,46,.1);--cta:0 8px 20px rgba(18,155,90,.34);min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:480px;margin-inline:auto}.cb :where(*,:before,:after){box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.cb :where(button,a){font:inherit;border:none;background:none;cursor:pointer;color:inherit;text-decoration:none}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.header{background:var(--ink);padding:22px 20px 16px}.hrow{gap:12px}.avatar,.hrow{display:flex;align-items:center}.avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--field),var(--field2));justify-content:center;font-size:17px;font-weight:800;color:#fff;box-shadow:0 4px 12px rgba(18,155,90,.4);flex-shrink:0;letter-spacing:-.5px}.cn{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.cs{font-size:13px;color:#6fd4a6;margin-top:3px}.days{position:sticky;top:0;z-index:20;background:var(--ink);padding:10px 16px 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;box-shadow:0 6px 14px rgba(10,61,46,.14)}.days::-webkit-scrollbar{display:none}.dp{flex-shrink:0;display:flex;flex-direction:column;align-items:center;min-width:50px;padding:9px 11px;border-radius:16px;transition:background .15s,transform .1s}.dp:active{transform:scale(.95)}.dp.on{background:var(--mint)}.dp:not(.on){background:hsla(0,0%,100%,.08)}.dp .dw{font-size:10.5px;font-weight:600;color:hsla(0,0%,100%,.55);text-transform:uppercase;letter-spacing:.04em}.dp.on .dw{color:hsla(0,0%,100%,.9)}.dp .dm{font-size:17px;font-weight:800;color:#fff;margin-top:2px}.dp .sc{font-size:8.5px;font-weight:800;color:var(--amber);margin-top:3px}.dp.on .sc{color:hsla(0,0%,100%,.85)}.body{padding:18px 16px 150px;flex:1}.lb{font-size:11px;font-weight:700;color:#0f6e56;letter-spacing:.09em;text-transform:uppercase;margin-bottom:11px}.pt-lb{display:flex;align-items:center;justify-content:space-between}.priceTag{font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--field),var(--field2));box-shadow:0 3px 8px rgba(18,155,90,.28);padding:6px 13px;border-radius:20px;letter-spacing:0;text-transform:none}.section{margin-bottom:20px}.usual{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,#eaf7f0,#e2f3e9);border:1px solid #cde9d8;border-radius:16px;padding:13px 15px;margin-bottom:18px}.usual-t{font-size:13.5px;font-weight:800;color:var(--ink)}.usual-s{font-size:12px;color:#4f6157;margin-top:2px}.usual-btn{background:linear-gradient(135deg,var(--field),var(--field2));border-radius:12px;padding:10px 15px;font-size:12.5px;font-weight:800;color:#fff;white-space:nowrap;box-shadow:0 4px 10px rgba(18,155,90,.3)}.usual-btn:active{transform:scale(.96)}.dur{display:inline-flex;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:4px;gap:3px}.db{padding:9px 22px;border-radius:18px;font-size:14px;font-weight:700;background:transparent;color:var(--muted);transition:all .2s;display:flex;flex-direction:column;align-items:center}.db.on{background:var(--blue);color:#fff}.db span{font-size:11px;font-weight:500;opacity:.85}.slots{display:flex;flex-direction:column;gap:9px}.slot{display:flex;align-items:center;padding:14px 15px;border-radius:16px;background:#fff;box-shadow:var(--shadow);cursor:pointer;transition:transform .1s,box-shadow .15s;width:100%;text-align:start}.slot:active{transform:scale(.985)}.slot.sel{background:var(--blue-bg);box-shadow:0 0 0 2px var(--blue),var(--shadow)}.sl{flex:1}.st{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.5px;line-height:1}.su{font-size:14px;font-weight:700;color:var(--blue);margin-top:6px}.su .ct{color:var(--court);font-weight:500;font-size:12.5px}.sr{display:flex;align-items:center;gap:9px}.pop{padding:4px 9px;background:#fff1e0;color:var(--pop);white-space:nowrap}.pop,.selb{font-size:10px;font-weight:800;border-radius:20px}.selb{padding:4px 10px;background:var(--blue);color:#fff}.sk{height:52px;border-radius:16px;background:linear-gradient(90deg,#eef1ee 25%,#f6f8f6 50%,#eef1ee 75%);background-size:200% 100%;animation:sh 1.2s infinite}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;padding:44px 24px;color:#aaa;font-size:14px;line-height:1.7}.cbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin-inline:auto;padding:12px 16px 24px;background:var(--bg);box-shadow:0 -6px 18px rgba(10,61,46,.06);transform:translateY(130%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:30}.cbar.show{transform:translateY(0)}.cbtn{background:linear-gradient(135deg,var(--field),var(--field2));border-radius:16px;padding:15px 20px;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--cta);transition:transform .1s}.cbtn:active{transform:scale(.99)}.cbtn .m{font-size:12px;color:hsla(0,0%,100%,.82);text-align:start}.cbtn .d{font-size:15px;font-weight:700;color:#fff;margin-top:3px;text-align:start}.cbtn .ar{font-size:14px;font-weight:800;color:#fff;white-space:nowrap}.backdrop{position:fixed;inset:0;background:rgba(10,30,22,.5);opacity:0;pointer-events:none;transition:opacity .25s;z-index:60}.backdrop.show{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin-inline:auto;background:#fff;border-radius:26px 26px 0 0;padding:10px 18px 30px;transform:translateY(105%);transition:transform .34s cubic-bezier(.34,1.4,.64,1);z-index:70;box-shadow:0 -12px 44px rgba(10,61,46,.2)}.sheet.show{transform:translateY(0)}.handle{width:42px;height:4px;border-radius:4px;background:#dde6e0;margin:0 auto 14px}.sheet-t{font-size:18px;font-weight:800;color:var(--ink);text-align:center}.sheet-s{font-size:12.5px;color:#0f6e56;font-weight:600;text-align:center;margin:4px 0 16px}.card{background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.rw{display:flex;justify-content:space-between;padding:15px 16px}.rw:not(:last-child){border-bottom:1px solid var(--line)}.rw .k{font-size:13px;color:var(--muted)}.rw .v{font-size:14px;font-weight:700}.rw .v.bl{color:var(--blue)}.cf{background:linear-gradient(135deg,var(--field),var(--field2));border-radius:16px;padding:17px;width:100%;font-size:15px;font-weight:700;color:#fff;box-shadow:var(--cta);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .1s}.cf:active{transform:scale(.99)}.cf:disabled{opacity:.65}.cf svg{width:19px;height:19px;fill:#fff}.sheet-cancel{width:100%;padding:13px;font-size:14px;font-weight:600;color:var(--muted);margin-top:4px}.sheet-cancel:active{color:var(--ink)}.success{position:fixed;inset:0;background:linear-gradient(160deg,#0d4634,#0a3d2e);flex-direction:column;text-align:center;padding:34px;z-index:100}.check-circle,.success{display:flex;align-items:center;justify-content:center}.check-circle{width:94px;height:94px;border-radius:50%;background:var(--field);box-shadow:0 12px 36px rgba(18,155,90,.55);animation:pop-circle .5s cubic-bezier(.34,1.56,.64,1) both}.check-circle svg{width:46px;height:46px}.check-circle path{stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw-ck .4s ease-out .32s forwards}@keyframes pop-circle{0%{transform:scale(0)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes draw-ck{to{stroke-dashoffset:0}}.succ-t{font-size:27px;font-weight:800;color:#fff;margin-top:24px;animation:succ-up .45s ease-out .38s both}.succ-slot{font-size:15px;color:#6fd4a6;font-weight:600;margin-top:8px;animation:succ-up .45s ease-out .48s both}.succ-timer{font-size:14px;color:var(--amber);font-weight:800;margin-top:20px;font-variant-numeric:tabular-nums;animation:succ-up .45s ease-out .56s both}.succ-msg{font-size:15px;color:hsla(0,0%,100%,.85);line-height:1.55;margin:12px 0 28px;max-width:280px;animation:succ-up .45s ease-out .63s both}@keyframes succ-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.wa-btn{background:#25d366;border-radius:16px;padding:16px 28px;font-size:16px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 8px 22px rgba(37,211,102,.4);animation:succ-up .45s ease-out .7s both}.wa-btn:active{transform:scale(.97)}.wa-btn svg{width:20px;height:20px;fill:#fff}.notice{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:12px 15px;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:14px;animation:fade .25s}.offline{position:sticky;top:0;z-index:40;background:var(--ink);color:#fff;text-align:center;font-size:13px;font-weight:700;padding:8px}.retry-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.retry{background:#fff;border-radius:18px;box-shadow:var(--lift);padding:22px 26px;font-size:15px;font-weight:700;color:var(--ink)}.retry:active{transform:scale(.97)}.ph{opacity:.35}.notice.full{width:100%;text-align:start}