.mono{--mono-rule:color-mix(in srgb, var(--color-glow) 36%, var(--color-paper));--mono-shift:8px;--mono-gutter:3.25rem;--mono-word:calc(100% - var(--mono-gutter));--mono-ink:var(--color-ink)}:root[data-theme=dark] .mono{--mono-rule:color-mix(in srgb, var(--color-glow) 17%, var(--color-paper));--mono-plate-night:var(--color-plate);--mono-plate-focus:color-mix(in srgb, var(--color-signal) 55%, var(--color-plate-ink))}@media (min-width:640px){.mono{--mono-gutter:5.5rem;--mono-word:min(calc(100% - var(--mono-gutter) - 15rem), 40rem)}}@media (min-width:768px){.mono{--mono-shift:4px}}.mono-type{font-family:var(--font-specimen,var(--font-paper-mono), ui-monospace, "SF Mono", Menlo, monospace);letter-spacing:-.009em;font-feature-settings:"tnum";font-size:.75rem;line-height:1.125rem}.mono-paper{background-image:linear-gradient(to right, var(--mono-rule) 1px, transparent 1px), linear-gradient(to bottom, var(--mono-rule) 1px, transparent 1px);background-size:12px 24px;background-position:var(--mono-shift) 0;-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 5rem calc(100% - 7rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 5rem calc(100% - 7rem),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.mono-frame{background:var(--color-paper);border:1px solid var(--color-line-2);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);transition:border-color .2s var(--ease-out), box-shadow .32s var(--ease-out);overflow:hidden;container-type:inline-size}@container (max-width:13rem){.mono-kind{display:none}}@container (max-width:18.5rem){.mono-frame-tight .mono-kind{display:none}}.mono-card[data-front=true] .mono-frame{border-color:color-mix(in srgb, var(--color-signal) 55%, var(--color-line-2))}.mono-card[data-dragging=true] .mono-frame{box-shadow:var(--shadow-float)}.mono-home{border-radius:var(--radius-control);transition:transform .15s var(--ease-out)}.mono-home:active{transform:scale(.9)}.mono-photo{--mono-res:0}.mono-photo[data-pinned=true],.mono-photo[data-failed=true],.mono-card:focus-visible .mono-photo{--mono-res:1}.mono-frame:has(:focus-visible) .mono-photo{--mono-res:1}@media (hover:hover) and (pointer:fine){.mono-frame:hover .mono-photo{--mono-res:1}}.mono-print{opacity:calc(1 - var(--mono-res));clip-path:inset(0 0 100%);transition:opacity .52s var(--ease-out)}.mono-print[data-printed=true]{animation:mono-develop 1.1s var(--ease-expo) both}@keyframes mono-develop{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.mono-source{opacity:var(--mono-res);filter:blur(calc((1 - var(--mono-res)) * 6px));transition:opacity .52s var(--ease-out), filter .52s var(--ease-out)}.mono-crop{opacity:.55}.mono-scan{inset-inline:0;pointer-events:none;background:var(--color-signal);opacity:0;height:1px;animation:mono-scan 10s var(--ease-in-out) infinite paused;position:absolute;top:0}.mono-photo[data-printed=true] .mono-scan{animation-play-state:running}@keyframes mono-scan{0%{opacity:0;top:0}2%,20%{opacity:calc(.7 * (1 - var(--mono-res)))}22%,to{opacity:0;top:100%}}.mono-switch{border-radius:var(--radius-control);cursor:pointer;height:1.75rem;color:var(--color-ink-2);transition:color .2s var(--ease-out);align-items:center;gap:.4375rem;padding-inline:.375rem;display:inline-flex}.mono-switch:hover,.mono-switch[aria-pressed=true]{color:var(--color-ink)}.mono-switch:active .mono-switch-box{transform:scale(.82)}.mono-switch-box{border:1px solid var(--color-ink-3);width:7px;height:7px;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), transform .15s var(--ease-out);display:block}.mono-switch[aria-pressed=true] .mono-switch-box{background:var(--color-signal);border-color:var(--color-signal)}.mono-step{border-radius:var(--radius-control);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--color-ink-2);transition:color .2s var(--ease-out), transform .15s var(--ease-out);place-items:center;display:grid}.mono-step:hover{color:var(--color-ink)}.mono-step:active{transform:scale(.9)}@property --mono-wipe{syntax:"<percentage>";inherits:true;initial-value:0%}.mono-pic{--mono-wipe:0%;cursor:pointer;transition:--mono-wipe .52s var(--ease-in-out)}.mono-pic[data-view=print]{--mono-wipe:100%}.mono-pic:focus-visible{outline:2px solid var(--color-signal);outline-offset:-4px}.mono-pic[data-plate=true]{background-image:linear-gradient(var(--color-plate), var(--color-plate));background-size:100% calc(100% - var(--mono-wipe));background-position:bottom;background-repeat:no-repeat}.mono-pic[data-plate=true]:not([data-view=print]):focus-visible{outline-color:var(--mono-plate-focus,var(--color-signal))}.mono-pic[data-plate=true] .mono-crop{--color-ink:color-mix(in srgb, var(--mono-ink) var(--mono-wipe), var(--color-plate-ink))}.mono-photo[data-plate=true] .mono-crop{--color-ink:color-mix(in srgb, var(--color-plate-ink) calc(var(--mono-res) * 100%), var(--mono-ink))}.mono-plate-night{background:var(--mono-plate-night,transparent)}.mono-pic-source{clip-path:inset(var(--mono-wipe) 0 0 0)}.mono-pic .mono-print,.mono-pic .mono-print[data-printed=true]{opacity:1;clip-path:inset(0 0 calc(100% - var(--mono-wipe)) 0);transition:none;animation:none}.mono-wipe{z-index:1;pointer-events:none;border-top:1px solid var(--color-signal);transform:translateY(var(--mono-wipe));opacity:0;position:absolute;inset:0}.mono-pic[data-view=print] .mono-wipe{animation:.52s linear both mono-wipe-down}.mono-pic[data-view=back] .mono-wipe{animation:.52s linear both mono-wipe-up}@keyframes mono-wipe-down{0%,to{opacity:0}12%,82%{opacity:1}}@keyframes mono-wipe-up{0%,to{opacity:0}18%,88%{opacity:1}}.mono-pic:active .mono-crop{opacity:1}.mono-pic-scan{pointer-events:none;border-top:1px solid var(--color-signal);opacity:0;animation:mono-pic-scan 11s var(--ease-in-out) infinite paused;position:absolute;inset:0}.mono-pic[data-near=true][data-view=rest] .mono-pic-scan{animation-play-state:running}.mono-pic:not([data-view=rest]) .mono-pic-scan{animation:none}@keyframes mono-pic-scan{0%{opacity:0;transform:translateY(0)}2%,16%{opacity:.55}18%,to{opacity:0;transform:translateY(100%)}}.mono-state-box{border:1px solid var(--color-ink-3);width:7px;height:7px;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out);flex:none;display:block}.mono-state-box[data-live=true]{border-color:var(--color-signal)}.mono-state-box[data-on=true]{background:var(--color-signal);border-color:var(--color-signal)}.mono-state-word{animation:mono-word .26s var(--ease-out) both}@keyframes mono-word{0%{opacity:0;transform:translateY(3px)}}.mono-caret{animation:1.15s steps(2,start) infinite mono-blink}@keyframes mono-blink{to{visibility:hidden}}.mono-grade>span{transform-origin:0;transition:transform 1.4s var(--ease-expo) .2s;transform:scaleX(0)}.mono-grade>span[data-seen=true]{transform:scaleX(var(--share))}.mono-caption>span:not([aria-hidden]){background:var(--color-paper);padding-inline:.375rem}.mono-caption>span:first-child{padding-left:0}.mono-ants{pointer-events:none;background-image:linear-gradient(90deg, var(--color-signal) 50%, transparent 50%), linear-gradient(90deg, var(--color-signal) 50%, transparent 50%), linear-gradient(0deg, var(--color-signal) 50%, transparent 50%), linear-gradient(0deg, var(--color-signal) 50%, transparent 50%);opacity:.7;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:8px 1px,8px 1px,1px 8px,1px 8px;animation:1.6s linear infinite mono-ants}@keyframes mono-ants{to{background-position:8px 0,-8px 100%,0 -8px,100% 8px}}.mono-node{background:var(--color-paper);border:1px solid var(--color-signal)}.mono-logo-plate .mono-node{background:var(--color-plate)}.mono-table th{border-bottom:1px solid var(--color-line);height:1.75rem}.mono-table td{vertical-align:top;padding-block:.4375rem}.mono-row{transition:background-color .24s var(--ease-out)}.mono-year-inline{display:none}@container (max-width:34rem){.mono-col-year{display:none}.mono-year-inline{display:block}.mono-col-no{width:calc(3ch + .75rem)}.mono-col-count{width:6ch}}.mono-row+.mono-row td{border-top:1px solid var(--color-line)}.mono-row-no{color:var(--color-ink-3);transition:color .24s var(--ease-out)}.mono-row[data-active=true]{background:var(--color-mist)}.mono-row[data-active=true] .mono-row-no{color:var(--color-signal)}.mono-guide{background:var(--mono-rule)}.mono-glyph-word{container-type:inline-size}.mono-glyph-text{font-size:calc(100cqw / (var(--mono-chars) * .606));letter-spacing:0;white-space:nowrap;color:var(--color-paper);-webkit-text-stroke:2px var(--color-signal);font-weight:400;line-height:1;position:absolute;left:0;transform:translateY(-.855em)}.mono-glyph-text:after{content:attr(data-text);-webkit-text-stroke:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.mono-scan,.mono-wipe,.mono-pic-scan{display:none}.mono-pic{transition:none}.mono-state-word{animation:none}.mono-caret,.mono-ants{animation:none!important}.mono-print{clip-path:none;animation:none!important}.mono-source{filter:none}.mono-grade>span{transform:scaleX(var(--share));transition:none}}