:root{--desk:#f3efe3;--board:#6f5414;--board-edge:#4a380b;--foil:#f2d58a}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#15130c;--board:#5a4410;--board-edge:#33270a;--foil:#f2d58a}}.add{gap:16px;display:grid}.field{color:#1b2230;gap:6px;font-size:14px;font-weight:600;display:grid}.unit{align-items:center;gap:6px;display:flex}.unit b{font-size:15px;font-weight:600}.field input,.field select{color:#1b2230;min-width:0;font:inherit;background:#fff;border:1px solid #d3d8e0;border-radius:10px;padding:11px 12px;font-size:16px;font-weight:400}#wage{font-variant-numeric:tabular-nums;width:9em;font-size:20px;font-weight:700}.time{align-items:center;gap:10px;display:flex}.time input{width:4.5em}.field-set{border:0;margin:0;padding:0}.field-set legend{color:#1b2230;margin-bottom:6px;padding:0;font-size:14px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips input{opacity:0;position:absolute}.chips span,.chip{color:#1b2230;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d3d8e0;border-radius:999px;padding:7px 12px;font-size:14px;display:inline-block}.chip:active{background:#f6efdc}.chips.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.chips.days span{text-align:center;padding:7px 0;display:block}.chips input:checked+span{border-color:var(--board);background:var(--board);color:#fff;font-weight:700}.chips input:focus-visible+span{outline:3px solid var(--foil);outline-offset:2px}.more{background:#fcf9f0;border:1px solid #e6dcc0;border-radius:12px;padding:12px 14px}.more summary{color:#4a380b;cursor:pointer;font-size:14px;font-weight:700}.more[open] summary{margin-bottom:12px}.more .field-set{margin-bottom:14px}.result{box-shadow:inset 0 0 0 1px var(--rule);padding:0;overflow:hidden}.total{background:var(--board);color:#fff;padding:20px 18px 18px}.result .total p{word-break:keep-all;margin:0}.result .total-label{color:var(--foil);font-size:14px;font-weight:600}.result .total-month{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:32px;font-weight:700}.result .total-week{color:#f7ecd0;font-size:15px;font-weight:600}.lines{margin:0;padding:6px 18px 10px}.lines div{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.lines div:first-child{border-top:0}.lines dt{font-size:15px;font-weight:600;display:grid}.lines dt small{color:var(--ink-soft);word-break:keep-all;font-size:12px;font-weight:400}.lines dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.lines .sum dt,.lines .sum dd{color:var(--board)}.warns{color:#8a3b12;word-break:keep-all;margin:0;padding:0 18px 4px 36px;font-size:14px;line-height:1.6}.warns li{margin-bottom:8px}.howto ul{color:var(--ink-soft);word-break:keep-all;margin:0;padding-left:20px;font-size:14px;line-height:1.7}@media (prefers-color-scheme:dark){:root:not(.light-only) .lines .sum dt,:root:not(.light-only) .lines .sum dd{color:var(--foil)}:root:not(.light-only) .warns{color:#f0a77c}}