:root{--reserve-max-width:540px;--color-bg:#fff;--color-bg-subtle:#f8f9fa;--color-text:#212529;--color-text-secondary:#6c757d;--color-border:#e9ecef;--color-primary:#004aad;--color-primary-hover:#003d8f;--color-success:#059669;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-error:#dc2626;--color-error-bg:#fef2f2}.reserve-layout{background:var(--color-bg-subtle);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6;display:flex}.reserve-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.reserve-header-content{max-width:var(--reserve-max-width);align-items:center;gap:12px;margin:0 auto;padding:12px 16px;display:flex}.reserve-logo{width:auto;height:28px}.reserve-header-text{color:var(--color-text-secondary);font-size:13px}.reserve-main{max-width:var(--reserve-max-width);flex:1;width:100%;margin:0 auto;padding:24px 16px}.reserve-footer{text-align:center;color:var(--color-text-secondary);padding:24px 16px;font-size:12px}.reserve-steps{gap:4px;margin-bottom:32px;display:flex}.reserve-step{text-align:center;border-radius:4px;flex:1;padding:10px 4px;font-size:12px;font-weight:500;transition:all .2s}.reserve-step-inactive{background:var(--color-border);color:var(--color-text-secondary)}.reserve-step-active{background:var(--color-primary);color:#fff;font-weight:600}.reserve-step-done{background:var(--color-primary);color:#fff}.reserve-page-title{color:var(--color-text);margin:0 0 8px;font-size:20px;font-weight:700}.reserve-page-desc{color:var(--color-text-secondary);margin:0 0 24px;font-size:14px}.reserve-menu-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.reserve-menu-item{background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.reserve-menu-item:hover{border-color:#d1d5db}.reserve-menu-item-selected{border-color:var(--color-primary);background:#f0f7ff;border-width:2px}.reserve-menu-content{flex:1}.reserve-menu-name{color:var(--color-text);margin:0 0 4px;font-size:15px;font-weight:600}.reserve-menu-desc{color:var(--color-text-secondary);margin:0 0 4px;font-size:13px}.reserve-menu-time{color:#9ca3af;font-size:12px}.reserve-menu-radio{background:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .2s}.reserve-menu-item-selected .reserve-menu-radio{border-color:var(--color-primary);border-width:6px}.reserve-calendar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;padding:20px}.reserve-calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.reserve-calendar-title{font-size:16px;font-weight:600}.reserve-calendar-nav{background:var(--color-bg-subtle);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .2s}.reserve-calendar-nav:hover{background:var(--color-border)}.reserve-calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.reserve-calendar-weekday{text-align:center;color:var(--color-text-secondary);padding:8px 4px;font-size:12px;font-weight:600}.reserve-calendar-weekday-sun{color:var(--color-error)}.reserve-calendar-weekday-sat{color:var(--color-primary)}.reserve-calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.reserve-calendar-day{aspect-ratio:1;background:var(--color-bg);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.reserve-calendar-day:hover:not(:disabled){background:var(--color-bg-subtle)}.reserve-calendar-day-sun{color:var(--color-error)}.reserve-calendar-day-sat{color:var(--color-primary)}.reserve-calendar-day-disabled{color:#d1d5db;cursor:not-allowed}.reserve-calendar-day-disabled:hover{background:var(--color-bg)}.reserve-calendar-day-selected{background:var(--color-primary);color:#fff;font-weight:600}.reserve-calendar-day-selected:hover{background:var(--color-primary)}.reserve-times{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;padding:20px}.reserve-times-title{margin:0 0 16px;font-size:14px;font-weight:600}.reserve-times-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.reserve-time-slot{text-align:center;background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:12px 8px;font-size:14px;transition:all .2s}.reserve-time-slot:hover:not(:disabled){border-color:#d1d5db}.reserve-time-slot-disabled{color:#d1d5db;cursor:not-allowed}.reserve-time-slot-selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.reserve-times-empty{text-align:center;color:var(--color-text-secondary);padding:24px;font-size:14px}.reserve-form{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;padding:24px 20px}.reserve-form-group{margin-bottom:20px}.reserve-form-group:last-child{margin-bottom:0}.reserve-form-label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.reserve-form-required{color:var(--color-error);margin-left:2px}.reserve-form-optional{color:var(--color-text-secondary);margin-left:4px;font-weight:400}.reserve-form-input,.reserve-form-textarea{border:1px solid var(--color-border);appearance:none;border-radius:8px;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.reserve-form-input:focus,.reserve-form-textarea:focus{border-color:var(--color-primary);outline:none}.reserve-form-hint{color:var(--color-text-secondary);margin-top:6px;font-size:12px}.reserve-summary{background:#f0f7ff;border:1px solid #d1e3f8;border-radius:10px;margin-bottom:24px;padding:16px}.reserve-summary-label{color:var(--color-primary);margin-bottom:8px;font-size:12px;font-weight:600}.reserve-summary-content{font-size:14px}.reserve-summary-content strong{font-weight:600;display:block}.reserve-option-box{background:var(--color-warning-bg);border:1px solid #fbbf24;border-radius:10px;margin-bottom:20px;padding:16px}.reserve-option-check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.reserve-option-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-warning);cursor:pointer;margin-top:2px}.reserve-option-label{margin-bottom:4px;font-size:14px;font-weight:600}.reserve-option-desc{color:#92400e;font-size:13px}.reserve-confirm-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.reserve-confirm-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle);padding:16px 20px;font-size:14px;font-weight:600}.reserve-confirm-body{padding:20px}.reserve-confirm-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.reserve-confirm-row:last-child{border-bottom:none}.reserve-confirm-label{color:var(--color-text-secondary)}.reserve-confirm-value{text-align:right;font-weight:500}.reserve-confirm-highlight{color:var(--color-warning)}.reserve-notice{background:var(--color-warning-bg);border:1px solid #fbbf24;border-radius:10px;margin-bottom:24px;padding:16px 20px}.reserve-notice-title{color:#92400e;margin:0 0 10px;font-size:14px;font-weight:600}.reserve-notice-list{color:#92400e;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.reserve-complete-header{text-align:center;margin-bottom:32px}.reserve-complete-check{background:var(--color-success);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.reserve-complete-check svg{stroke:#fff;stroke-width:3px;width:32px;height:32px}.reserve-complete-title{color:var(--color-success);margin:0 0 8px;font-size:22px;font-weight:700}.reserve-complete-desc{color:var(--color-text-secondary);margin:0;font-size:14px}.reserve-number-box{background:var(--color-primary);color:#fff;text-align:center;border-radius:12px;margin-bottom:24px;padding:20px}.reserve-number-label{opacity:.9;margin-bottom:6px;font-size:13px}.reserve-number-value{letter-spacing:2px;font-size:24px;font-weight:700}.reserve-info-box{background:#f0f7ff;border:1px solid #d1e3f8;border-radius:10px;margin-bottom:16px;padding:16px 20px}.reserve-info-title{color:var(--color-primary);margin:0 0 8px;font-size:14px;font-weight:600}.reserve-info-text{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.7}.reserve-cancel-box{background:var(--color-error-bg);border:1px solid #fecaca;border-radius:10px;margin-bottom:24px;padding:16px 20px}.reserve-cancel-title{color:var(--color-error);margin:0 0 8px;font-size:14px;font-weight:600}.reserve-cancel-text{color:var(--color-text-secondary);margin:0 0 12px;font-size:13px}.reserve-btn-group{gap:12px;display:flex}.reserve-btn{cursor:pointer;text-align:center;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:16px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.reserve-btn-primary{background:var(--color-primary);color:#fff;border:none;flex:2}.reserve-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.reserve-btn-primary:disabled{cursor:not-allowed;background:#d1d5db}.reserve-btn-success{background:var(--color-success);color:#fff;border:none;flex:2}.reserve-btn-success:hover:not(:disabled){background:#047857}.reserve-btn-success:disabled{cursor:not-allowed;background:#d1d5db}.reserve-btn-secondary{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.reserve-btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.reserve-btn-outline{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);justify-content:center;align-items:center;display:inline-flex}.reserve-btn-outline:hover:not(:disabled){background:var(--color-bg-subtle)}.reserve-btn-danger-outline{background:var(--color-bg);color:var(--color-error);border:1px solid var(--color-error)}.reserve-btn-danger-outline:hover:not(:disabled){background:var(--color-error-bg)}.reserve-btn-block{width:100%}.reserve-link-center{text-align:center;margin-top:24px}.reserve-link{color:var(--color-primary);font-size:14px;text-decoration:none}.reserve-link:hover{text-decoration:underline}.reserve-error{background:var(--color-bg-subtle);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.reserve-error-card{background:var(--color-bg);text-align:center;border-radius:12px;max-width:400px;padding:40px}.reserve-error-title{margin:0 0 16px;font-size:18px;font-weight:600}.reserve-loading{background:var(--color-bg-subtle);justify-content:center;align-items:center;min-height:100vh;display:flex}.reserve-loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite reserve-spin}@keyframes reserve-spin{to{transform:rotate(360deg)}}.reserve-cancel-form{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:12px;margin-bottom:24px;padding:20px}.reserve-cancel-form-title{color:var(--color-error);margin:0 0 16px;font-size:15px;font-weight:600}.reserve-change-box{border:1px solid var(--color-primary);background:#f0f7ff;border-radius:12px;margin-bottom:24px;padding:20px}.reserve-change-title{color:var(--color-primary);margin:0 0 12px;font-size:15px;font-weight:600}.reserve-change-text{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px}.reserve-badge{border-radius:4px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.reserve-badge-confirmed{color:#166534;background:#d1fae5}.reserve-badge-completed{color:#1e40af;background:#dbeafe}.reserve-badge-cancelled{color:#991b1b;background:#fee2e2}@media (max-width:480px){.reserve-times-grid{grid-template-columns:repeat(3,1fr)}}