:root{color-scheme:light dark;--font-sans: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-numeric: "IBM Plex Sans", "Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 0;--radius: 0;--radius-lg: 0;--shadow-card: none;--bg: #ffffff;--surface: #ffffff;--fg: #111111;--muted: #6b6b6b;--line: #cccccc;--line-strong: #767676;--accent: #111111;--accent-fg: #ffffff;--danger: #7f0019;--caution: #8a5a00;--negative: #b3261e;--positive: #1e7a46;--negative-tint: #f7e9e9;--content-max: 390px}@media(prefers-color-scheme:dark){:root{--bg: #141414;--surface: #141414;--fg: #ededed;--muted: #a3a3a3;--line: #3d3d3d;--line-strong: #8c8c8c;--accent: #ededed;--accent-fg: #141414;--danger: #f08a9a;--caution: #e0b25a;--negative: #f28b82;--positive: #6fbf8e;--negative-tint: #2f2221}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);line-height:1.7;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:var(--fg)}#app{max-width:var(--content-max);margin-inline:auto;padding:var(--space-5) var(--space-4)}@media(min-width:900px){#app{max-width:1080px}form{grid-template-columns:repeat(auto-fill,minmax(220px,300px));align-items:start;gap:var(--space-4) var(--space-5)}form>h3,form>.notice,form>.checkbox{grid-column:1 / -1}form>button{grid-column:1 / -1;justify-self:start;min-width:200px}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:where(button):active{transform:translateY(1px)}button,input,select{transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}:where(button):active{transform:none}}h1{font-size:1.25rem;margin:0 0 var(--space-1);letter-spacing:.02em}.muted{color:var(--muted);font-size:.875rem}.num,dl.status dd,ul.list li .amount,ul.list li>span:first-child{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}dl.status{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--line)}dl.status dt{color:var(--muted);font-size:.875rem}dl.status dd{margin:0}.card{border-top:2px solid var(--fg);padding:var(--space-3) 0 0;margin:var(--space-5) 0 0}.card>h2,.card>h3{margin:0 0 var(--space-2);padding:0;border:none;font-size:1rem}.card>details>summary,details.master-add>summary{cursor:pointer;min-height:44px;line-height:44px}details.master-add{margin-top:var(--space-5);border-top:1px solid var(--line, currentColor)}.card>details>summary>h3{display:inline;margin:0;padding:0;border:none;font-size:1rem}header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}header h1{margin-right:auto}form{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.field{display:grid;gap:var(--space-1)}.field[hidden]{display:none}.target-day{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:var(--space-1) var(--space-2)}.target-day>span:first-child{font-weight:600;padding-bottom:var(--space-2)}.field>span{font-size:.875rem;color:var(--muted)}input,select,textarea{font-size:1rem;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;min-height:44px;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);width:100%}input[type=text],input[type=password],input[type=date],input[type=month],select,textarea{font-family:var(--font-sans)}textarea{min-height:88px;resize:vertical}input::placeholder{color:var(--muted)}.checkbox{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-2);align-items:center}.checkbox input{width:auto;min-height:auto}.checkbox small{grid-column:2;color:var(--muted);font-size:.8125rem}button{min-height:44px;font-size:1rem;font-family:inherit;font-weight:500;padding:var(--space-3) var(--space-4);border:1px solid var(--fg);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);cursor:pointer}button[type=submit],button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}button:disabled{opacity:.45;cursor:not-allowed}button.link{min-height:44px;padding:var(--space-1) var(--space-3);background:none;color:var(--fg);font-size:.875rem;font-weight:400}button.danger{border-color:var(--danger);color:var(--danger)}button.danger[type=submit],button.danger.primary{background:var(--danger);color:var(--accent-fg)}.notice{margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-sm);font-size:.9375rem;border:1px solid var(--line);background:var(--surface)}.notice.error{border-color:var(--negative);background:var(--negative-tint);color:var(--fg)}.notice.info{background:var(--surface)}nav.tabs{display:flex;gap:var(--space-2);margin:var(--space-4) 0 0;border-bottom:1px solid var(--line);flex-wrap:wrap}button.tab{min-height:44px;padding:var(--space-2) var(--space-3);white-space:nowrap;background:none;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;font-size:.9375rem;font-weight:400}button.tab[aria-current=page]{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}@media(max-width:420px){button.tab{padding:var(--space-2) var(--space-2);font-size:.8125rem}}.punch-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0}.punch-buttons>button{flex:1 1 45%}ul.list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;border-top:1px solid var(--fg)}ul.list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}ul.list li>span:first-child{margin-right:auto}ul.shift-rows li[data-mine=true]{border-left:3px solid var(--accent);padding-left:var(--space-3)}ul.list li .amount{margin-left:auto}ul.list li small{flex-basis:100%;min-width:0;overflow-wrap:anywhere}ul.list li details{flex-basis:100%;min-width:0}ul.list li summary{cursor:pointer;overflow-wrap:anywhere}ul.list li>span{min-width:0;overflow-wrap:anywhere}.warn{color:var(--caution);font-size:.8125rem}section h2{font-size:1rem;margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--line)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8125rem;font-weight:600;white-space:nowrap}.badge:before{font-weight:700}.badge.pending{color:var(--ink-muted, inherit)}.badge.pending:before{content:"⏳ "}.badge.passed{color:var(--positive)}.badge.passed:before{content:"✓"}.badge.failed{color:var(--negative)}.badge.failed:before{content:"×"}.badge.skipped{color:var(--caution)}.badge.skipped:before{content:"—"}.badge.draft{color:var(--caution)}.badge.draft:before{content:"◻"}.bar{position:relative;height:8px;max-width:240px;margin-top:var(--space-1);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent)}.bar.over .bar-fill{background:var(--positive)}.bar-target{position:absolute;top:0;bottom:0;width:2px;background:var(--surface)}ul.missing-dates{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}header{flex-wrap:nowrap;align-items:center;margin-bottom:var(--space-2)}header h1{font-size:1.0625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}header p,header button{white-space:nowrap;flex:none}@media(max-width:420px){header h1{font-size:.875rem}header{gap:var(--space-2)}}.field.inline{grid-template-columns:auto minmax(0,20rem);align-items:center;gap:var(--space-3)}button.tab.more:after{content:" ▾"}button.tab.more[aria-expanded=true]:after{content:" ▴"}.tabs-more{flex-basis:100%;display:flex;flex-wrap:wrap;gap:var(--space-2)}.tabs-more[hidden]{display:none}