:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#e9f1ef;--color-surface:#fff;--color-surface-sunken:#dce8e5;--color-ink:#10302d;--color-ink-soft:#4a6663;--color-line:#b9ccc8;--color-accent:#1f6a58;--color-accent-ink:#fff;--color-focus:#0b57d0;--color-prod:#1c3a8c;--color-prod-ink:#fff;--color-test:#ffc533;--color-test-ink:#2b1f00;--color-danger:#c4161c;--color-danger-ink:#fff;--color-danger-soft:#fde8e8;--color-ok-soft:#dff1e8;--color-attn:#7a3b8f;--color-attn-soft:#f1e6f6;--color-wait:#4d6a7a;--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans JP", "Meiryo", system-ui, sans-serif;--radius:14px;--tap:48px;--nav-height:64px;--side-nav-width:15rem;--content-width:60rem;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0b1a1c;--color-surface:#12292b;--color-surface-sunken:#0e2124;--color-ink:#e6f2ef;--color-ink-soft:#9db8b4;--color-line:#2c4a4c;--color-accent:#5fc4a6;--color-accent-ink:#052019;--color-focus:#8ab4ff;--color-prod:#7f9cff;--color-prod-ink:#06123a;--color-test:#ffc533;--color-test-ink:#2b1f00;--color-danger:#ff5a5f;--color-danger-ink:#2a0204;--color-danger-soft:#3b1214;--color-ok-soft:#123a2e;--color-attn:#d7a6ea;--color-attn-soft:#2d1b37;--color-wait:#9fc0d0}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:1rem;line-height:1.7}button{font:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1{margin:0 0 .75rem;font-size:1.5rem;line-height:1.4}p{max-width:40rem;margin:0 0 .75rem}.shell{flex-direction:column;min-height:100dvh;display:flex}.login{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;max-width:28rem;min-height:100dvh;margin:0 auto;padding:1rem;display:flex}.topbar{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.topbar[data-stopped=true]{background:var(--color-danger);color:var(--color-danger-ink);border-color:var(--color-danger)}.topbar__account{color:var(--color-ink-soft);font-size:.9rem}.topbar[data-stopped=true] .topbar__account{color:var(--color-danger-ink)}.topbar__spacer{flex:1}.fakemode{border-radius:var(--radius);background:var(--color-test);max-width:none;color:var(--color-test-ink);flex:1 0 100%;margin:0;padding:.25rem .75rem;font-weight:700}.badge{letter-spacing:.08em;border:3px solid #0000;border-radius:999px;align-items:center;min-height:40px;padding:0 1rem;font-size:1.125rem;font-weight:800;display:inline-flex}.badge--production{background:var(--color-prod);color:var(--color-prod-ink)}.badge--test{background:repeating-linear-gradient(-45deg, var(--color-test) 0 12px, #ffd966 12px 24px);color:var(--color-test-ink);border-color:var(--color-test-ink)}.badge--unknown{background:var(--color-surface-sunken);color:var(--color-ink-soft);border-color:var(--color-line);font-size:.9rem}.killswitch{align-items:center;gap:.5rem;display:flex}.killswitch__state{font-weight:700}.btn{min-height:var(--tap);border-radius:var(--radius);border:2px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);cursor:pointer;padding:0 1.25rem;font-weight:700}.btn--danger{background:var(--color-danger);color:var(--color-danger-ink);border-color:var(--color-danger)}.topbar[data-stopped=true] .btn{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-surface)}.btn--accent{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.dialog-backdrop{z-index:100;overscroll-behavior:contain;background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--color-surface);width:min(32rem,100%);color:var(--color-ink);border-radius:var(--radius);border-top:8px solid var(--color-danger);max-height:calc(100dvh - 2rem);padding:1.25rem;animation:.16s ease-out dialog-in;overflow-y:auto}.dialog h2{margin:0 0 .75rem;font-size:1.25rem}.dialog__actions{flex-direction:column-reverse;gap:.75rem;margin-top:1rem;display:flex}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dialog{animation:none}}.note{border-radius:var(--radius);background:var(--color-danger-soft);border:2px solid var(--color-danger);padding:.75rem 1rem}.note--soft{background:var(--color-surface-sunken);border-color:var(--color-line)}.body{flex-direction:column;flex:1;display:flex}.content{width:100%;max-width:var(--content-width);padding:1rem 1rem calc(var(--nav-height) + var(--safe-bottom) + 1.5rem);flex:1}.nav{z-index:10;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-line);display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{min-height:44px;color:var(--color-ink-soft);flex:1;place-items:center;font-size:.95rem;font-weight:700;text-decoration:none;display:grid}.nav a[aria-current=page]{color:var(--color-accent);box-shadow:inset 0 4px 0 var(--color-accent)}@media (width>=900px){.body{flex-direction:row}.nav{width:var(--side-nav-width);border-top:0;border-right:1px solid var(--color-line);flex-direction:column;align-self:flex-start;gap:.25rem;height:auto;min-height:calc(100dvh - 60px);padding:1rem .75rem;position:sticky;top:0}.nav a{border-radius:var(--radius);place-items:center start;padding:0 1rem;font-size:1.05rem}.nav a[aria-current=page]{background:var(--color-ok-soft);box-shadow:none}.content{padding:1.5rem 2rem 2rem}}.compose{flex-direction:column;gap:1.25rem;display:flex}.compose .field{border:0;flex-direction:column;gap:.4rem;min-width:0;margin:0;padding:0;display:flex}.field__label{padding:0;font-weight:700}.field__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.compose select,.compose textarea,.compose input[type=datetime-local],.compose input[type=search]{width:100%;max-width:32rem;min-height:var(--tap);font:inherit;color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-line);border-radius:var(--radius);padding:.5rem .75rem}.compose input[type=range]{width:100%;max-width:32rem;min-height:var(--tap);accent-color:var(--color-accent)}.choices{flex-wrap:wrap;gap:.5rem;display:flex}.choice{min-height:var(--tap);border:2px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex}.choice:has(input:checked){border-color:var(--color-accent);background:var(--color-ok-soft);font-weight:700}.choice input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.filepick{min-height:var(--tap);border:2px dashed var(--color-accent);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;max-width:32rem;padding:0 1.25rem;display:inline-flex}.filepick input{max-width:100%;margin-left:.75rem}.hint{color:var(--color-ink-soft);margin:0;font-size:.9rem}.files{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.files__item{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);padding:.75rem}.files__name{overflow-wrap:anywhere;font-weight:700}.files__state{color:var(--color-ink-soft)}.files__error{margin:.25rem 0;font-weight:700}.files__warn{color:var(--color-ink-soft);border-left:4px solid var(--color-line);margin:.25rem 0;padding-left:.5rem;font-weight:700}.files__actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.files progress{width:100%;height:.75rem;accent-color:var(--color-accent)}.actions{flex-direction:column;gap:.75rem;display:flex}.actions .btn:disabled,.files__actions .btn:disabled{opacity:.55;cursor:not-allowed}.btn--link{align-items:center;text-decoration:none;display:inline-flex}.audio{flex-direction:column;gap:.75rem;display:flex}.audio__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.audio__item{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);padding:.75rem}.audio__meta{flex-direction:column;display:flex}.audio__title{font-weight:700}.audio__artist{color:var(--color-ink-soft)}.audio__actions{gap:.5rem;margin-top:.5rem;display:flex}.audio audio{width:100%;margin-top:.5rem}@media (width>=900px){.actions{flex-direction:row}}.form{flex-direction:column;gap:1rem;display:flex}.form .field,.review .field,.attention .field{border:0;flex-direction:column;gap:.4rem;min-width:0;margin:0;padding:0;display:flex}.form input[type=text],.form input[type=number],.form input[type=datetime-local],.form textarea,.review input[type=text],.attention input[type=text],.dialog input[type=text]{width:100%;max-width:32rem;min-height:var(--tap);font:inherit;color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-line);border-radius:var(--radius);padding:.5rem .75rem}.choices--column{flex-direction:column;align-items:stretch}.choice[aria-disabled=true]{opacity:.6;cursor:not-allowed}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--attn{border-color:var(--color-attn);color:var(--color-attn)}.dialog--confirm{border-top-color:var(--color-accent);overflow-wrap:anywhere}.dialog--confirm .field{border:0;flex-direction:column;gap:.4rem;margin:.5rem 0;padding:0;display:flex}.actions{flex-wrap:wrap}.actions .btn{min-width:0}.state{border:2px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);border-radius:999px;padding:0 .6rem;font-size:.85rem;font-weight:700;display:inline-block}.state[data-tone=wait]{border-color:var(--color-wait);color:var(--color-wait)}.state[data-tone=run]{border-color:var(--color-accent);color:var(--color-accent)}.state[data-tone=done]{background:var(--color-ok-soft);border-color:var(--color-accent);color:var(--color-ink)}.state[data-tone=attn]{background:var(--color-attn-soft);border-color:var(--color-attn);color:var(--color-attn)}.postlist{flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.postline{border:1px solid var(--color-line);border-left:6px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);overflow-wrap:anywhere;min-width:0;padding:.75rem 1rem}.postline[data-tone=wait]{border-left-color:var(--color-wait)}.postline[data-tone=run],.postline[data-tone=done]{border-left-color:var(--color-accent)}.postline[data-tone=attn]{border-left-color:var(--color-attn)}.postline__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;display:flex}.postline__link{color:var(--color-ink);font-weight:700}.postline__meta{color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.postline__reason{margin:.5rem 0;font-weight:700}.attention section,.settings section,.review section{margin-top:1.5rem}.attention h2,.settings h2,.review h2{margin:0 0 .5rem;font-size:1.2rem}.facts{gap:.5rem;margin:0 0 .75rem;display:grid}.facts>div{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);flex-direction:column;min-width:0;padding:.5rem .75rem;display:flex}.facts dt{color:var(--color-ink-soft);font-size:.9rem}.facts dd{overflow-wrap:anywhere;margin:0;font-weight:700}.facts__reason{font-weight:400}.caption{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);max-width:40rem;padding:.75rem 1rem}.previews{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.75rem;display:grid}.preview{min-width:0}.preview img,.preview video{object-fit:contain;background:var(--color-surface-sunken);border-radius:var(--radius);width:100%;max-height:28rem;display:block}.approve .actions{margin-top:.75rem}.calendar__nav{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.5rem;display:flex}.calendar__title{font-size:1.2rem}.daylist__day{margin-top:1rem}.daylist__day h2{margin:0 0 .5rem;font-size:1.1rem}.daylist__posts{flex-direction:column;gap:.5rem;display:flex}.chip{border:1px solid var(--color-line);border-left:6px solid var(--color-line);background:var(--color-surface);overflow-wrap:anywhere;border-radius:10px;min-width:0;padding:.4rem .6rem}.chip[data-tone=wait]{border-left-color:var(--color-wait)}.chip[data-tone=run],.chip[data-tone=done]{border-left-color:var(--color-accent)}.chip[data-tone=attn]{border-left-color:var(--color-attn);background:var(--color-attn-soft)}.chip__link{color:var(--color-ink);align-items:center;gap:.5rem;min-height:44px;font-weight:700;text-decoration:none;display:flex}.chip__time{font-variant-numeric:tabular-nums}.chip__meta{color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.chip__warn{border-left:4px solid var(--color-attn);margin-top:.25rem;padding-left:.5rem;font-size:.85rem;font-weight:700;display:block}.monthgrid{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.monthgrid__row{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.monthgrid__head{background:var(--color-surface-sunken);text-align:center;font-weight:700}.monthgrid__cell{border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);flex-direction:column;gap:.25rem;min-width:0;min-height:7rem;padding:.25rem;display:flex}.monthgrid__cell:first-child{border-left:0}.monthgrid__cell--blank{background:var(--color-surface-sunken)}.monthgrid__date{color:var(--color-ink-soft);font-weight:700}.monthgrid .chip__link{flex-wrap:wrap;gap:0 .4rem;min-height:32px}.usage{margin-bottom:1rem}.usage__text{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-weight:700;display:flex}.usage__bar{background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:999px;height:14px;overflow:hidden}.usage__fill{background:var(--color-accent);height:100%}.usage__bar[data-high=true] .usage__fill{background:var(--color-attn)}.summary{align-items:flex-start;gap:.75rem;min-width:0;margin:.5rem 0;display:flex}.summary__text{overflow-wrap:anywhere;flex-direction:column;gap:.15rem;min-width:0;display:flex}.summary__caption{color:var(--color-ink-soft)}.thumb{object-fit:cover;background:var(--color-surface-sunken);border-radius:10px;flex:none;width:5rem;height:5rem}.thumb--empty{color:var(--color-ink-soft);text-align:center;border:1px dashed var(--color-line);place-items:center;font-size:.75rem;display:grid}.thumb--tap{cursor:pointer;padding:0;font-family:inherit}.note--banner{z-index:5;margin-bottom:1rem;position:sticky;top:0}.unscheduled{margin:1rem 0}.chip .badge{letter-spacing:.04em;border-width:2px;min-height:24px;padding:0 .5rem;font-size:.8rem}.postline__meta .badge,.summary__who .badge{border-width:2px;min-height:28px;padding:0 .6rem;font-size:.85rem}.songcheck{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.songcheck audio{width:100%;max-width:32rem}.choice input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}