:root{--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--text-sm: .875rem;--text-md: 1rem;--r-2: .875rem;--r-card: 1.375rem;--r-pill: 999px;--tap-min: 44px;--bg: #ffffff;--fg: #222a4d;--fg-muted: #6f76a0;--kick: #5874c4;--border: #e5e7eb;--surface-1: #f9fafb;--focus-ring: #2563eb;--yes: #58c396;--maybe: #d3a24a;--no: #e98aa6;--on: #ffffff;--yes-fill: #e1f5ea;--yes-text: #037451;--maybe-fill: #fbeccd;--maybe-text: #7c5a12;--no-fill: #fde7ee;--no-text: #b14e6b;--recruiting-fill: #d1fae5;--recruiting-text: #065f46;--dow-sat: #728ecd;--dow-sun: #c5776d;--drag-yes-stroke: #38bdf8;--drag-pending-fill: #e7e9f3;--drag-pending-text: #5b6285;--armed-fill: #e2edff;--armed-stroke: #8bb6fd;--armed-text: #4265a1;--glass-tint: rgb(255 255 255 / 18%);--glass-surface-soft: rgb(40 60 130 / 6%);--glass-hairline: rgb(40 60 130 / 8%);--glass-soft-blur: blur(8px);--glass-highlight: inset 1px 1px 0 rgb(255 255 255 / 75%), inset -1px -1px 1px rgb(255 255 255 / 28%), inset 0 0 0 1px rgb(255 255 255 / 22%);--glass-drop: 0 14px 34px -12px rgb(28 38 90 / 45%);--app-bg: radial-gradient(circle at 12% 16%, #dfe5f4, transparent 38%), radial-gradient(circle at 88% 26%, #9fb6f2, transparent 42%), radial-gradient(circle at 50% 104%, #a8c9e0, transparent 46%), linear-gradient(155deg, #d4dcef 0%, #b9caf6 50%, #8ea8ee 100%);--font: "M PLUS Rounded 1c", "Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;--content-w-max: 32rem}body:has([data-wide-when]:checked){--content-w-max: 64rem}body{margin:0;font-family:var(--font);font-size:var(--text-md);line-height:1.55;color:var(--fg);--content-w: min(100%, var(--content-w-max));min-height:100dvh;display:grid;grid-template-columns:minmax(0,var(--content-w));grid-template-rows:auto 1fr auto;justify-content:center}body>:not(header,footer){container:page / inline-size}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--app-bg)}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}