*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-secondary:#f7f7f8;--text:#111;--text-sub:#666;--text-muted:#999;--accent:#06c755;--accent-light:#edfbf2;--border:#f0f0f0;--danger:#ff3b30;--radius:12px;--radius-sm:8px;--radius-full:9999px;--safe-bottom:env(safe-area-inset-bottom,0px)}html{overscroll-behavior:none}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.5}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none}#app{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:var(--bg);z-index:100;align-items:center;gap:12px;min-height:48px;display:flex;position:sticky;top:0}.header-back{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-back:active{background:var(--bg-secondary)}.header-title{font-size:17px;font-weight:600}.steps{gap:4px;padding:12px 16px;display:flex}.step-bar{background:var(--border);border-radius:2px;flex:1 0;height:3px;transition:background .3s}.step-bar.active,.step-bar.done{background:var(--accent)}.content{padding:20px 16px;padding-bottom:calc(20px + var(--safe-bottom));flex:1}.section-label{color:var(--text-sub);letter-spacing:.3px;margin-bottom:12px;font-size:13px;font-weight:600}.welcome{text-align:center;padding:40px 16px 24px}.welcome-title{letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:700}.welcome-sub{color:var(--text-sub);margin-bottom:28px;font-size:14px}.services-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.service-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);text-align:center;min-height:48px;padding:16px 12px;transition:border-color .15s,background .15s}.service-card:active{background:var(--bg-secondary)}.service-card.selected{border-color:var(--accent);background:var(--accent-light)}.service-card .emoji{margin-bottom:8px;font-size:24px}.service-card .name{margin-bottom:2px;font-size:14px;font-weight:600}.service-card .meta{color:var(--text-muted);font-size:12px}.service-card .price{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:8px;font-size:15px;font-weight:700}.service-card.selected .price{color:var(--text)}.stylists{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:20px;margin-bottom:28px;padding-bottom:4px;display:flex;overflow-x:auto}.stylist-chip{scroll-snap-align:start;flex-direction:column;align-items:center;gap:6px;min-width:64px;display:flex}.stylist-avatar{border-radius:var(--radius-full);background:var(--bg-secondary);width:52px;height:52px;color:var(--text-sub);border:2.5px solid #0000;justify-content:center;align-items:center;font-size:17px;font-weight:700;transition:all .15s;display:flex}.stylist-chip.selected .stylist-avatar{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.stylist-chip .sname{color:var(--text-muted);font-size:12px}.stylist-chip.selected .sname{color:var(--accent);font-weight:600}.cal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-title{font-size:16px;font-weight:600}.cal-nav{gap:4px;display:flex}.cal-nav button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.cal-nav button:active{background:var(--bg-secondary)}.cal-nav button:disabled{opacity:.3}.cal-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.cal-weekdays span{color:var(--text-muted);padding:8px 0;font-size:12px;font-weight:600}.cal-weekdays span:first-child{color:var(--danger)}.cal-weekdays span:last-child{color:#3b82f6}.cal-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-day{aspect-ratio:1;border-radius:var(--radius-sm);min-height:44px;color:var(--text);justify-content:center;align-items:center;font-size:15px;font-weight:500;transition:background .1s;display:flex;position:relative}.cal-day:active:not(.disabled):not(.empty){background:var(--bg-secondary)}.cal-day.today{font-weight:700}.cal-day.today:after{content:"";border-radius:var(--radius-full);background:var(--accent);width:4px;height:4px;position:absolute;bottom:5px}.cal-day.selected{background:var(--accent);color:#fff;font-weight:600}.cal-day.selected:after{background:#fff}.cal-day.disabled{color:#d5d5d5}.cal-day.closed{color:#d5d5d5;text-decoration:line-through}.cal-day.sun:not(.selected){color:var(--danger)}.cal-day.sat:not(.selected){color:#3b82f6}.closed-notice{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-sub);text-align:center;margin-top:16px;padding:14px;font-size:14px}.time-section-label{color:var(--text-sub);margin:24px 0 12px;font-size:13px;font-weight:600}.time-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.time-slot{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);text-align:center;font-variant-numeric:tabular-nums;min-height:44px;padding:12px 4px;font-size:14px;font-weight:500;transition:all .1s}.time-slot:active:not(.booked){border-color:var(--accent);background:var(--accent-light)}.time-slot.selected{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.time-slot.booked{background:var(--bg-secondary);color:#ccc;border-color:#0000;text-decoration:line-through}.confirm-card{background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:20px;padding:20px 16px}.confirm-row{justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;display:flex}.confirm-row+.confirm-row{border-top:1px solid var(--border)}.confirm-label{color:var(--text-sub);font-size:13px}.confirm-value{text-align:right;font-weight:600}.confirm-total{border-top:2px solid var(--text);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.confirm-total .label{font-size:14px;font-weight:600}.confirm-total .amount{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.confirm-error{color:var(--danger);border-radius:var(--radius-sm);background:#fef2f2;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:500}.confirm-note{text-align:center;color:var(--text-muted);margin-top:16px;font-size:12px}.done-page{text-align:center;padding:56px 24px;padding-bottom:calc(56px + var(--safe-bottom))}.done-icon{border-radius:var(--radius-full);background:var(--accent-light);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;animation:.35s cubic-bezier(.34,1.56,.64,1) pop;display:flex}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.done-title{margin-bottom:8px;font-size:20px;font-weight:700}.done-desc{color:var(--text-sub);margin-bottom:36px;font-size:14px;line-height:1.7}.booking-list{flex-direction:column;gap:8px;display:flex}.booking-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:14px;display:flex}.booking-badge{background:var(--accent-light);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:52px;display:flex}.booking-badge .day{color:var(--accent);font-size:18px;font-weight:700;line-height:1}.booking-badge .dow{color:var(--accent);font-size:10px;font-weight:600}.booking-info{flex:1;min-width:0}.booking-info .bname{margin-bottom:1px;font-size:14px;font-weight:600}.booking-info .bdetail{color:var(--text-sub);font-size:12px}.booking-cancel{color:var(--text-sub);border:1px solid #e0e0e0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.booking-cancel:active{border-color:var(--danger);color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 16px;font-size:14px}.btn{border-radius:var(--radius);background:var(--accent);color:#fff;width:100%;min-height:52px;padding:16px;font-size:16px;font-weight:600;transition:opacity .1s}.btn:active{opacity:.85}.btn:disabled{background:#d5d5d5}.btn-area{padding:12px 16px;padding-bottom:calc(16px + var(--safe-bottom));background:linear-gradient(transparent, var(--bg) 30%);padding-top:32px;position:sticky;bottom:0}.fade-in{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{display:none}html{scrollbar-width:none}