:root{color-scheme:light dark;--sky: #bfe6f7;--sky-deep: #4aa8d8;--orange: #f0902f;--orange-deep: #d97615;--yellow: #ffd84d;--brown: #6b4a2f;--navy: #1f2f63;--bg: #f4fbff;--surface: #ffffff;--surface-soft: #fff8ec;--fg: #2c2622;--fg-muted: #7a6f68;--border: #e2ded4;--input-bg: #ffffff;--input-border: #d5cec2;--accent: var(--orange);--accent-fg: #ffffff;--accent-soft: rgba(240, 144, 47, .12);--danger: #c0392b;--ok: #2e8b57;--font: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "Yu Gothic Medium", "游ゴシック Medium", "Noto Sans JP", system-ui, -apple-system, sans-serif;--radius: 14px}@media(prefers-color-scheme:dark){:root{--bg: #151d24;--surface: #1f2a33;--surface-soft: #26303a;--fg: #eae3da;--fg-muted: #a2988f;--border: #35424d;--input-bg: #1a232b;--input-border: #46545f;--sky: #2b4d63;--accent-soft: rgba(240, 144, 47, .18)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.75;-webkit-text-size-adjust:100%}.page{max-width:40rem;margin:0 auto;padding:0 1rem 4rem}.hero{background:linear-gradient(180deg,var(--sky),transparent);padding:2rem 1rem 1.5rem;text-align:center}.hero h1{margin:0 0 .25rem;font-size:1.6rem;line-height:1.4;color:var(--brown)}.hero .when{display:inline-block;margin-top:.5rem;padding:.35rem 1rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;letter-spacing:.02em}@media(prefers-color-scheme:dark){.hero h1{color:var(--fg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin:0 0 1rem}.card h2{margin:0 0 .6rem;font-size:1.05rem;color:var(--orange-deep)}.card p{margin:0 0 .6rem}.card p:last-child{margin-bottom:0}.prose{white-space:pre-wrap}.meta{display:grid;grid-template-columns:6.5em 1fr;gap:.35rem .6rem;margin:0}.meta dt{color:var(--fg-muted)}.meta dd{margin:0}.slots{display:grid;gap:.6rem}.slot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.9rem 1rem;border-radius:var(--radius);border:2px solid var(--input-border);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer}.slot:hover:not(:disabled){border-color:var(--accent)}.slot[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.slot:disabled{opacity:.55;cursor:default}.slot .time{font-size:1.15rem;font-weight:700}.slot .left{color:var(--fg-muted);font-size:.9rem;white-space:nowrap}.slot .left.few{color:var(--orange-deep);font-weight:700}.slot .left.none{color:var(--fg-muted)}label.field{display:block;margin:0 0 .9rem}label.field>span{display:block;margin-bottom:.25rem;font-weight:700}label.field .hint{font-weight:400;color:var(--fg-muted);font-size:.85rem}input,select{width:100%;padding:.7rem .8rem;font:inherit;color:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.row{display:flex;gap:.75rem}.row>*{flex:1}button.primary{width:100%;padding:.95rem 1rem;font:inherit;font-size:1.05rem;font-weight:700;color:var(--accent-fg);background:var(--accent);border:none;border-radius:999px;cursor:pointer}button.primary:disabled{opacity:.55;cursor:default}button.quiet{padding:.6rem 1rem;font:inherit;color:var(--fg-muted);background:none;border:1px solid var(--border);border-radius:999px;cursor:pointer}.notice{padding:.8rem 1rem;border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--border)}.notice.error{border-color:var(--danger);color:var(--danger);background:none}.notice.ok{border-color:var(--ok)}.code{font-size:2rem;font-weight:800;letter-spacing:.12em;color:var(--orange-deep)}.muted{color:var(--fg-muted)}.small{font-size:.88rem}.center{text-align:center}a{color:var(--orange-deep)}footer.site{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--fg-muted);font-size:.85rem;text-align:center}.event-list{list-style:none;margin:0;padding:0}.event-list li+li{margin-top:.6rem}.event-choice{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);text-decoration:none;line-height:1.6}.event-choice strong{color:var(--orange-deep)}.event-choice .when{font-size:.88rem;color:var(--fg-muted)}
