*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--paper: #f0f0f7;--card: #ffffff;--ink: #363c44;--ink-soft: #5d6273;--ink-faint: #878ca0;--line: #dcdde9;--line-strong: #c6c8da;--accent: #d9930f;--accent-ink: #2a1e05;--accent-wash: #fbf1dd;--done: #2f6d4f;--done-wash: #e6f0ea;--radius: 10px;--radius-sm: 6px;--gap: 1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.35;letter-spacing:-.006em;font-variant-numeric:tabular-nums;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #16171e;--card: #1e2029;--ink: #ecedf5;--ink-soft: #a3a8bb;--ink-faint: #7d8296;--line: #2d3040;--line-strong: #3c4052;--accent: #efab34;--accent-ink: #241a06;--accent-wash: #362a13;--done: #7cc7a1;--done-wash: #1e2c26}}body{min-height:100dvh;background-color:var(--paper);color:var(--ink)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.masthead{border-bottom:1px solid var(--line);background:var(--card)}.masthead__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;max-width:1080px;margin-inline:auto;padding:.9rem 1.25rem}.masthead__name{font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.masthead__tagline{color:var(--ink-soft);font-size:.82rem}.masthead__nav{display:flex;gap:.35rem}.masthead__nav a{padding:.35rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:.85rem;font-weight:550;text-decoration:none}.masthead__nav a:hover{border-color:var(--line-strong);color:var(--ink)}.masthead__nav a.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.board{display:grid;gap:var(--gap);max-width:1080px;margin-inline:auto;padding:var(--gap) 1.25rem 3rem}.board__pair{display:grid;gap:var(--gap)}@media(min-width:860px){.board__pair{grid-template-columns:1fr 1fr;align-items:start}}.card{padding:1rem 1.1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.card--current{border-color:var(--line-strong)}.card__head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:.6rem;margin-bottom:.85rem}.card__title{font-size:1rem;font-weight:650;letter-spacing:-.015em}.card__meta{margin-top:.15rem;color:var(--ink-soft);font-size:.8rem}.empty{padding:.9rem;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:.85rem}.btn{padding:.38rem .7rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit;font-size:.82rem;font-weight:550;cursor:pointer}.btn:hover{border-color:var(--ink-soft)}.btn--primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.btn--primary:hover{filter:brightness(1.15)}.btn--quiet{color:var(--ink-soft)}.btn--small{padding:.25rem .5rem;font-size:.78rem}.iconbtn{width:1.75rem;height:1.75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-soft);font:inherit;line-height:1;cursor:pointer}.iconbtn:disabled{opacity:.35;cursor:default}.pill{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.pill--pending{background:color-mix(in srgb,var(--line) 60%,transparent);color:var(--ink-soft)}.pill--done{background:var(--done-wash);color:var(--done)}.pill--muted{margin-left:.35rem;border:1px solid var(--line);color:var(--ink-faint)}.badge{display:inline-block;margin-left:.4rem;padding:.08rem .4rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge--soft{border:1px solid var(--accent);background:var(--accent-wash);color:var(--ink)}.chip{display:inline-flex;align-items:baseline;gap:.3rem;padding:.15rem .45rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);font-size:.76rem}.chip--done{border-color:color-mix(in srgb,var(--done) 40%,var(--line))}.chip--action{cursor:pointer;color:var(--ink);font:inherit;font-size:.76rem}.chip__role{color:var(--ink-faint)}.chip__person{font-weight:600}.chip__tick{color:var(--done)}.rota{display:grid;gap:.35rem}.rota__row{display:grid;grid-template-columns:minmax(7rem,1.3fr) minmax(7rem,1.2fr) 5.5rem auto;align-items:center;gap:.6rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.rota__row--head{padding-block:.2rem;border-color:transparent;color:var(--ink-faint);font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.rota__row--current{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 3px 0 0 var(--accent)}.rota__row--done{opacity:.72}.rota__role{display:grid}.rota__roleName{font-weight:600}.rota__note{color:var(--ink-faint);font-size:.74rem}.rota__person{font-weight:550}.rota__none{color:var(--ink-faint)}.rota__actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:end}@media(max-width:640px){.rota__row{grid-template-columns:1fr auto;row-gap:.4rem}.rota__row--head{display:none}.rota__actions{grid-column:1 / -1;justify-content:start}}.skipped{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.75rem;padding-top:.7rem;border-top:1px dashed var(--line)}.skipped__label{color:var(--ink-soft);font-size:.78rem;font-weight:600}.preview{display:grid;gap:.3rem}.preview__item{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.4rem .55rem;border-radius:var(--radius-sm);background:var(--paper);font-size:.88rem}.preview__role{color:var(--ink-soft)}.preview__person{font-weight:600}.tally{display:grid;gap:.4rem}.tally__row{display:grid;grid-template-columns:minmax(4.5rem,7rem) 1fr 1.6rem auto;align-items:center;gap:.5rem;font-size:.85rem}.tally__row--inactive{opacity:.55}.tally__name{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally__bar{height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.tally__fill{display:block;height:100%;border-radius:999px;background:var(--line-strong)}.tally__row--fewest .tally__fill{background:var(--accent)}.tally__count{color:var(--ink-soft);text-align:right}.reorder{display:grid;gap:.3rem}.reorder__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.reorder__item--dragging{opacity:.5}.reorder__item--over{border-color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.reorder__grip{color:var(--ink-faint);cursor:grab;-webkit-user-select:none;user-select:none}.reorder__body{min-width:0}.reorder__moves{display:flex;gap:.25rem}.order__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;font-size:.87rem}.order__name{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order__turns{color:var(--ink-faint);font-size:.78rem;white-space:nowrap}.history{display:grid;gap:.45rem}.history__round{display:grid;gap:.3rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.history__round:last-child{border-bottom:0;padding-bottom:0}.history__date{color:var(--ink-soft);font-size:.76rem;font-weight:600}.history__chips{display:flex;flex-wrap:wrap;gap:.3rem}.input{min-width:0;padding:.35rem .5rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit;font-size:.85rem}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.edit{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(6rem,1.4fr) auto;align-items:center;gap:.4rem}.edit .check{display:flex;align-items:center;gap:.35rem;color:var(--ink-soft);font-size:.8rem;white-space:nowrap}@media(max-width:640px){.edit{grid-template-columns:1fr auto}.edit .input--note{grid-column:1 / -1}}.addrow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4rem;margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--line)}.addrow__label{grid-column:1 / -1;color:var(--ink-soft);font-size:.78rem;font-weight:600}.fields{display:grid;gap:.6rem}@media(min-width:640px){.fields--wording{grid-template-columns:1fr 1fr}}.field{display:grid;gap:.2rem}.field label{color:var(--ink-soft);font-size:.78rem;font-weight:600}.resetrow{display:flex;flex-wrap:wrap;gap:.4rem}