:root{--client-measure:36rem;--client-swatch:var(--space-7)}body{background:var(--color-paper-raised)}.cl-code{font-variant-numeric:var(--figures-code)}.cl-inks{block-size:var(--space-1);grid-template-columns:repeat(4,1fr);display:grid}.cl-inks i:first-child{background:var(--color-mark-cyan)}.cl-inks i:nth-child(2){background:var(--color-mark-magenta-in)}.cl-inks i:nth-child(3){background:var(--color-mark-yellow-in)}.cl-inks i:nth-child(4){background:var(--color-mark-black)}.cl-sheet{max-inline-size:var(--client-measure);min-block-size:calc(100dvh - var(--space-1));padding:var(--space-5) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.cl-main{flex:1}.cl-waiting{min-block-size:60dvh}.cl-brand-home{align-items:center;gap:var(--space-2);min-block-size:var(--control-size);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);text-decoration:none;display:inline-flex}.cl-brand-home img{block-size:28px;inline-size:auto;display:block}.cl h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.cl h2{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.cl h3,.cl legend{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.cl-for{color:var(--color-ink-muted);font-size:var(--text-lg);line-height:var(--leading-snug);margin-block-start:var(--space-2)}.cl-hello,.cl-printer,.cl-request,.cl-enter,.cl-part{margin-block-start:var(--space-7)}.cl-part>h2{margin-block-end:var(--space-2)}.cl-quiet-line{color:var(--color-ink-muted)}.cl-rows{padding:0;list-style:none}.cl .cl-row{align-items:baseline;column-gap:var(--space-4);padding:var(--space-3) 0;min-block-size:var(--space-8);color:var(--color-ink);grid-template-columns:1fr auto;text-decoration:none;display:grid}.cl-row-main{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.cl-printers .cl-row-main{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.cl-row-side{color:var(--color-ink-muted)}.cl-row-sub{color:var(--color-ink-muted);font-size:var(--text-sm);grid-column:1/-1}.cl-state{color:var(--color-ink);font-weight:var(--weight-medium)}.cl-state:before{content:"";inline-size:var(--ink-dot-size);block-size:var(--ink-dot-size);border-radius:var(--radius-pill);background:var(--state-ink,transparent);vertical-align:.05em;margin-inline-end:var(--space-2);display:inline-block}.cl [data-tone=c]{--state-ink:var(--color-mark-cyan)}.cl [data-tone=y]{--state-ink:var(--color-mark-yellow)}.cl [data-tone=k]{--state-ink:var(--color-mark-black)}.cl [data-tone=none]{--state-ink:var(--color-ink-faint)}.cl .word{min-block-size:var(--control-size);color:var(--color-ink);font:inherit;font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-snug);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), scale var(--duration-base) var(--ease-spring);background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}.cl .word:after{content:"";block-size:var(--divider-weight);border-radius:var(--radius-pill);background:var(--color-tint-2);transform-origin:0;transition:scale var(--duration-base) var(--ease-emphasized);position:absolute;inset-block-end:var(--space-1);inset-inline:0;scale:0 1}.cl .word:hover:after{scale:1}.cl .word:active{transition-duration:var(--duration-instant);scale:.96}.cl .word[data-main]{color:var(--color-magenta);font-weight:var(--weight-bold)}.cl .word[data-main]:after{background:var(--color-magenta-wash)}.cl .word:disabled{color:var(--color-ink-faint);cursor:default;scale:1}.cl .word:disabled:after{scale:0 1}.cl-back .word,.cl-foot .word{color:var(--color-ink-muted);font-size:var(--text-md)}.cl-words{gap:var(--space-2) var(--space-6);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.cl-request+.cl-words{margin-block-start:var(--space-7)}.cl-back,.cl-back+.cl-printer,.cl-back+.cl-request,.cl-back+.cl-title{margin-block-start:var(--space-4)}.cl-more{margin-block-start:var(--space-2)}.cl-label{color:var(--color-ink-muted);font-size:var(--text-sm);margin-block-start:var(--space-4);display:block}.cl-input{inline-size:100%;min-block-size:var(--control-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-paper-sunken);color:var(--color-ink);font:inherit;font-size:var(--text-lg);border:0;margin-block-start:var(--space-1);display:block}.cl-input:focus-visible{outline:var(--divider-weight) solid var(--color-focus);outline-offset:0}.cl-code-input{text-transform:uppercase;font-variant-numeric:var(--figures-code)}.cl-lines{resize:vertical;line-height:var(--leading-body);margin-block-start:var(--space-2)}.cl-field-row{align-items:center;gap:var(--space-4);display:flex}.cl-field-row>.cl-input{min-inline-size:0;flex:1;margin-block-start:var(--space-1)}.cl-problem{color:var(--color-danger);margin-block-start:var(--space-3)}.cl-enter>.cl-for{max-inline-size:var(--measure)}.cl-way{margin-block-start:var(--space-7)}.cl-way>h2{margin-block-end:var(--space-1)}.cl-way>.word{margin-block-start:var(--space-3)}.cl-login{color:var(--color-ink-muted);margin-block-start:var(--space-2)}.cl-login .cl-code{color:var(--color-ink);font-weight:var(--weight-medium)}.cl-enter>.cl-quiet-line{font-size:var(--text-sm);margin-block-start:var(--space-7)}.cl-asks .cl-ask{margin-block-start:var(--space-6)}.cl-asks .cl-ask>.word{margin-block-start:var(--space-2)}.cl-inks-pick{border:0;min-inline-size:0;padding:0}.cl-swatches{gap:var(--space-3);grid-template-columns:repeat(4,1fr);margin-block-start:var(--space-3);display:grid}.cl-ink{justify-items:center;gap:var(--space-2);cursor:pointer;display:grid;position:relative}.cl-ink input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cl-swatch{inline-size:var(--client-swatch);block-size:var(--client-swatch);border-radius:var(--radius-lg);background:var(--swatch-ink);outline:var(--divider-weight) solid transparent;outline-offset:var(--space-1);transition:outline-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring)}.cl-ink-name{font-size:var(--text-sm);color:var(--color-ink-muted)}.cl-ink[data-ink=bk]{--swatch-ink:var(--color-tinta-bk)}.cl-ink[data-ink=c]{--swatch-ink:var(--color-tinta-c)}.cl-ink[data-ink=m]{--swatch-ink:var(--color-tinta-m)}.cl-ink[data-ink=y]{--swatch-ink:var(--color-tinta-y)}.cl-ink:has(input:checked) .cl-swatch{outline-color:var(--color-ink);transform:scale(.92)}.cl-ink:has(input:checked) .cl-ink-name{color:var(--color-ink);font-weight:var(--weight-medium)}.cl-ink:has(input:focus-visible) .cl-swatch{outline-color:var(--color-focus)}.cl .cl-state-big{font-size:var(--text-5xl);letter-spacing:var(--tracking-display)}.cl-state-big:after{content:"";inline-size:var(--space-8);block-size:var(--space-2);border-radius:var(--radius-pill);background:var(--state-ink,transparent);margin-block-start:var(--space-3);display:block}.cl .cl-printer h1{font-size:var(--text-5xl);letter-spacing:var(--tracking-display);overflow-wrap:anywhere}.cl-next{max-inline-size:var(--measure);font-size:var(--text-lg);line-height:var(--leading-snug);margin-block-start:var(--space-4)}.cl-facts{margin-block-start:var(--space-6)}.cl-facts div{padding:var(--space-2) 0}.cl-facts dt{color:var(--color-ink-muted);font-size:var(--text-sm)}.cl-facts dd{font-size:var(--text-lg);overflow-wrap:anywhere;margin:0}.cl-steps{gap:var(--space-2);margin-block-start:var(--space-6);padding:0;list-style:none;display:grid}.cl-steps li{align-items:baseline;gap:var(--space-4);grid-template-columns:1fr auto;display:grid}.cl-step-word{font-weight:var(--weight-medium)}.cl-step-when{color:var(--color-ink-muted);font-size:var(--text-sm);font-variant-numeric:var(--figures-code)}.cl-steps li[data-done=no] .cl-step-word{color:var(--color-ink-faint);font-weight:var(--weight-regular)}.cl-gone{align-content:center;gap:var(--space-4);min-block-size:60dvh;display:grid}.cl .cl-gone h1{font-size:var(--text-4xl)}.cl-gone p{color:var(--color-ink-muted);max-inline-size:var(--measure);font-size:var(--text-lg);line-height:var(--leading-snug)}.cl-foot{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-ink-muted);font-size:var(--text-sm);margin-block-start:var(--space-8);display:flex}.cl .tb{inline-size:var(--control-size);block-size:var(--control-size);border-radius:var(--radius-md);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.cl .tb-glyph{inline-size:var(--icon-size);block-size:var(--icon-size)}.cl .fact-term{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.cl .fact-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font:inherit;color:var(--color-ink);background:var(--color-paper-sunken);border:0}.cl .fact-input:focus-visible{outline:var(--divider-weight) solid var(--color-focus);outline-offset:0}.cl .fact-problem{color:var(--color-danger)}@media (prefers-reduced-motion:reduce){.cl-swatch,.cl .word,.cl .word:after{transition:none}.cl-ink:has(input:checked) .cl-swatch{transform:none}}.cl .reader-title{font-size:var(--text-xl)}
