body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#000d22;--primary-container:#002349;--on-primary:#fff;--on-primary-container:#718bb7;--secondary:#486800;--secondary-container:#baf155;--on-secondary:#fff;--on-secondary-container:#4b6c00;--surface:#f9f9ff;--surface-dim:#cfdaf1;--surface-container-low:#f0f3ff;--surface-container:#e7eeff;--surface-container-high:#dee8ff;--on-surface:#111c2c;--on-surface-variant:#43474e;--outline:#74777f;--outline-variant:#c4c6cf;--error:#ba1a1a;--error-container:#ffdad6;--shadow:0 4px 20px #0023490d;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--sp-xs:4px;--sp-sm:12px;--sp-base:8px;--sp-md:24px;--sp-lg:48px;--sp-xl:80px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-text-size-adjust:100%;background:#f9f9ff;background:var(--surface);color:#111c2c;color:var(--on-surface);font-family:Work Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.header{background:#f0f3ff;background:var(--surface-container-low);padding:48px 24px 24px;padding:var(--sp-lg) var(--sp-md) var(--sp-md);text-align:center}.logo{height:80px;margin-bottom:12px;margin-bottom:var(--sp-sm);object-fit:contain;width:80px}.header h1{color:#000d22;color:var(--primary);font-family:"Noto Serif",serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px;margin-bottom:var(--sp-xs)}.header p{color:#43474e;color:var(--on-surface-variant);font-size:18px}.main-layout{align-items:flex-start;display:flex;flex:1 1;gap:24px;gap:var(--sp-md);margin:48px auto;margin:var(--sp-lg) auto;max-width:1200px;padding:0 24px;padding:0 var(--sp-md)}.left-col{flex:1 1;min-width:0;overflow:hidden}.step-badge{background:#486800;background:var(--secondary);border-radius:9999px;color:#fff;color:var(--on-secondary);display:inline-flex;font-family:Work Sans,sans-serif;font-size:14px;height:28px;justify-content:center;margin-right:8px;margin-right:var(--sp-base);width:28px}.step-badge,h2{align-items:center;font-weight:600}h2{color:#000d22;color:var(--primary);display:flex;font-family:"Noto Serif",serif;font-size:28px;line-height:1.3;margin-bottom:24px;margin-bottom:var(--sp-md)}.court-cards{grid-gap:24px;grid-gap:var(--sp-md);display:grid;gap:24px;gap:var(--sp-md);grid-template-columns:repeat(3,1fr);margin-bottom:48px;margin-bottom:var(--sp-lg)}.court-card{background:#fff;border:1px solid #c4c6cf;border:1px solid var(--outline-variant);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0023490d;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;text-align:left;transition:border-color .2s,box-shadow .2s}.court-card.active,.court-card:hover{border-color:#000d22;border-color:var(--primary)}.court-card.active{box-shadow:0 0 0 2px #000d22,0 4px 20px #0023490d;box-shadow:0 0 0 2px var(--primary),var(--shadow)}.court-img{background:#cfdaf1 50%/cover no-repeat;background:var(--surface-dim) center/cover no-repeat;height:140px;position:relative}.court-price{background:#002349;background:var(--primary-container);border-radius:.25rem;border-radius:var(--radius);color:#fff;color:var(--on-primary);font-family:Work Sans,sans-serif;font-size:14px;font-weight:600;padding:4px 12px;padding:var(--sp-xs) var(--sp-sm);position:absolute;right:12px;right:var(--sp-sm);top:12px;top:var(--sp-sm)}.court-info{padding:12px;padding:var(--sp-sm)}.court-info strong{color:#000d22;color:var(--primary);display:block;font-family:"Noto Serif",serif;font-size:18px;font-weight:600}.court-info span{color:#43474e;color:var(--on-surface-variant);font-size:14px}.date-time-row{display:flex;gap:24px;gap:var(--sp-md);margin-bottom:48px;margin-bottom:var(--sp-lg)}.date-time-row>section{flex:1 1}.calendar{background:#fff;border:1px solid #c4c6cf;border:1px solid var(--outline-variant);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0023490d;box-shadow:var(--shadow);padding:24px;padding:var(--sp-md)}.cal-header{align-items:center;display:flex;font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--sp-sm)}.cal-header,.cal-header button{color:#000d22;color:var(--primary)}.cal-header button{background:none;border:none;border-radius:.25rem;border-radius:var(--radius);cursor:pointer;font-size:18px;padding:4px 8px;padding:var(--sp-xs) var(--sp-base)}.cal-header button:hover{background:#e7eeff;background:var(--surface-container)}.cal-days{color:#74777f;color:var(--outline);font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;margin-bottom:var(--sp-xs)}.cal-days,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.cal-grid{grid-gap:2px;gap:2px}.cal-cell{background:none;border:none;border-radius:9999px;color:#111c2c;color:var(--on-surface);cursor:pointer;font-family:Work Sans,sans-serif;font-size:14px;padding:8px 0;transition:background .15s}.cal-cell:hover:not(.disabled):not(.selected){background:#e7eeff;background:var(--surface-container)}.cal-cell.disabled,.cal-cell.other{color:#c4c6cf;color:var(--outline-variant)}.cal-cell.disabled{cursor:default}.cal-cell.selected{background:#000d22;background:var(--primary);color:#fff;color:var(--on-primary);font-weight:700}.empty-slots{background:#fff;border:1px solid #c4c6cf;border:1px solid var(--outline-variant);border-radius:.5rem;border-radius:var(--radius-lg);color:#43474e;color:var(--on-surface-variant);font-size:14px;padding:48px 24px;padding:var(--sp-lg) var(--sp-md);text-align:center}.time-grid{grid-gap:8px;grid-gap:var(--sp-base);display:grid;gap:8px;gap:var(--sp-base);grid-template-columns:repeat(2,1fr)}.time-slot{align-items:center;background:#fff;border:1px solid #c4c6cf;border:1px solid var(--outline-variant);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0023490d;box-shadow:var(--shadow);color:#111c2c;color:var(--on-surface);cursor:pointer;display:flex;font-family:Work Sans,sans-serif;font-size:16px;font-weight:500;justify-content:space-between;min-height:44px;padding:12px;padding:var(--sp-sm) var(--sp-sm);transition:all .15s}.time-slot.selected,.time-slot:hover:not(:disabled){border-color:#000d22;border-color:var(--primary)}.time-slot.selected{background:#000d22;background:var(--primary);color:#fff;color:var(--on-primary)}.time-slot.booked{cursor:not-allowed;opacity:.45}.slot-badge{background:#baf155;background:var(--secondary-container);border-radius:.25rem;border-radius:var(--radius);color:#4b6c00;color:var(--on-secondary-container);font-family:Work Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.slot-badge.sel{background:#fff3;color:#fff;color:var(--on-primary)}.slot-badge.bkd{background:#ffdad6;background:var(--error-container);color:#ba1a1a;color:var(--error)}.summary-panel{background:#000d22;background:var(--primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #000d2226;color:#fff;color:var(--on-primary);flex-shrink:0;padding:24px;padding:var(--sp-md);position:sticky;top:24px;top:var(--sp-md);width:360px}.summary-panel h3{font-family:"Noto Serif",serif;font-size:28px;font-weight:600;line-height:1.3}.summary-details,.summary-panel h3{margin-bottom:24px;margin-bottom:var(--sp-md)}.summary-details{background:#ffffff12;border-radius:.5rem;border-radius:var(--radius-lg);padding:12px;padding:var(--sp-sm)}.summary-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0;padding:var(--sp-xs) 0}.summary-row span{color:#718bb7;color:var(--on-primary-container);letter-spacing:.05em}.summary-row span,.summary-row strong{font-family:Work Sans,sans-serif;font-size:14px;font-weight:600}.summary-row strong{color:#fff;color:var(--on-primary)}.summary-row.total{border-top:1px solid #ffffff1f;margin-top:8px;margin-top:var(--sp-base);padding-top:12px;padding-top:var(--sp-sm)}.summary-row.total strong{color:#baf155;color:var(--secondary-container);font-size:18px;font-weight:700}.summary-form label{color:#718bb7;color:var(--on-primary-container);display:block;font-family:Work Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;margin-bottom:var(--sp-xs);margin-top:12px;margin-top:var(--sp-sm)}.summary-form input{background:#ffffff12;border:1px solid #ffffff26;border-radius:.25rem;border-radius:var(--radius);color:#fff;color:var(--on-primary);font-family:Work Sans,sans-serif;font-size:16px;outline:none;padding:12px;padding:var(--sp-sm) var(--sp-sm);width:100%}.summary-form input::placeholder{color:#ffffff4d}.summary-form input:focus{border-color:#baf155;border-color:var(--secondary-container)}.upload-area{border:2px dashed #fff3;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;margin-top:4px;margin-top:var(--sp-xs);padding:24px;padding:var(--sp-md);text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#fff6}.upload-placeholder{color:#718bb7;color:var(--on-primary-container)}.upload-icon{display:block;font-size:24px;margin-bottom:4px;margin-bottom:var(--sp-xs)}.upload-placeholder p{font-size:14px;margin:2px 0}.upload-hint{color:#ffffff4d!important;font-size:12px!important}.preview-wrap{align-items:center;display:flex;flex-direction:column;gap:4px;gap:var(--sp-xs)}.receipt-preview{border-radius:.25rem;border-radius:var(--radius);max-height:80px}.preview-name{color:#718bb7;color:var(--on-primary-container);font-size:12px;word-break:break-all}.btn-confirm{background:#486800;background:var(--secondary);border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--on-secondary);cursor:pointer;font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;margin-top:24px;margin-top:var(--sp-md);min-height:48px;padding:12px;padding:var(--sp-sm);transition:opacity .2s;width:100%}.btn-confirm:hover:not(:disabled){opacity:.9}.btn-confirm:disabled{cursor:not-allowed;opacity:.35}.disclaimer{color:#ffffff59;font-size:12px;line-height:1.5;margin-top:12px;margin-top:var(--sp-sm);text-align:center}.success-msg{padding:48px 0;padding:var(--sp-lg) 0;text-align:center}.success-icon{font-size:48px;margin-bottom:12px;margin-bottom:var(--sp-sm)}.success-msg p{color:#718bb7;color:var(--on-primary-container);font-size:16px;line-height:1.6;margin-bottom:24px;margin-bottom:var(--sp-md)}.btn-primary{background:#486800;background:var(--secondary);border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--on-secondary);cursor:pointer;font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;padding:var(--sp-sm) var(--sp-md)}.footer{align-items:center;background:#f0f3ff;background:var(--surface-container-low);border-top:1px solid #c4c6cf;border-top:1px solid var(--outline-variant);color:#43474e;color:var(--on-surface-variant);display:flex;font-size:14px;justify-content:space-between;margin-top:auto;padding:24px;padding:var(--sp-md)}.footer span:first-child{color:#000d22;color:var(--primary);font-family:"Noto Serif",serif;font-weight:600}.footer-links{display:flex;gap:24px;gap:var(--sp-md)}.footer-links a{color:#000d22;color:var(--primary);font-weight:500;text-decoration:none}.footer-links a:hover{text-decoration:underline}.toast{animation:slideUp .3s;border-radius:.5rem;border-radius:var(--radius-lg);bottom:24px;bottom:var(--sp-md);box-shadow:0 8px 24px #00000026;font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;left:50%;padding:12px 24px;padding:var(--sp-sm) var(--sp-md);position:fixed;transform:translateX(-50%);z-index:100}.toast-success{background:#486800;background:var(--secondary);color:#fff;color:var(--on-secondary)}.toast-warn{background:#ba1a1a;background:var(--error);color:var(--on-error)}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:900px){.main-layout{flex-direction:column;gap:24px;gap:var(--sp-md);margin:24px auto;margin:var(--sp-md) auto;padding:0 12px;padding:0 var(--sp-sm)}.summary-panel{order:10;position:static;width:100%}.date-time-row{flex-direction:column;gap:24px;gap:var(--sp-md)}.header h1{font-size:36px}}@media (max-width:768px){.header{padding:24px 12px 12px;padding:var(--sp-md) var(--sp-sm) var(--sp-sm)}.header h1{font-size:24px;letter-spacing:-.01em}.header p{font-size:13px}.logo{height:56px;width:56px}.main-layout{gap:12px;gap:var(--sp-sm);margin:12px auto;margin:var(--sp-sm) auto;padding:0 12px;padding:0 var(--sp-sm)}h2{font-size:20px;margin-bottom:12px;margin-bottom:var(--sp-sm)}.step-badge{font-size:12px;height:24px;width:24px}.court-cards{-webkit-overflow-scrolling:touch;display:flex;gap:12px;gap:var(--sp-sm);margin-bottom:24px;margin-bottom:var(--sp-md);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--sp-base);scroll-snap-type:x mandatory;scrollbar-width:none}.court-cards::-webkit-scrollbar{display:none}.court-card{flex-shrink:0;min-width:65%;scroll-snap-align:start}.court-img{height:120px}.date-time-row{flex-direction:column;gap:12px;gap:var(--sp-sm)}.calendar{padding:12px;padding:var(--sp-sm)}.cal-header{font-size:14px}.cal-days{font-size:10px;letter-spacing:0}.cal-cell{font-size:13px;padding:6px 0}.time-grid{gap:4px;gap:var(--sp-xs);grid-template-columns:1fr 1fr}.time-slot{font-size:13px;min-height:40px;padding:8px;padding:var(--sp-base)}.slot-badge{font-size:9px;padding:2px 5px}.summary-panel{border-radius:.5rem;border-radius:var(--radius-lg);padding:12px;padding:var(--sp-sm)}.summary-panel h3{font-size:20px;margin-bottom:12px;margin-bottom:var(--sp-sm)}.summary-details{padding:8px;padding:var(--sp-base)}.summary-row span{font-size:12px}.summary-row strong{font-size:13px}.summary-row.total strong{font-size:16px}.summary-form label{font-size:12px;margin-top:8px;margin-top:var(--sp-base)}.upload-area{padding:12px;padding:var(--sp-sm)}.btn-confirm{font-size:15px;margin-top:12px;margin-top:var(--sp-sm);min-height:44px}.footer{flex-direction:column;font-size:12px;gap:8px;gap:var(--sp-base);padding:12px;padding:var(--sp-sm);text-align:center}.footer-links{flex-wrap:wrap;font-size:12px;gap:12px;gap:var(--sp-sm);justify-content:center}.toast{bottom:12px;bottom:var(--sp-sm);font-size:13px;left:12px;left:var(--sp-sm);right:12px;right:var(--sp-sm);text-align:center;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=main.523d68b5.css.map*/