:root{--bg: #f6f6f4;--surface: #ffffff;--surface-subtle: #fbfbfa;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: #e5e7eb;--border-strong: #d1d5db;--accent: #0891b2;--accent-hover: #0e7490;--accent-soft: #ecfeff;--accent-contrast: #ffffff;--success: #16a34a;--success-soft: #dcfce7;--danger: #dc2626;--danger-soft: #fee2e2;--warning: #b45309;--warning-soft: #fef3c7;--ring: rgba(8, 145, 178, .35);--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .12);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0b;--surface: #111114;--surface-subtle: #0e0e11;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #1f2937;--border-strong: #334155;--accent: #22d3ee;--accent-hover: #67e8f9;--accent-soft: #164e63;--accent-contrast: #06202a;--success: #4ade80;--success-soft: #14321f;--danger: #f87171;--danger-soft: #3a1414;--warning: #fbbf24;--warning-soft: #3a2c0a;--ring: rgba(34, 211, 238, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center}.shell{width:100%;max-width:520px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow)}@media(min-width:560px){.app{padding:24px 16px}.shell{min-height:auto;border:1px solid var(--border);border-radius:18px;overflow:hidden}}.header{padding:20px 20px 16px;border-bottom:1px solid var(--border);background:var(--surface-subtle)}.header__eyebrow{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}.header__title{font-size:18px;font-weight:700;margin:0;color:var(--text-primary)}.header__sub{font-size:13px;color:var(--text-muted);margin:4px 0 0}.content{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px}.step-title{font-size:17px;font-weight:700;margin:0}.step-hint{font-size:14px;color:var(--text-muted);margin:4px 0 0}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.option:hover{border-color:var(--accent)}.option:active{transform:scale(.995)}.option[aria-pressed=true],.option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.option__body{display:flex;flex-direction:column;gap:2px;min-width:0}.option__title{font-weight:600}.option__desc{font-size:13px;color:var(--text-muted)}.option__meta{font-size:13px;color:var(--accent-hover);font-weight:600;white-space:nowrap}.option__chevron{color:var(--text-muted);flex-shrink:0}.date-nav{display:flex;align-items:stretch;gap:6px}.date-nav__arrow{flex-shrink:0;width:32px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:18px;cursor:pointer;transition:border-color .15s,color .15s,opacity .15s}.date-nav__arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.date-nav__arrow:disabled{opacity:.4;cursor:not-allowed}.date-nav__arrow:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.date-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}.date-strip::-webkit-scrollbar{display:none}.date-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:56px;padding:8px 6px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.date-chip:hover:not(:disabled){border-color:var(--accent)}.date-chip.is-selected{border-color:var(--accent);background:var(--accent-soft)}.date-chip:disabled{opacity:.4;cursor:not-allowed}.date-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.date-chip__weekday{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.date-chip.is-selected .date-chip__weekday{color:var(--accent-hover)}.date-chip__day{font-size:17px;font-weight:700;line-height:1.2}.date-chip__month{font-size:10px;color:var(--text-muted)}.day-title{font-size:15px;font-weight:700;margin:0 0 10px}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.slot{padding:12px 8px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-primary);font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.slot:hover{border-color:var(--accent)}.slot.is-selected{border-color:var(--accent);background:var(--accent-soft)}.slot:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--accent)}.btn--ghost{background:transparent;color:var(--text-secondary);width:auto;padding:8px 4px}.btn--ghost:hover:not(:disabled){color:var(--accent)}.actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:8px}.back-row{min-height:20px}.card{border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle);padding:14px 16px}.summary{display:flex;flex-direction:column;gap:2px}.summary__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.summary__row:last-child{border-bottom:none}.summary__label{color:var(--text-muted);font-size:14px}.summary__value{font-weight:600;text-align:right}.notice{border-radius:12px;padding:12px 14px;font-size:14px;border:1px solid var(--border)}.notice--info{background:var(--accent-soft);border-color:transparent;color:var(--text-secondary)}.notice--warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.notice--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.notice__title{font-weight:700;margin:0 0 4px}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:40px 24px}.center__icon{font-size:40px;line-height:1}.center__title{font-size:18px;font-weight:700;margin:0}.center__text{color:var(--text-muted);margin:0;max-width:34ch}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.muted{color:var(--text-muted);font-size:14px}