*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--wh-primary: #7D6B5D;--wh-primary-light: #A89279;--wh-accent: #6B8E4E;--wh-accent-light: #8FB46E;--wh-accent-pale: #E8F2E0;--wh-bg: #FAF7F2;--wh-bg-alt: #F3EDE4;--wh-text: #3C3C3C;--wh-text-light: #7A7A7A;--wh-white: #FFFFFF;--wh-border: #E8E2D8;--wh-danger: #C53030;--wh-font-display: "Zen Old Mincho", serif;--wh-font-body: "Zen Maru Gothic", sans-serif;--wh-font-en: "Playfair Display", serif;--wh-radius: 12px;--wh-radius-sm: 8px;--wh-shadow: 0 2px 12px rgba(0,0,0,.06);--wh-shadow-lg: 0 8px 32px rgba(0,0,0,.1)}body{font-family:var(--wh-font-body);color:var(--wh-text);background:var(--wh-bg);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wh-hidden{display:none!important}.wh-res-header{background:#faf7f2f2;backdrop-filter:blur(10px);border-bottom:1px solid var(--wh-border);padding:0 24px;position:sticky;top:0;z-index:100}.wh-res-header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.wh-res-logo{display:flex;align-items:center;gap:10px;color:var(--wh-primary)}.wh-res-logo-icon{color:var(--wh-accent);display:flex}.wh-res-logo-en{font-family:var(--wh-font-en);font-size:1.1rem;font-weight:600;display:block;line-height:1.2}.wh-res-logo-jp{font-size:.65rem;color:var(--wh-text-light);display:block;letter-spacing:.1em}.wh-res-back{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--wh-accent);transition:color .2s}.wh-res-back:hover{color:var(--wh-primary)}.wh-res-main{max-width:640px;margin:0 auto;padding:40px 24px 80px}.wh-res-title{font-family:var(--wh-font-display);font-size:1.5rem;font-weight:700;color:var(--wh-primary);text-align:center;margin-bottom:8px}.wh-res-subtitle{text-align:center;font-size:.85rem;color:var(--wh-text-light);margin-bottom:32px}.wh-steps{display:flex;justify-content:center;gap:8px;margin-bottom:40px}.wh-step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid var(--wh-border);color:var(--wh-text-light);background:var(--wh-white);transition:all .3s}.wh-step.wh-active{border-color:var(--wh-accent);color:var(--wh-white);background:var(--wh-accent)}.wh-step.wh-done{border-color:var(--wh-accent);color:var(--wh-accent);background:var(--wh-accent-pale)}.wh-step-line{width:24px;height:2px;background:var(--wh-border);align-self:center}.wh-step-line.wh-done{background:var(--wh-accent)}.wh-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wh-cal-title{font-family:var(--wh-font-display);font-size:1.1rem;font-weight:600;color:var(--wh-primary)}.wh-cal-btn{background:var(--wh-white);border:1px solid var(--wh-border);border-radius:var(--wh-radius-sm);padding:8px 16px;cursor:pointer;font-family:inherit;font-size:.8rem;color:var(--wh-text);transition:all .2s}.wh-cal-btn:hover{border-color:var(--wh-accent);color:var(--wh-accent)}.wh-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.wh-cal-dow{text-align:center;font-size:.75rem;font-weight:500;color:var(--wh-text-light);padding:8px 0}.wh-cal-day{text-align:center;padding:10px 4px;border-radius:var(--wh-radius-sm);font-size:.85rem;cursor:pointer;border:2px solid transparent;transition:all .2s;background:var(--wh-white)}.wh-cal-day:hover:not(.wh-cal-disabled){border-color:var(--wh-accent)}.wh-cal-day.wh-cal-selected{background:var(--wh-accent);color:var(--wh-white);border-color:var(--wh-accent)}.wh-cal-day.wh-cal-disabled{color:var(--wh-text-lighter, #ccc);cursor:default;background:var(--wh-bg-alt)}.wh-cal-day.wh-cal-today{font-weight:700;border-color:var(--wh-primary-light)}.wh-cal-day.wh-cal-empty{background:transparent;cursor:default}.wh-slots-title{font-size:.9rem;font-weight:700;color:var(--wh-primary);margin:24px 0 12px}.wh-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.wh-slot{padding:10px;text-align:center;border:2px solid var(--wh-border);border-radius:var(--wh-radius-sm);cursor:pointer;font-size:.85rem;background:var(--wh-white);transition:all .2s}.wh-slot:hover:not(.wh-slot-taken){border-color:var(--wh-accent);color:var(--wh-accent)}.wh-slot.wh-slot-selected{background:var(--wh-accent);color:var(--wh-white);border-color:var(--wh-accent)}.wh-slot.wh-slot-taken{color:#ccc;cursor:default;background:var(--wh-bg-alt);text-decoration:line-through}.wh-slot-loading{text-align:center;padding:20px;color:var(--wh-text-light);font-size:.85rem}.wh-form-group{margin-bottom:20px}.wh-form-label{display:block;font-size:.85rem;font-weight:700;color:var(--wh-text);margin-bottom:6px}.wh-form-label .wh-required{color:var(--wh-danger);margin-left:4px;font-size:.75rem}.wh-form-input{width:100%;padding:12px 16px;border:2px solid var(--wh-border);border-radius:var(--wh-radius-sm);font-family:inherit;font-size:.9rem;background:var(--wh-white);transition:border-color .2s}.wh-form-input:focus{outline:none;border-color:var(--wh-accent)}.wh-form-input::placeholder{color:var(--wh-text-lighter, #bbb)}textarea.wh-form-input{resize:vertical;min-height:80px}.wh-pet-type-selector{display:flex;gap:12px}.wh-pet-type-btn{flex:1;padding:12px;text-align:center;border:2px solid var(--wh-border);border-radius:var(--wh-radius-sm);cursor:pointer;font-family:inherit;font-size:.9rem;background:var(--wh-white);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.wh-pet-type-btn:hover{border-color:var(--wh-accent)}.wh-pet-type-btn.wh-selected{background:var(--wh-accent-pale);border-color:var(--wh-accent);color:var(--wh-accent);font-weight:700}.wh-confirm-card{background:var(--wh-white);border-radius:var(--wh-radius);padding:24px;box-shadow:var(--wh-shadow);margin-bottom:24px}.wh-confirm-row{display:flex;padding:10px 0;border-bottom:1px solid var(--wh-border);font-size:.85rem}.wh-confirm-row:last-child{border-bottom:none}.wh-confirm-label{width:120px;font-weight:700;color:var(--wh-primary);flex-shrink:0}.wh-complete{text-align:center;padding:40px 0}.wh-complete-icon{width:80px;height:80px;border-radius:50%;background:var(--wh-accent-pale);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.wh-complete-title{font-family:var(--wh-font-display);font-size:1.3rem;font-weight:700;color:var(--wh-accent);margin-bottom:12px}.wh-complete-text{font-size:.85rem;color:var(--wh-text-light);line-height:1.8;margin-bottom:24px}.wh-res-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 32px;border-radius:var(--wh-radius-sm);font-family:inherit;font-size:.9rem;font-weight:700;border:2px solid transparent;cursor:pointer;transition:all .2s;width:100%}.wh-res-btn-primary{background:var(--wh-accent);color:var(--wh-white);border-color:var(--wh-accent)}.wh-res-btn-primary:hover{background:var(--wh-accent-light);border-color:var(--wh-accent-light);transform:translateY(-2px)}.wh-res-btn-primary:disabled{opacity:.5;cursor:default;transform:none}.wh-res-btn-outline{background:transparent;color:var(--wh-text);border-color:var(--wh-border)}.wh-res-btn-outline:hover{border-color:var(--wh-primary);color:var(--wh-primary)}.wh-res-btn-group{display:flex;gap:12px;margin-top:24px}.wh-res-btn-group .wh-res-btn{flex:1}.wh-error{color:var(--wh-danger);font-size:.8rem;margin-top:4px}@media(max-width:480px){.wh-slots-grid{grid-template-columns:repeat(3,1fr)}.wh-res-btn-group{flex-direction:column}.wh-confirm-row{flex-direction:column;gap:4px}.wh-confirm-label{width:auto}}