: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: 6px;--radius: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgb(16 28 43 / 6%), 0 2px 8px rgb(16 28 43 / 5%);--bg: #ede7da;--surface: #f7f4ec;--fg: #101c2b;--muted: #5d6673;--line: #d8cfbc;--line-strong: #7d8b96;--accent: #22405f;--accent-fg: #f7f4ec;--caution: #77590e;--negative: #903824;--positive: #416c4f;--caution-tint: #e8e1d1;--negative-tint: #ebddd4;--positive-tint: #e1e4d9;--content-max: 390px}@media(prefers-color-scheme:dark){:root{--bg: #101c2b;--surface: #16283d;--fg: #ede7da;--muted: #8593a5;--line: #22405f;--line-strong: #567597;--accent: #8ab4e0;--accent-fg: #101c2b;--caution: #d9a21b;--negative: #c87f6a;--positive: #5e9b72;--caution-tint: #242929;--negative-tint: #222631;--positive-tint: #182932;--shadow-card: 0 1px 2px rgb(0 0 0 / 30%), 0 2px 8px rgb(0 0 0 / 22%)}}*{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)}#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{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0 0;box-shadow:var(--shadow-card)}.card>h2,.card>h3{margin:0 0 var(--space-2);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(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);cursor:pointer}button[type=submit]{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);border-color:var(--line-strong);font-size:.875rem;font-weight:400}.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;gap:var(--space-2)}ul.list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface)}ul.list li>span:first-child{margin-right:auto}ul.shift-rows li[data-mine=true]{border-left:3px solid var(--accent)}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);padding:2px var(--space-2);border-radius:999px;border:1px solid currentcolor;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);background:var(--positive-tint)}.badge.passed:before{content:"✓"}.badge.failed{color:var(--negative);background:var(--negative-tint)}.badge.failed:before{content:"×"}.badge.skipped{color:var(--caution);background:var(--caution-tint)}.badge.skipped:before{content:"—"}.badge.draft{color:var(--caution);background:var(--caution-tint)}.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:4px;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)}