@layer components{.sh .pen{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;overflow: visible;pointer-events: none}.sh .pen mask{mask-type: alpha}.sh .pen__c{fill: none;stroke: var(--ink);stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1 1;stroke-dashoffset: 0}.sh .pen__ink{fill: var(--accent)}html.sh-on .sh [data-pen="sh"]:not(.is-drawn) .pen__c{stroke-dashoffset: 1}html.sh-on .sh [data-pen="sh"] .pen__c--ring{transition: stroke-dashoffset var(--dur-draw) var(--ease-draw) 200ms}.sh__words{font: italic var(--weight-regular) 1.375rem / 1.15 var(--font-note);color: var(--accent-ink)}html.sh-on .sh [data-pen="sh"]:not(.is-drawn) .sh__words{opacity: 0}html.sh-on .sh [data-pen="sh"] .sh__words{transition: opacity var(--dur-base) var(--ease-out) 700ms}.sh{display: grid;gap: var(--space-5);font-variant-numeric: var(--figures-tabular)}.sh__top{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: var(--space-4) var(--space-8)}.sh__mode{display: flex;flex-wrap: wrap;gap: var(--space-1) var(--space-5);margin: 0;padding: 0;border: 0}.sh__legend{inline-size: 100%;margin-block-end: var(--space-2);padding: 0;font: var(--weight-label) var(--text-label) / 1.3 var(--font-mono);color: var(--ink-3)}.sh__opt{display: inline-flex;align-items: center;gap: var(--space-2);min-block-size: 44px;font-size: var(--text-small);color: var(--ink);cursor: pointer}.sh__opt input{inline-size: 18px;block-size: 18px;margin: 0;accent-color: var(--ink)}.sh__key{inline-size: 22px;block-size: 14px;border-radius: 1px}.sh{--sh-comb: repeating-linear-gradient(to bottom,transparent 0 1px,var(--line) 1px 2.4px,transparent 2.4px 4px);--sh-hatch: repeating-linear-gradient(-45deg,var(--sh-hatch-ink) 0 1px,transparent 1px 6px);--sh-hatch-ink: color-mix(in srgb,var(--ink) 62%,transparent)}.sh__key--s{background: var(--sh-comb);box-shadow: inset 0 0 0 1px var(--line)}.sh__key--j{background: repeating-linear-gradient(-45deg,var(--ink) 0 1px,transparent 1px 5px);box-shadow: inset 0 0 0 1px var(--ink)}.sh__key--r{background: var(--surface);box-shadow: inset 0 0 0 1.5px var(--ink)}.sh__specbox{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-1) var(--space-4)}.sh__spec{padding: 3px var(--space-2);border: 1px dashed var(--edge);border-radius: var(--radius-sm);font: var(--weight-label) var(--text-label) / 1.3 var(--font-mono);color: var(--ink-2);white-space: nowrap}.sh__link{min-block-size: 44px;padding: 0;border: 0;background: none;color: var(--ink);font: var(--weight-regular) var(--text-small) / 1.3 var(--font-sans);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.28em;text-decoration-color: var(--edge);cursor: pointer}.sh__link:hover{text-decoration-color: currentColor}.sh__link:focus-visible,.sh__opt:has(input:focus-visible){outline: var(--focus-width) solid var(--focus);outline-offset: 2px}.sh [data-js]{display: none}html.js .sh__mode[data-js]{display: flex}html.js .sh__link[data-js]{display: inline-block}.sh__hint{font-size: var(--text-small);line-height: var(--leading-small);color: var(--ink-2);max-inline-size: 52em}.sh__sheet{display: grid;background: var(--surface);border-radius: var(--radius-md,4px);box-shadow: var(--shadow-paper),0 0 0 1px var(--hairline)}.sh__grid{position: relative;display: grid;grid-template-columns: 3.6em repeat(7,minmax(0,1fr));grid-template-rows: 2em repeat(36,24px);padding: var(--space-5) var(--space-5) var(--space-5) var(--space-2);min-inline-size: 0}.sh__dh{grid-row: 1;align-self: center;padding-inline-start: var(--space-2);font: var(--weight-label) var(--text-label) / 1 var(--font-mono);color: var(--ink-2)}.sh__th{grid-column: 1;align-self: start;translate: 0 -0.55em;padding-inline-end: var(--space-2);text-align: end;font: var(--weight-label) var(--text-label) / 1 var(--font-mono);color: var(--ink-3)}.sh__c{position: relative;min-inline-size: 0;margin: 0;padding: 0;border: 0;border-inline-start: 1px solid var(--hairline);border-block-end: 1px dotted var(--hairline);background: transparent;cursor: pointer}.sh__c[data-t$="1"],.sh__c[data-t$="3"],.sh__c[data-t$="5"],.sh__c[data-t$="7"],.sh__c[data-t$="9"]{border-block-end-style: solid}.sh__c[data-d="6"]{border-inline-end: 1px solid var(--hairline)}.sh__c:hover{background: var(--line-wash)}.sh__c:focus-visible{z-index: 3;outline: var(--focus-width) solid var(--focus);outline-offset: -1px}.sh__c.is-j{background: var(--sh-hatch)}.sh__c.is-s{background: var(--sh-comb);border-inline-start-color: var(--line);border-block-end-color: transparent}.sh__c.is-r{background: var(--line-wash);box-shadow: inset 1.5px 0 var(--ink),inset -1.5px 0 var(--ink);border-block-end-color: var(--line-wash)}.sh__c.is-r:not(.is-r + .is-r){box-shadow: inset 1.5px 0 var(--ink),inset -1.5px 0 var(--ink),inset 0 1.5px var(--ink)}.sh__c.is-r:has(+ .sh__c:not(.is-r)),.sh__c.is-r:last-child{box-shadow: inset 1.5px 0 var(--ink),inset -1.5px 0 var(--ink),inset 0 -1.5px var(--ink)}.sh__c.is-x{background: var(--sh-comb),var(--sh-hatch);border-inline-start-color: var(--line);border-block-end-color: transparent}html.sh-on .sh__c{transition: background-color var(--dur-fast) var(--ease-out)}.sh__note{position: relative;z-index: 2;grid-column: var(--nd,8);grid-row: var(--nt,2) / span var(--nn,1);pointer-events: none}.sh__note .sh__pen{inset: auto;inset-inline-start: 50%;inset-block-start: 50%;inline-size: calc((100% + 16px) * 1.188);block-size: calc((100% + 16px) * 2.592);translate: -50% -50%}.sh__words{position: absolute;inset-block-start: 50%;translate: 0 -50%;inset-inline-end: calc(50% + (100% + 16px) * 0.594 + 8px);inline-size: max-content;max-inline-size: 11em;text-align: end;text-wrap: balance}.sh__note--r .sh__words{inset-inline: calc(50% + (100% + 16px) * 0.594 + 8px) auto;text-align: start}.sh__wordsi{padding-inline: 4px;text-shadow: -2px 0 0 var(--surface),2px 0 0 var(--surface),0 -2px 0 var(--surface),0 2px 0 var(--surface),-1.5px -1.5px 0 var(--surface),1.5px -1.5px 0 var(--surface),-1.5px 1.5px 0 var(--surface),1.5px 1.5px 0 var(--surface)}.sh__cf{display: grid;align-content: start;gap: var(--space-4);padding: var(--space-6);border-block-start: 1.5px dashed var(--rule)}.sh__cf-h{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2px var(--space-3);padding-block-end: var(--space-2);border-block-end: 1px solid var(--rule);font: var(--weight-label) var(--text-label) / 1.3 var(--font-mono);color: var(--ink-3)}.sh__count{display: flex;align-items: flex-end;gap: var(--space-3)}.sh__count-n{font: 300 clamp(3.25rem,2.4rem + 3vw,5.4rem) / 1 var(--font-display);letter-spacing: -0.02em;color: var(--ink);font-variant-numeric: var(--figures-tabular)}.sh__count-of{padding-block-end: 0.5em;font: var(--text-small) / 1.3 var(--font-sans);color: var(--ink-2);max-inline-size: 8em}.sh__perf{block-size: 1px;margin-inline: calc(-1 * var(--space-6) + 14px);border-block-start: 1.5px dashed var(--rule)}.sh__sums{margin: 0;border-block-start: 1px solid var(--rule)}.sh__sums>div{display: flex;justify-content: space-between;align-items: baseline;gap: var(--space-4);padding-block: var(--space-2);border-block-end: 1px solid var(--hairline)}.sh__sums dt{font-size: var(--text-small);color: var(--ink)}.sh__sums dd{margin: 0;font: var(--weight-label) var(--text-small) / 1.3 var(--font-mono);color: var(--ink);text-align: end}.sh__bar{margin: 0;padding-block: var(--space-6) 0}.sh__track{position: relative;display: flex;block-size: 22px;border: 1.5px solid var(--ink);border-radius: 1px}.sh__seg{display: block;block-size: 100%;transition: inline-size var(--dur-slow) var(--ease-in-out)}.sh__seg--j{inline-size: calc(var(--job) / 60 * 100%);background: var(--sh-hatch)}.sh__seg--s{inline-size: calc(var(--studio) / 60 * 100%);background: var(--sh-comb);box-shadow: inset 1px 0 var(--line),inset -1px 0 var(--line)}.sh__seg--r{inline-size: calc(var(--review) / 60 * 100%);background: var(--line-wash);box-shadow: inset 0 0 0 1.5px var(--ink)}.sh__line55{position: absolute;inset-block: -8px;inset-inline-start: calc(55 / 60 * 100%);border-inline-start: 1px dashed var(--ink-2)}.sh__line55-lab{position: absolute;inset-block-start: calc(100% + 4px);inset-inline-end: 4px;font: var(--weight-label) var(--text-label) / 1 var(--font-mono);color: var(--ink-2);white-space: nowrap}.sh__dim{position: relative;block-size: 0;margin-block-end: 12px;margin-inline-start: calc(var(--job) / 60 * 100%);inline-size: calc(var(--studio) / 60 * 100%);border-block-start: 1px solid var(--line-ink);transition: inline-size var(--dur-slow) var(--ease-in-out),margin var(--dur-slow) var(--ease-in-out)}.sh__dim::before,.sh__dim::after{content: "";position: absolute;inset-block-start: -0.5px;inline-size: 11px;block-size: 1px;background: var(--line-ink);rotate: -45deg;translate: -50% 0}.sh__dim::before{inset-inline-start: 0}.sh__dim::after{inset-inline-start: 100%}.sh__dim-lab{position: absolute;inset-block-end: 9px;inset-inline-end: 0;font: var(--weight-label) var(--text-label) / 1 var(--font-mono);color: var(--line-ink);white-space: nowrap}.sh__scale{margin-block-start: var(--space-8);font: var(--weight-label) var(--text-label) / 1.4 var(--font-mono);color: var(--ink-3)}.sh__cf-acts{display: flex;flex-wrap: wrap;gap: 0 var(--space-5);margin: 0}html.js .sh__cf-acts .sh__link[data-js]{display: none}@media (min-width: 1100px){.sh__sheet{grid-template-columns: minmax(0,8fr) minmax(0,4fr)}.sh__grid{border-inline-end: 1.5px dashed var(--rule)}.sh__cf{border-block-start: 0;position: sticky;inset-block-start: calc(var(--hdr) + 8px);align-self: start}html.js .sh__specbox .sh__link[data-js]{display: none}html.js .sh__cf-acts .sh__link[data-js]{display: inline-block}}@media (max-width: 599.98px){.sh__grid{grid-template-columns: 2.9em repeat(7,minmax(0,1fr));padding-inline: 0 var(--space-6)}.sh__dh{padding-inline-start: 2px}.sh__words{max-inline-size: 9em}.sh__cf{padding: var(--space-5) var(--space-4)}.sh__perf{margin-inline: calc(-1 * var(--space-4) + 10px)}}.sh__c[data-d="0"],.sh__dh[data-d="0"]{grid-column: 2}.sh__c[data-d="1"],.sh__dh[data-d="1"]{grid-column: 3}.sh__c[data-d="2"],.sh__dh[data-d="2"]{grid-column: 4}.sh__c[data-d="3"],.sh__dh[data-d="3"]{grid-column: 5}.sh__c[data-d="4"],.sh__dh[data-d="4"]{grid-column: 6}.sh__c[data-d="5"],.sh__dh[data-d="5"]{grid-column: 7}.sh__c[data-d="6"],.sh__dh[data-d="6"]{grid-column: 8}.sh__c[data-t="0"],.sh__th[data-t="0"]{grid-row: 2}.sh__c[data-t="1"],.sh__th[data-t="1"]{grid-row: 3}.sh__c[data-t="2"],.sh__th[data-t="2"]{grid-row: 4}.sh__c[data-t="3"],.sh__th[data-t="3"]{grid-row: 5}.sh__c[data-t="4"],.sh__th[data-t="4"]{grid-row: 6}.sh__c[data-t="5"],.sh__th[data-t="5"]{grid-row: 7}.sh__c[data-t="6"],.sh__th[data-t="6"]{grid-row: 8}.sh__c[data-t="7"],.sh__th[data-t="7"]{grid-row: 9}.sh__c[data-t="8"],.sh__th[data-t="8"]{grid-row: 10}.sh__c[data-t="9"],.sh__th[data-t="9"]{grid-row: 11}.sh__c[data-t="10"],.sh__th[data-t="10"]{grid-row: 12}.sh__c[data-t="11"],.sh__th[data-t="11"]{grid-row: 13}.sh__c[data-t="12"],.sh__th[data-t="12"]{grid-row: 14}.sh__c[data-t="13"],.sh__th[data-t="13"]{grid-row: 15}.sh__c[data-t="14"],.sh__th[data-t="14"]{grid-row: 16}.sh__c[data-t="15"],.sh__th[data-t="15"]{grid-row: 17}.sh__c[data-t="16"],.sh__th[data-t="16"]{grid-row: 18}.sh__c[data-t="17"],.sh__th[data-t="17"]{grid-row: 19}.sh__c[data-t="18"],.sh__th[data-t="18"]{grid-row: 20}.sh__c[data-t="19"],.sh__th[data-t="19"]{grid-row: 21}.sh__c[data-t="20"],.sh__th[data-t="20"]{grid-row: 22}.sh__c[data-t="21"],.sh__th[data-t="21"]{grid-row: 23}.sh__c[data-t="22"],.sh__th[data-t="22"]{grid-row: 24}.sh__c[data-t="23"],.sh__th[data-t="23"]{grid-row: 25}.sh__c[data-t="24"],.sh__th[data-t="24"]{grid-row: 26}.sh__c[data-t="25"],.sh__th[data-t="25"]{grid-row: 27}.sh__c[data-t="26"],.sh__th[data-t="26"]{grid-row: 28}.sh__c[data-t="27"],.sh__th[data-t="27"]{grid-row: 29}.sh__c[data-t="28"],.sh__th[data-t="28"]{grid-row: 30}.sh__c[data-t="29"],.sh__th[data-t="29"]{grid-row: 31}.sh__c[data-t="30"],.sh__th[data-t="30"]{grid-row: 32}.sh__c[data-t="31"],.sh__th[data-t="31"]{grid-row: 33}.sh__c[data-t="32"],.sh__th[data-t="32"]{grid-row: 34}.sh__c[data-t="33"],.sh__th[data-t="33"]{grid-row: 35}.sh__c[data-t="34"],.sh__th[data-t="34"]{grid-row: 36}.sh__c[data-t="35"],.sh__th[data-t="35"]{grid-row: 37}.sh{--job: 45;--studio: 7;--review: 1;--longest: 4}.sh__note{--nd: 8;--nt: 26;--nn: 2}@media print{html.sh-print body *{visibility: hidden}html.sh-print .sh-printing,html.sh-print .sh-printing *{visibility: visible}html.sh-print .sh-printing{position: absolute;inset: 0 auto auto 0;inline-size: 100%}html.sh-print .sh-printing :is(.sh__mode,.sh__specbox,.sh__hint){display: none}.sh .pen__c{stroke-dashoffset: 0 !important}}}