:root{--brand:#1d3b72;--brand-strong:#142b55;--brand-soft:#e8eef9;--accent:#2f6fde;--ink:#1f2430;--ink-sub:#5b6475;--line:#dfe3ea;--bg:#f4f6f9;--card:#fff;--warn-bg:#fff4e5;--warn-ink:#8a4b00;--info-bg:#eef5ff;--ok:#1f8a5b;--sun:#c23b3b;--sat:#2f5fbf;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);-webkit-text-size-adjust:100%;margin:0}button,input,textarea{font:inherit;color:inherit}h1,h2,h3{line-height:1.4}.page{max-width:1120px;margin:0 auto;padding:24px 24px 48px}.steps{justify-content:center;align-items:center;gap:0;margin:0 0 24px;padding:0;list-style:none;display:flex}.steps li:not(.step-sep){color:var(--ink-sub);align-items:center;gap:8px;font-size:14px;display:flex}.step-num{border:2px solid var(--line);background:var(--card);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-grid}.steps .is-current{color:var(--brand);font-weight:700}.steps .is-current .step-num{background:var(--brand);border-color:var(--brand);color:#fff}.steps .is-done .step-num{border-color:var(--brand);color:var(--brand)}.step-sep{background:var(--line);width:48px;height:2px;margin:0 12px}.layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.event-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.event-card{padding:24px;position:sticky;top:16px}.event-org{color:var(--ink-sub);letter-spacing:.08em;margin:0;font-size:13px;font-weight:700}.event-title{margin:4px 0 16px;font-size:20px}.event-meta{gap:8px;margin:0 0 16px;font-size:14px;display:grid}.event-meta div{grid-template-columns:72px 1fr;display:grid}.event-meta dt{color:var(--ink-sub)}.event-meta dd{margin:0}.event-desc{color:var(--ink-sub);margin:0;font-size:14px}.panel{min-height:420px;padding:24px}.panel-title{margin:0 0 16px;font-size:18px}.banner{border-radius:8px;margin:0 0 16px;padding:12px 14px;font-size:14px}.banner strong{display:block}.banner-invite{background:var(--brand-soft);color:var(--brand-strong)}.banner-warn{background:var(--warn-bg);color:var(--warn-ink)}.banner-info{background:var(--info-bg);color:var(--brand-strong);margin-top:12px}.btn-ghost{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:8px 12px;font-size:14px}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.loading,.empty-week{text-align:center;color:var(--ink-sub);padding:40px 0;font-size:14px}.empty-week{padding:16px 0 0}.picked{background:var(--brand-soft);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.picked-label{color:var(--ink-sub);font-size:12px;display:block}.group{border:0;margin:0 0 20px;padding:0}.group legend{margin-bottom:10px;padding:0;font-weight:700}.field{margin-bottom:14px}.field label{margin-bottom:4px;font-size:14px;display:block}.req,.opt{vertical-align:1px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:400}.req{color:#b42318;background:#fde8e8}.opt{color:var(--ink-sub);background:#eef0f4}input[type=text],input[type=email],textarea{background:#fff;border:1px solid #c9ced8;border-radius:8px;width:100%;padding:10px 12px;font-size:16px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.has-error input{border-color:#d92d20}.field-error{color:#b42318;margin:4px 0 0;font-size:13px}.profile{border:1px solid var(--line);border-radius:8px;margin:0 0 8px;padding:4px 14px}.profile div{border-top:1px solid #eef0f4;grid-template-columns:120px 1fr;gap:8px;padding:8px 0;font-size:14px;display:grid}.profile div:first-child{border-top:0}.profile dt{color:var(--ink-sub)}.profile dd{overflow-wrap:anywhere;margin:0}.muted{color:var(--ink-sub)}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.format-options{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.format-option{cursor:pointer;background:#fff;border:1px solid #c9ced8;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.format-option.is-checked{border-color:var(--brand);background:var(--brand-soft)}.format-option input{accent-color:var(--brand);margin:0}.tag{color:var(--warn-ink);background:var(--warn-bg);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px}.format-options+.field,.format-options~.field{margin-top:12px}.actions{margin-top:8px}.btn-primary,.btn-secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}.actions .btn-primary{width:100%;padding:14px 20px}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-secondary{color:var(--brand);border:1px solid var(--brand);background:#fff;font-size:14px}.btn-secondary:hover{background:var(--brand-soft)}.done{text-align:center}.done-icon{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:8px auto;font-size:28px;font-weight:700;display:grid}.done-icon.is-pending{background:#d98a1c}.done h2{margin:0 0 8px}.done-lead{max-width:520px;color:var(--ink-sub);margin:0 auto 8px;font-size:14px}.dev-note{color:var(--warn-ink);margin:0 0 12px;font-size:12px}.summary{text-align:left;border:1px solid var(--line);border-radius:8px;max-width:560px;margin:16px auto;padding:4px 16px}.summary div{border-top:1px solid #eef0f4;grid-template-columns:120px 1fr;gap:8px;padding:9px 0;font-size:14px;display:grid}.summary div:first-child{border-top:0}.summary dt{color:var(--ink-sub)}.summary dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.action-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0;display:flex}.mail-request{text-align:left;border-top:1px dashed var(--line);max-width:560px;margin:24px auto 0;padding-top:20px}.mail-request h3{margin:0 0 4px;font-size:16px}.mail-request>p{color:var(--ink-sub);margin:0 0 12px;font-size:14px}.mail-preview{border:1px solid var(--line);background:#f8f9fb;border-radius:8px;padding:12px 14px;font-size:13px}.mail-preview p{overflow-wrap:anywhere;margin:0 0 4px}.mail-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-family:inherit}.mail-request .action-row{justify-content:flex-start}.footer{max-width:1120px;color:var(--ink-sub);justify-content:space-between;gap:12px;margin:0 auto;padding:0 24px 32px;font-size:12px;display:flex}.toast{background:var(--ink);color:#fff;z-index:10;border-radius:999px;padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000002e}@media (width<=960px){.layout{grid-template-columns:1fr}.event-card{position:static}.event-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.page{padding:16px 16px 32px}.steps{margin-bottom:16px}.step-sep{width:16px;margin:0 6px}.steps li:not(.step-sep){gap:4px;font-size:12px}.step-num{width:24px;height:24px;font-size:12px}.layout{gap:16px}.event-card{padding:14px 16px}.event-title{margin-bottom:8px;font-size:17px}.event-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;margin:0;font-size:13px}.event-meta div{grid-template-columns:auto 1fr;gap:8px}.event-meta div:nth-child(3){grid-column:1/-1}.event-meta div:nth-child(4),.event-desc,.layout.is-done .event-card{display:none}.panel{min-height:0;padding:16px}.panel-title{font-size:16px}.format-options{grid-template-columns:repeat(2,minmax(0,1fr))}.format-option{gap:6px;padding:10px;font-size:13px}.format-option .tag{display:none}.action-row{flex-direction:column}.action-row>*{width:100%}.footer{flex-direction:column;padding:0 16px 24px}}.demo-bar{background:var(--warn-bg);border-bottom:1px solid var(--line);color:var(--warn-ink);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 24px;font-size:12px;display:flex}.demo-bar-label{margin-right:4px;font-weight:700}.demo-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:4px 10px}.demo-chip:hover{border-color:var(--brand)}.demo-chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff}@media (width<=720px){.demo-bar{padding:8px 16px}}.picker{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.mc-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mc-title{font-size:16px;font-weight:700}.icon-nav,.icon-back{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:inline-grid}.icon-nav:hover:not(:disabled),.icon-back:hover{border-color:var(--brand);color:var(--brand)}.icon-nav:disabled{opacity:.35;cursor:not-allowed}.icon-nav span,.icon-back span{transform:translateY(-1px)}.mc-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.mc-wd{text-align:center;color:var(--ink-sub);padding:4px 0;font-size:12px}.mc-cell{aspect-ratio:1;color:#b7bcc6;background:0 0;border:0;border-radius:50%;place-items:center;width:100%;max-height:52px;padding:0;font-size:15px;display:grid;position:relative}.mc-cell.is-blank{visibility:hidden}.mc-cell.is-open{color:var(--brand-strong);background:var(--brand-soft);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:700}.mc-cell.is-open.sun{color:var(--sun)}.mc-cell.is-open.sat{color:var(--sat)}.mc-cell.is-open:hover{box-shadow:inset 0 0 0 2px var(--brand)}.mc-cell.is-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mc-cell.is-selected,.mc-cell.is-selected.sun,.mc-cell.is-selected.sat{background:var(--brand);color:#fff}.mc-cell.is-today .mc-num{text-underline-offset:3px;text-decoration:underline}.mc-dot{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:14%}.mc-hint{color:var(--ink-sub);margin:12px 0 0;font-size:12px}.day-pane{border-left:1px solid var(--line);min-height:280px;padding-left:28px}.day-pane.is-empty{place-items:center;display:grid}.dp-empty{color:var(--ink-sub);text-align:center;margin:0;font-size:14px}.dp-head{align-items:center;gap:10px;display:flex}.dp-head .icon-back{display:none}.dp-title{margin:0;font-size:17px}.dp-sub{color:var(--ink-sub);margin:2px 0 14px;font-size:12px}.time-list{gap:10px;display:grid}.time-btn{border:1px solid var(--brand);background:var(--card);min-height:52px;color:var(--brand);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.time-btn:hover,.time-btn:focus-visible{background:var(--brand);color:#fff;outline:none}.time-btn .seats{font-size:11px;font-weight:400}.panel-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-head .panel-title{margin:0}.prefill-note{color:var(--brand-strong);background:var(--brand-soft);border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:13px}@media (width<=720px){.picker{grid-template-columns:1fr}.picker:not(.is-day) .day-pane,.picker.is-day .month-pane{display:none}.day-pane{border-left:0;min-height:0;padding-left:0}.dp-head .icon-back{display:inline-grid}.mc-cell{max-height:none;font-size:16px}}.extra-emails{gap:4px;margin-top:-4px;display:grid}.extra-row{align-items:center;gap:8px;display:flex}.extra-row input{flex:1;min-width:0}.icon-remove{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink-sub);cursor:pointer;border-radius:50%;flex:none;font-size:18px;line-height:1}.icon-remove:hover{border-color:var(--sun);color:var(--sun)}.add-email{border:1px dashed var(--brand);color:var(--brand);cursor:pointer;background:0 0;border-radius:8px;justify-self:start;padding:8px 12px;font-size:14px}.add-email:hover{background:var(--brand-soft)}.hint{color:var(--ink-sub);margin:0;font-size:12px}:root{--ease-out:cubic-bezier(.22, .8, .26, 1);--dur:.3s}.panel{overflow:hidden}.panel-body{touch-action:pan-y}@keyframes slide-in-fwd{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes slide-in-back{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.82)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fwd{animation:slide-in-fwd var(--dur) var(--ease-out) both}.anim-back{animation:slide-in-back var(--dur) var(--ease-out) both}.anim-rise{animation:rise-in var(--dur) var(--ease-out) both}.month-pane.anim-fwd,.month-pane.anim-back{animation-duration:.26s}.mc-cell.is-open,.time-btn,.btn-primary,.btn-secondary,.btn-ghost,.icon-back,.icon-nav,.icon-remove,.format-option,.add-email,.demo-chip{transition:transform .12s var(--ease-out), box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease}.time-btn{box-shadow:0 1px 2px #142b5514,0 2px 6px #142b550f}.time-btn:hover{box-shadow:0 6px 14px #142b5529}.btn-primary{box-shadow:0 2px 8px #142b5538}.mc-cell.is-open:active,.time-btn:active,.btn-primary:active:not(:disabled),.btn-secondary:active,.btn-ghost:active,.icon-back:active,.icon-nav:active:not(:disabled),.icon-remove:active,.format-option:active,.add-email:active{box-shadow:none;transform:scale(.95)}.time-btn.is-picking{background:var(--brand);color:#fff;box-shadow:none;transform:scale(.97)}.mc-cell.just-selected{animation:pop .32s var(--ease-out)}.spinner{vertical-align:-3px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.done-icon svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.done-icon path{stroke-dasharray:24}.anim-rise .done-icon{animation:pop .42s var(--ease-out) both}.anim-rise .done-icon path{animation:draw .38s .24s var(--ease-out) both}.anim-rise .done h2,.anim-rise .done-lead{animation:rise-in .36s .12s var(--ease-out) both}.anim-rise .summary,.anim-rise .action-row{animation:rise-in .38s .22s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
