@layer components{.hl-tool{--hl-billed:var(--color-indigo);--hl-open:color-mix(in oklab, var(--color-indigo) 38%, white);--hl-live:var(--color-key-green);--hl-wait:var(--color-key-amber);--hl-over:var(--color-coral)}.hl-said{color:var(--color-ink);font-size:var(--text-small);gap:.5rem;font-weight:600;display:flex}.hl-said>svg{color:var(--color-indigo)}.hl-signin{border:1px solid var(--color-indigo-200);border-radius:var(--radius-card);background-color:var(--color-indigo-50);padding:1.25rem}.hl-example{border:1px solid color-mix(in oklab, var(--hl-wait) 55%, white);border-radius:var(--radius-card);background-color:color-mix(in oklab, var(--hl-wait) 10%, white);color:var(--color-ink);font-size:var(--text-small);gap:.75rem;padding:.875rem 1rem;display:flex}.hl-example>svg{color:#85540f;margin-top:.125rem}.hl-empty{border:1px dashed var(--color-line-strong);border-radius:var(--radius-card);color:var(--color-ink-muted);font-size:var(--text-small);margin-top:1rem;padding:1.25rem}.hl-error{color:#b4482b;font-size:var(--text-small);margin-top:.5rem;font-weight:600}.hl-hint{color:var(--color-ink-soft);font-size:var(--text-micro);margin-top:.5rem}.hl-tool label>span:first-child{color:var(--color-ink-muted);margin-bottom:.25rem;font-size:.8125rem;font-weight:600;display:block}.hl-tool label>.field,.hl-tool label .pr-affixed{width:100%;height:2.75rem}.hl-tool label>.field{padding:0 .75rem;font-size:1rem}.hl-clocks{gap:.75rem;margin-top:1rem;display:grid}.hl-run{border:1px solid color-mix(in oklab, var(--hl-live) 40%, var(--color-line));border-left:4px solid var(--hl-live);border-radius:var(--radius-card);background-color:var(--color-white);box-shadow:var(--shadow-card);padding:1rem}.hl-run.is-long{border-color:color-mix(in oklab, var(--hl-wait) 50%, var(--color-line));border-left-color:var(--hl-wait)}.hl-run-top{align-items:center;gap:.75rem;display:flex}.hl-dot{background-color:var(--hl-live);width:.75rem;height:.75rem;box-shadow:0 0 0 0 color-mix(in oklab, var(--hl-live) 60%, transparent);border-radius:999px;flex:none;animation:2s ease-out infinite hl-breathe}.hl-run.is-long .hl-dot{background-color:var(--hl-wait)}@keyframes hl-breathe{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--hl-live) 55%, transparent)}70%{box-shadow:0 0 0 .6rem #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.hl-dot{animation:none}}.hl-run-who{font-weight:700}.hl-run-who span{color:var(--color-ink-muted);font-weight:500}.hl-run-since{color:var(--color-ink-soft);font-size:var(--text-micro)}.hl-face{font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:none;font-size:1.875rem;font-weight:800;line-height:1}.hl-run-acts,.hl-stop-acts,.hl-row-acts{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.875rem;display:flex}.hl-stop{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 .75rem;margin-top:.875rem;padding-top:.875rem;display:grid}.hl-stop>.hl-stop-acts,.hl-stop>p{grid-column:1/-1}.hl-start{border:1px dashed var(--color-line-strong);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr);align-items:end;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}@media (min-width:40rem){.hl-start{grid-template-columns:9rem minmax(0,1fr) auto}}.hl-start-go{height:2.75rem}.hl-log{border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-white);box-shadow:var(--shadow-card);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"who on""t brk""note note""said said""go go";gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.hl-log-wrap{container-type:inline-size}@container (min-width:36rem){.hl-log{grid-template-columns:minmax(0,1fr) 10.5rem minmax(0,1.2fr) 6.5rem;grid-template-areas:"who on t brk""note note note note""said said go go";align-items:end}}.hl-f-who{grid-area:who}.hl-f-on{grid-area:on}.hl-f-t{grid-area:t}.hl-f-brk{grid-area:brk}.hl-f-note{grid-area:note}.hl-f-go{grid-area:go;height:2.75rem}@container (min-width:36rem){.hl-f-go{justify-self:end}}.hl-f-t .field{font-weight:650}.hl-f-said{color:var(--color-ink-muted);font-size:var(--text-small);grid-area:said;align-self:center}.hl-f-said b{color:var(--color-ink)}.hl-f-said.is-error{color:#b4482b;font-weight:600}.hl-days{gap:1.25rem;margin-top:1rem;display:grid}.hl-day-head{border-bottom:2px solid var(--color-ink);font-size:var(--text-small);justify-content:space-between;padding-bottom:.375rem;font-weight:700;display:flex}.hl-day-head b{font-variant-numeric:tabular-nums}.hl-row{border-bottom:1px solid var(--color-line);align-items:center;gap:.75rem;padding:.625rem 0;display:flex}.hl-row.is-editing{border:1px solid var(--color-indigo-200);border-radius:var(--radius-control);background-color:var(--color-indigo-50);padding:.875rem;display:block}.hl-who{background-color:var(--color-mist);width:2rem;height:2rem;color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;flex:none;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.hl-row.is-running .hl-who{background-color:color-mix(in oklab, var(--hl-live) 18%, white)}.hl-row-main{font-weight:650}.hl-row-main span{color:var(--color-ink-muted);font-size:var(--text-small);margin-left:.5rem;font-weight:500}.hl-row-note{color:var(--color-ink-soft);font-size:var(--text-micro)}.hl-row-hrs{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:.125rem;font-weight:750;display:flex}.hl-row.is-billed .hl-row-hrs{color:var(--color-ink-soft)}.hl-pill{letter-spacing:.02em;border-radius:999px;padding:.0625rem .5rem;font-size:.6875rem;font-weight:700}.hl-pill.is-billed{background-color:var(--color-indigo-50);color:var(--color-indigo);box-shadow:inset 0 0 0 1px var(--color-indigo-200)}.hl-pill.is-running{background-color:color-mix(in oklab, var(--hl-live) 16%, white);color:#22603e}.hl-row-tools{flex:none;display:flex}.hl-icon-btn{border-radius:var(--radius-control);width:2.25rem;height:2.25rem;color:var(--color-ink-soft);cursor:pointer;place-items:center;display:grid}.hl-icon-btn:hover{background-color:var(--color-mist);color:var(--color-ink)}.hl-icon-btn.is-sure{background-color:color-mix(in oklab, var(--hl-over) 14%, white);color:#b4482b}.hl-icon-btn:focus-visible{outline:3px solid var(--color-indigo);outline-offset:1px}.hl-edit{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:40rem){.hl-edit{grid-template-columns:9rem 10.5rem minmax(0,1fr) 6.5rem}}.hl-edit-note{grid-column:1/-1}@media (min-width:64rem){.hl-side{position:sticky;top:6rem}}.hl-panel{border:1px solid var(--color-line);border-radius:var(--radius-stage);background-color:var(--color-white);box-shadow:var(--shadow-raised);padding:1.25rem}.hl-panel-head{color:var(--color-ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.hl-big{margin-top:.75rem;display:grid}.hl-big span{color:var(--color-ink-muted);font-size:var(--text-small)}.hl-big b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.25rem;font-weight:800;line-height:1.15}.hl-big b small{color:var(--color-ink-muted);letter-spacing:0;font-size:1rem;font-weight:600}.hl-big em{color:#22603e;font-size:var(--text-micro);font-style:normal;font-weight:600}.hl-gauge{margin:1rem 0 .25rem}.hl-gauge-track{background-color:var(--color-mist);height:1.25rem;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.375rem;position:relative;overflow:hidden}.hl-gauge-part,.hl-gauge-over{position:absolute;top:0;bottom:0}.hl-gauge-part.is-billed{background-color:var(--hl-billed)}.hl-gauge-part.is-open{background-color:var(--hl-open)}.hl-gauge-part.is-live{background:repeating-linear-gradient(135deg, var(--hl-live) 0 4px, color-mix(in oklab, var(--hl-live) 50%, white) 4px 8px)}.hl-gauge-over{background-color:color-mix(in oklab, var(--hl-over) 45%, transparent);mix-blend-mode:multiply}.hl-gauge-mark{background-color:var(--color-ink);width:3px;margin-left:-1.5px;position:absolute;top:-2px;bottom:-2px}.hl-gauge-keys{height:1.25rem;color:var(--color-ink-muted);margin-top:.25rem;font-size:.75rem;font-weight:600;position:relative}.hl-gauge-keys span{white-space:nowrap;position:absolute;transform:translate(-100%)}.hl-sums{font-size:var(--text-small);margin-top:.5rem;display:grid}.hl-sums>div{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.hl-sums dt{color:var(--color-ink-muted)}.hl-sums dd{font-variant-numeric:tabular-nums;text-align:right;font-weight:700;display:grid}.hl-sums dd small{color:var(--color-ink-soft);font-size:.75rem;font-weight:600}.hl-sums .is-billed dt:before,.hl-sums .is-open dt:before{content:"";vertical-align:-.0625rem;background-color:var(--hl-billed);border-radius:2px;width:.75rem;height:.75rem;margin-right:.5rem;display:inline-block}.hl-sums .is-open dt:before{background-color:var(--hl-open)}.hl-people{font-size:var(--text-small);gap:.375rem;margin-top:1rem;display:grid}.hl-people li{align-items:center;gap:.625rem;display:flex}.hl-people li>span:nth-child(2){flex:1}.hl-people b{font-variant-numeric:tabular-nums}.hl-people .hl-who{width:1.625rem;height:1.625rem;font-size:.75rem}.hl-strip{margin-top:1.25rem}.hl-strip figcaption,.hl-strip-span{color:var(--color-ink-soft);font-size:.75rem;font-weight:600}.hl-strip ol{grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;height:4.5rem;margin-top:.375rem;display:grid}.hl-strip li{flex-direction:column;justify-content:flex-end;align-items:center;gap:.125rem;display:flex}.hl-strip li>span:first-child{background-color:var(--hl-open);border-radius:2px 2px 0 0;width:100%;min-height:2px}.hl-strip li>span.is-none{background-color:var(--color-line)}.hl-strip li small{color:var(--color-ink-soft);font-size:.625rem;line-height:1}.hl-strip-span{text-align:right;margin-top:.25rem}.hl-flags{gap:.5rem;margin-top:1rem;display:grid}.hl-flag{border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--text-small);gap:.625rem;padding:.75rem .875rem;display:flex}.hl-flag b{font-weight:650}.hl-flag .hst-text-button{font-size:inherit;display:inline}.hl-flag.is-bad{background-color:color-mix(in oklab, var(--hl-over) 12%, white)}.hl-flag.is-bad>svg{color:#b4482b}.hl-flag.is-warn{background-color:color-mix(in oklab, var(--hl-wait) 13%, white)}.hl-flag.is-warn>svg{color:#85540f}.hl-flag.is-quiet{background-color:var(--color-mist)}.hl-flag.is-quiet>svg{color:var(--color-ink-soft)}.hl-flag.is-good{background-color:color-mix(in oklab, var(--hl-live) 11%, white)}.hl-flag.is-good>svg{color:#22603e}.hl-bill{border:1px solid var(--color-indigo-200);border-radius:var(--radius-card);background-color:var(--color-indigo-50);margin-top:1.25rem;padding:1rem}.hl-bill-head{font-size:var(--text-small);font-weight:750}.hl-bill-lines{font-size:var(--text-small);gap:.5rem;margin-top:.5rem;display:grid}.hl-bill-lines li{justify-content:space-between;gap:1rem;display:flex}.hl-bill-lines span{display:grid}.hl-bill-lines small{color:var(--color-ink-soft);font-size:.75rem}.hl-bill-lines b{font-variant-numeric:tabular-nums}.hl-out{flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1rem;display:flex}.hl-fine{color:var(--color-ink-soft);font-size:var(--text-micro);margin-top:.75rem}}