.op-paper{--paper-face:var(--op-font-tw-elite);--paper-ink:var(--op-bg);--paper-ghost:.07;--paper-rows:44;--tw-cols:64;--tw-rows:44;aspect-ratio:38.4 / calc(var(--paper-rows) * 1.2);isolation:isolate;background:var(--op-paper);color:var(--paper-ink);font-family:var(--paper-face);box-shadow:var(--op-shadow-drag);position:relative;overflow:hidden;container-type:inline-size}.op-paper[data-paper=typing]:after{content:"";z-index:3;pointer-events:none;background-image:var(--op-grain-tile), var(--op-grain-tile);mix-blend-mode:multiply;opacity:calc(var(--op-grain-opacity) * 3.4);background-size:140px 140px,460px 460px;position:absolute;inset:0}.op-paper[data-paper=old]{background:var(--op-off-white) url(/paper/base-old.webp) center / cover;background-blend-mode:multiply;--paper-light:url(/paper/light-old.webp)}.op-paper[data-paper=kraft]{--paper-light:url(/paper/light-kraft.webp);background:url(/paper/base-kraft.webp) 50%/cover}.op-paper[data-paper=poster]{--paper-light:url(/paper/light-poster.webp);background:url(/paper/base-poster.webp) 50%/cover}.op-paper[data-paper=notebook]{--paper-cut:url(/paper/base-notebook.webp);--paper-light:url(/paper/light-notebook.webp)}.op-paper[data-paper=black]{--paper-cut:url(/paper/base-black.webp);--paper-light:url(/paper/light-black.webp);--paper-ink:var(--op-ink-bright);--paper-ghost:.035}.op-paper[data-paper=notebook],.op-paper[data-paper=black]{background:var(--paper-cut) center / cover;box-shadow:none}.op-paper-ink{z-index:1;mix-blend-mode:multiply;font-size:2.60417cqw;line-height:1.2;position:absolute;inset:0}.op-paper>:is(.op-paper-ink,.op-board-replies){height:calc(100% * 44 / var(--paper-rows,44));bottom:auto}.op-paper[data-paper=black] .op-paper-ink{mix-blend-mode:normal}.op-paper-ink{filter:url(#op-ink-rough)}.op-paper[data-paper=old] .op-paper-ink{filter:url(#op-paper-bend-old)url(#op-ink-rough)}.op-paper[data-paper=kraft] .op-paper-ink{filter:url(#op-paper-bend-kraft)url(#op-ink-rough)}.op-paper[data-paper=poster] .op-paper-ink{filter:url(#op-paper-bend-poster)url(#op-ink-rough)}.op-paper [data-ink=black]{color:var(--op-bg)}.op-paper [data-ink=crimson]{color:var(--op-crimson)}.op-paper [data-ink=gold]{color:var(--op-gold)}.op-paper[data-paper=black] [data-ink=black]{color:var(--op-ink-bright)}.op-paper-ghost{pointer-events:none;opacity:var(--paper-ghost);filter:blur(.35px);position:absolute;inset:0;transform:scaleX(-1)}.op-paper-light{z-index:2;pointer-events:none;background:url(/paper/fibre.webp) 0 0 / 256px 256px, var(--paper-light,none) center / cover;background-blend-mode:hard-light, normal;mix-blend-mode:hard-light;opacity:.85;position:absolute;inset:0}.op-paper[data-paper=notebook] .op-paper-light,.op-paper[data-paper=black] .op-paper-light{-webkit-mask:var(--paper-cut) center / cover no-repeat;mask:var(--paper-cut) center / cover no-repeat}.op-paper-holder{position:relative;container-type:inline-size}.op-paper-holder.is-cut-stock,.op-paper-holder:has(>.op-paper.is-torn){filter:drop-shadow(0 var(--op-space-sm) var(--op-space-md) color-mix(in srgb, var(--op-bg) 70%, transparent))}.op-paper.is-torn,.op-tw-sheet.is-torn,.op-board-under-paper.is-torn{--paper-rip-h:calc(100cqw / 32 * 2.4);box-shadow:none;-webkit-mask:linear-gradient(var(--op-bg) 0 0) top / 100% calc(100% - var(--paper-rip-h) * .8) no-repeat, url(/paper/rip.webp) calc(var(--paper-rip-x,50) * 1%) 100% / 130% var(--paper-rip-h) no-repeat;mask:linear-gradient(var(--op-bg) 0 0) top / 100% calc(100% - var(--paper-rip-h) * .8) no-repeat, url(/paper/rip.webp) calc(var(--paper-rip-x,50) * 1%) 100% / 130% var(--paper-rip-h) no-repeat}.op-paper-tape{z-index:4;pointer-events:none;top:-9cqw;left:calc(50% + var(--tape-shift,0) * 1%);aspect-ratio:700/239;width:54cqw;transform:translateX(-50%) rotate(calc(var(--tape-angle,-4) * 1deg));background:color-mix(in srgb, var(--op-crimson) 88%, transparent);position:absolute;mask:url(/paper/tape.webp) 50%/100% 100% no-repeat}.op-paper-tape:after{content:"";mix-blend-mode:overlay;filter:contrast(1.6);background:url(/paper/tape.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.op-paper-noise{pointer-events:none;mix-blend-mode:screen;opacity:calc(var(--op-grain-opacity) * 3);background:url(/paper/noise.webp) 50%/cover;position:absolute;inset:0}.op-paper-dressed:not([data-paper=typing]){background-color:#0000}.op-paper-dressed:not([data-paper=typing]):before,.op-paper-dressed:not([data-paper=typing]):after{display:none}.op-paper-dressed>.op-paper{z-index:0;aspect-ratio:auto;box-shadow:none;pointer-events:none;position:absolute;inset:0}.op-paper-dressed>.op-paper-light{z-index:3}.op-paper-dressed .op-tw-ink{filter:url(#op-ink-rough)}.op-paper-dressed[data-paper=old] .op-tw-ink{filter:url(#op-paper-bend-old)url(#op-ink-rough)}.op-paper-dressed[data-paper=kraft] .op-tw-ink{filter:url(#op-paper-bend-kraft)url(#op-ink-rough)}.op-paper-dressed[data-paper=poster] .op-tw-ink{filter:url(#op-paper-bend-poster)url(#op-ink-rough)}.op-paper-dressed[data-paper=black] .op-tw-ink{mix-blend-mode:normal}.op-paper-dressed:is([data-paper=notebook],[data-paper=black]){box-shadow:none;filter:drop-shadow(0 var(--op-space-sm) var(--op-space-md) color-mix(in srgb, var(--op-bg) 70%, transparent));border-color:#0000}.op-paper-dressed:is([data-paper=notebook],[data-paper=black])>.op-paper-light{-webkit-mask:var(--paper-cut) center / cover no-repeat;mask:var(--paper-cut) center / cover no-repeat}.op-notice-stamp{z-index:1;font-family:var(--op-font-tw-elite);letter-spacing:.08em;text-align:center;color:var(--op-crimson);border:calc(var(--op-border-width) * 2) solid var(--op-crimson);mix-blend-mode:multiply;opacity:.88;border-radius:.2em;flex-direction:column;align-items:center;gap:0;max-width:60%;padding:.5em 1em;font-size:2.27273cqw;line-height:1.25;text-decoration:none;display:flex;position:absolute;bottom:4%;right:5%;transform:rotate(-3deg)}.op-notice-stamp-head{letter-spacing:.3em;border-bottom:var(--op-border-width) solid var(--op-crimson);margin-bottom:.25em;padding-bottom:.2em;font-size:.8em}.op-notice-stamp-line{overflow-wrap:anywhere}a.op-notice-stamp{pointer-events:auto;cursor:pointer}a.op-notice-stamp:hover,a.op-notice-stamp:focus-visible{opacity:1}a.op-notice-stamp:focus-visible{outline:calc(var(--op-border-width) * 2) solid var(--op-gold);outline-offset:var(--op-space-xs)}.op-paper[data-paper=black] .op-notice-stamp{mix-blend-mode:normal}.op-paper[data-paper=typing] .op-paper-light,.op-paper-dressed[data-paper=typing]>.op-paper-light{opacity:.6}.op-board .prof-pages-sheet,.op-board-under-paper{--tw-cols:64;--tw-rows:44;--tw-font:"Special Elite", "Courier New", Courier, monospace}.op-board .prof-pages-stage>.prof-pages-sheet{grid-area:1/1}.op-board .prof-pages-under{opacity:var(--op-muted-opacity);pointer-events:none}.op-board .prof-pages-under.is-under-1{translate:var(--op-space-xs) var(--op-space-xs);rotate:.4deg}.op-board .prof-pages-under.is-under-2{translate:var(--op-space-sm) var(--op-space-sm);rotate:-.6deg}.op-board .prof-pages-sheet.is-swept{pointer-events:none;z-index:3}.op-board .prof-pages-stage.is-typeable .prof-pages-sheet:not(.prof-pages-under){cursor:text}.op-board .prof-pages-stage.is-typeable:focus-visible{outline:none}.op-board .prof-pages-stage.is-typeable:focus-visible .prof-pages-sheet:not(.prof-pages-under){box-shadow:var(--op-shadow-drag), 0 0 0 var(--op-border-width) var(--op-chassis-face)}.op-board-glyph{white-space:pre;display:inline-block}.op-board-draft{top:var(--op-space-sm);right:var(--op-space-sm);z-index:4;font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-dim-text);position:absolute}.op-board-replies{z-index:2;pointer-events:none;position:absolute;inset:0}.op-board-reply{transform-origin:50%;pointer-events:none}.op-board-reply span{pointer-events:auto;cursor:pointer}.op-board-reply.is-selected span{background:color-mix(in srgb, var(--op-crimson) 10%, transparent)}.op-board-reply.is-blotted span{-webkit-mask-image:var(--op-grain-tile);mask-image:var(--op-grain-tile);background:currentColor;mask-size:3em}.op-board-reply.is-stamped{animation:op-board-stamp var(--op-dur-slow) var(--op-ease-out)}@keyframes op-board-stamp{0%{opacity:.4;scale:1.04}60%{scale:var(--op-press-scale)}to{opacity:1;scale:1}}.op-board .prof-pages-typewriter:not([hidden]){gap:var(--op-space-sm);padding-bottom:var(--op-space-sm);display:grid}.op-board-mini{width:min(100%, calc(var(--op-hit-touch) * 7));justify-self:center}.op-board-mini[role=button]{cursor:pointer;transition:transform var(--op-dur-med) var(--op-ease-out), filter var(--op-dur-med) var(--op-ease)}.op-board-mini[role=button]:hover{transform:translateY(calc(var(--op-space-xs) * -1));filter:brightness(1.12)}.op-board-mini[role=button]:focus-visible{outline:calc(var(--op-border-width) * 2) solid var(--op-gold);outline-offset:var(--op-space-xs)}.op-board-mini-tag{text-align:center;font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-dim-text);margin:0}.op-board-mini-tag[hidden]{display:none}.op-board-bar{justify-content:center;align-items:center;gap:var(--op-space-sm);padding-inline:var(--op-space-md);flex-wrap:wrap;display:flex}.op-board-note{padding-inline:var(--op-space-md);text-align:center;font-size:var(--op-size-meta);line-height:var(--op-lh-prose);color:var(--op-sub-text);margin:0}.op-board-note[hidden]{display:none}.op-board-who{font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-sub-text)}.op-board-bar-row{justify-content:center;align-items:center;gap:var(--op-space-sm);flex-wrap:wrap;flex:1 0 100%;display:flex}.op-board-bar-row>.op-board-label{margin-right:var(--op-space-xs)}.op-board-bar-replies{align-items:center;gap:var(--op-space-xs);flex-wrap:wrap;display:inline-flex}.op-board-bar-replies .op-board-label{margin-right:var(--op-space-xs)}.op-board-bar .op-board-switch{justify-content:flex-start;width:auto}.op-board-row{align-items:center;gap:var(--op-space-sm);flex-wrap:wrap;display:flex}.op-board-confirm{gap:var(--op-space-sm);margin-inline:var(--op-space-md);background:var(--op-bg-panel);border:var(--op-rule);border-left:var(--op-rule-crimson);padding:var(--op-space-sm) var(--op-space-md);display:grid}.op-module-foot .op-board-confirm{grid-column:1/-1;margin-inline:0}.op-board-confirm p{font-size:var(--op-size-meta);line-height:var(--op-lh-prose);color:var(--op-off-white);margin:0}.op-board-reason{resize:vertical;width:100%;min-height:var(--op-hit-touch);background:var(--op-bg);color:var(--op-off-white);border:var(--op-rule);border-radius:var(--op-radius-sm);padding:var(--op-space-sm);font-family:var(--op-font-ui);font-size:var(--op-size-meta)}.op-board-desk{left:0;right:0;top:var(--desk-top,0);box-sizing:border-box;height:calc(var(--desk-h,100dvh) + var(--desk-under,0px));padding-bottom:var(--desk-under,0px);z-index:var(--op-z-overlay);overscroll-behavior:none;background:var(--op-bg);flex-direction:column;display:flex;position:fixed;overflow:clip}.op-board-desk-floor{z-index:0;pointer-events:none;background:var(--op-bg-raised);position:absolute;inset:0}.op-board-desk-floor:after{content:"";background-image:var(--op-grain-tile);mix-blend-mode:multiply;opacity:calc(var(--op-grain-opacity) * 4);position:absolute;inset:0}.op-board-desk-bar{z-index:3;gap:var(--op-space-sm) var(--op-space-md);padding:var(--op-space-sm) var(--op-space-lg);padding-right:calc(var(--op-space-lg) + var(--op-hit-min) + var(--op-space-md));flex-wrap:wrap;position:relative}.op-board-desk-bar>.op-close-quiet{top:var(--op-space-sm);right:var(--op-space-lg);position:absolute}.op-board-desk-keys{justify-content:flex-end;align-items:center;gap:var(--op-space-sm);flex-wrap:wrap;display:flex}.op-board-desk-keys .op-board-key{min-height:var(--op-hit-min)}.op-board-desk-keys .op-board-key[aria-expanded=true],.op-board-desk-topkeys .op-board-key[aria-expanded=true]{border-color:var(--op-off-white)}.op-board-desk-topkeys[hidden]{display:none}.op-board-desk-rail{z-index:3;left:var(--op-space-lg);bottom:var(--op-space-lg);gap:var(--op-space-sm);width:calc(var(--op-hit-touch) * 4);flex-direction:column;display:flex;position:absolute}.op-board-desk-rail>.op-board-rail-key{min-height:var(--op-hit-touch);font-size:var(--op-size-body)}.op-board-desk-rail>.op-board-rail-dial{gap:var(--op-space-xs);padding:var(--op-space-sm) var(--op-space-md);background:var(--op-bg-panel);border:var(--op-rule-strong);box-shadow:var(--op-shadow-bezel);display:grid}.op-board-desk-rail>.op-board-rail-dial small,.op-board-desk-rail>.op-board-rail-dial[hidden]{display:none}.op-board-page-turn{z-index:3;left:var(--op-space-lg);bottom:var(--op-space-lg);gap:var(--op-space-sm);width:calc(var(--op-hit-touch) * 4);padding:var(--op-space-sm) var(--op-space-md);background:var(--op-bg-panel);border:var(--op-rule);display:grid;position:absolute}.op-board-page-turn .op-board-dial small{display:none}.op-board-page-turn .op-board-key{min-height:var(--op-hit-min)}.op-board-desk-box{z-index:3;left:var(--op-space-lg);bottom:var(--op-space-lg);gap:var(--op-space-sm);width:calc(var(--op-hit-touch) * 4);padding:var(--op-space-sm) var(--op-space-md);background:var(--op-bg-panel);border:var(--op-rule);display:grid;position:absolute}.op-board-desk-box>.op-board-desk-rail{width:auto;position:static}@media (width>=861px){.op-board-desk-box>.op-board-desk-rail>.op-board-rail-dial{padding:var(--op-space-sm) 0 0;border:0;border-top:var(--op-rule);box-shadow:none;background:0 0}}.op-board-how{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--op-crimson);cursor:pointer;padding:var(--op-space-sm) var(--op-space-xs);margin:calc(var(--op-space-sm) * -1) 0;text-underline-offset:var(--op-space-xs);transition:text-decoration-color var(--op-dur-fast) var(--op-ease);background:0 0;border:0;border-radius:0;text-decoration:underline #0000}.op-board-how:hover,.op-board-how[aria-expanded=true]{text-decoration-color:var(--op-crimson)}.op-board-how:focus-visible{outline:var(--op-border-width) solid var(--op-off-white);outline-offset:2px}.op-board-desk-notes{z-index:3;background:var(--op-bg-panel);flex:none;display:grid;position:relative}.op-board-desk-notes>.op-module-status{padding:var(--op-space-sm) var(--op-space-lg);text-align:left;border-bottom:var(--op-rule);text-transform:none;letter-spacing:0;font-family:var(--op-font-ui);margin:0}.op-board-desk-notes>.op-board-confirm{margin:var(--op-space-sm) var(--op-space-lg);text-align:right;border-left:0;border-right:var(--op-rule-crimson);justify-items:end}.op-board-desk-notes>.op-board-confirm .op-board-row{justify-content:flex-end}.op-board-desk-notes [hidden]{display:none}.op-board-cross{align-items:center;gap:var(--op-space-xs) var(--op-space-md);padding:var(--op-space-sm) var(--op-space-lg);border-bottom:var(--op-rule);border-left:var(--op-rule-crimson);flex-wrap:wrap;display:flex}.op-board-cross .op-board-label{color:var(--op-sub-text)}.op-board-cross.is-chosen .op-board-label{color:var(--op-off-white)}.op-board-cross .op-board-row{gap:var(--op-space-xs)}.op-board-marker{align-items:center;gap:var(--op-space-xs);min-height:var(--op-hit-min);display:inline-flex}.op-board-marker-tip{width:var(--op-space-md);height:var(--op-space-sm);border-radius:var(--op-radius-sm);box-shadow:0 0 0 var(--op-border-width) var(--op-dim-text);transform:skew(-20deg)}.op-board-marker-tip[data-ink=black]{background:var(--op-bg)}.op-board-marker-tip[data-ink=crimson]{background:var(--op-crimson)}.op-board-desk-keys [data-act=desk-marker][aria-pressed=true]{background:var(--op-key-fill);border-color:var(--op-key-fill);color:var(--op-key-ink)}@media (width<=860px){.op-board-cross{padding:var(--op-space-xs) var(--op-space-sm)}}.op-board-desk-hold{z-index:6;flex:none;height:0;position:relative}.op-board-desk-tray{top:var(--tray-top,0px);right:var(--op-space-lg);width:min(calc(100vw - var(--op-space-lg) * 2), calc(var(--op-hit-touch) * 9));max-height:calc(var(--desk-h,100dvh) - var(--op-hit-touch) * 3 - var(--tray-top,0px));overscroll-behavior:contain;background:var(--op-bg-panel);border:var(--op-rule-strong);box-shadow:var(--op-shadow-bezel);padding:var(--op-space-md) var(--op-space-lg);position:absolute;overflow-y:auto}.op-board-desk-tray[hidden]{display:none}.op-board-tray-head{top:calc(var(--op-space-md) * -1);z-index:1;justify-content:space-between;align-items:center;gap:var(--op-space-md);margin:calc(var(--op-space-md) * -1) calc(var(--op-space-lg) * -1) var(--op-space-md);padding:var(--op-space-sm) var(--op-space-sm) var(--op-space-sm) var(--op-space-lg);background:var(--op-bg-panel);border-bottom:var(--op-rule);display:flex;position:sticky}.op-board-tray-head+.op-module-sec{border-top:0;padding-top:0}.op-board-tray-title{font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-dim-text)}.op-board-tray-head>.op-close-quiet{flex:none;position:static}.op-board-desk-tray .op-module-sec{gap:var(--op-space-md);display:grid}.op-board-hint{font-size:var(--op-size-micro);color:var(--op-dim-text)}.op-board-ink{gap:var(--op-space-sm);display:grid}.op-board-desk-machine>.op-board-ink{z-index:2;right:var(--op-space-lg);top:calc(var(--op-hit-min) + var(--op-space-md) * 2);width:calc(var(--op-hit-touch) * 4);padding:var(--op-space-sm) var(--op-space-md);background:var(--op-bg-panel);border:var(--op-rule);position:absolute}.op-board-ink .op-board-dial input[type=range]{min-height:var(--op-hit-min)}.op-board-ink .op-board-dial{gap:0}.op-board-ink .op-board-dial-track{margin-top:calc(var(--op-space-sm) * -1)}.op-board-marker[aria-pressed=true]{border-color:var(--op-off-white)}.op-board-desk-machine{z-index:1;min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:auto;display:grid;position:relative;overflow:clip}.op-board-desk .op-tw,.op-note-desk .op-tw{--tw-zoom:min(80%, calc(var(--op-hit-touch) * 10));--tw-machine-max:calc(var(--op-hit-touch) * 16);grid-template-rows:minmax(0,1fr) auto auto auto;height:100%;min-height:0}.op-board-desk-cam{isolation:isolate}.op-board-zoom{top:var(--op-space-sm);right:var(--op-space-lg);z-index:2;min-height:var(--op-hit-min);position:absolute}.op-board-desk .op-board-zoom{background-color:var(--op-bg-panel)}.op-board-desk .op-board-zoom:hover{background:linear-gradient(var(--op-ghost-field-hover), var(--op-ghost-field-hover)) var(--op-bg-panel)}.op-board-desk .op-board-zoom:active{background:linear-gradient(var(--op-ghost-field-press), var(--op-ghost-field-press)) var(--op-bg-panel)}@media (width<=640px){.op-board-desk .op-tw,.op-note-desk .op-tw{--tw-zoom:170%;--tw-machine-max:100%}}.op-board-desk .op-tw-window,.op-note-desk .op-tw-window{aspect-ratio:auto;background:0 0;border:0;min-height:0}.op-board-desk .op-tw-sound{display:none}.op-board-desk .op-tw-art-box{filter:drop-shadow(0 var(--op-space-md) var(--op-space-xl) var(--op-bg))}.op-board-desk.is-kb-open .op-module-kicker{display:none}@media (pointer:coarse){.op-board-desk .op-tw.is-page-view{height:auto;display:block}.op-board-desk.is-page-view .op-board-desk-machine{overscroll-behavior:contain;display:block;overflow:hidden auto}.op-board-desk.is-page-view :is(.op-board-zoom,.op-board-ink,.op-board-page-turn,.op-board-desk-rail>.op-board-rail-dial){display:none}}.op-board-desk.is-kb-open .op-board-desk-bar>.op-board-ink{display:none}@media (width<=860px){.op-board-desk-box{display:contents}.op-board-desk-rail{width:auto;padding:0 var(--op-space-sm) var(--op-space-sm);background:var(--op-bg-panel);flex-direction:row;flex:none;position:relative;bottom:auto;left:auto}.op-board-desk-rail>.op-board-rail-key{min-width:0;padding-inline:var(--op-space-sm);flex:1 1 0}.op-board-desk-rail{flex-wrap:wrap}.op-board-desk-rail>.op-board-rail-dial{align-items:center;column-gap:var(--op-space-md);padding:0 var(--op-space-sm);flex:1 0 100%;grid-template-columns:auto 1fr}.op-board-desk-rail>.op-board-rail-dial .op-turn-dial-row{justify-self:end}.op-board-page-turn{width:auto;padding:var(--op-space-xs) var(--op-space-sm);border-width:1px 0 0;flex:none;grid-template-columns:1fr auto;align-items:center;position:relative;bottom:auto;left:auto}.op-board-desk.is-kb-open .op-board-page-turn,.op-board-desk.is-kb-open .op-board-desk-rail>.op-board-rail-dial{display:none}.op-board-desk-bar .op-module-heads{flex:1 1 0;min-width:0}.op-board-desk-bar .op-module-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.op-board-desk-topkeys:not([hidden]){align-items:center;gap:var(--op-space-xs);flex:none;display:flex}.op-board-desk-topkeys .op-board-key{min-height:var(--op-hit-min);padding-inline:var(--op-space-sm);font-size:var(--op-size-meta);white-space:nowrap}.op-board-desk-bar{padding:var(--op-space-sm);padding-right:calc(var(--op-space-sm) + var(--op-hit-touch) + var(--op-space-sm))}.op-board-desk-bar>.op-close-quiet{right:var(--op-space-sm)}.op-board-zoom{right:var(--op-space-sm);min-height:var(--op-hit-touch)}.op-board-desk-bar .op-module-heads{min-height:var(--op-hit-touch)}.op-board-desk-keys{margin-right:calc((var(--op-hit-touch) + var(--op-space-sm)) * -1);gap:var(--op-space-xs);flex-wrap:wrap;flex:1 0 100%;order:3;justify-content:flex-start}.op-board-desk-keys .op-board-key{white-space:nowrap;padding-inline:var(--op-space-sm);font-size:var(--op-size-meta);flex:1 0 auto}.op-board-desk-keys .op-key{order:-2}.op-board-desk-keys [data-act=desk-save]{order:-1}.op-board-desk-bar>.op-board-ink{align-items:end;gap:var(--op-space-md);margin-right:calc((var(--op-hit-touch) + var(--op-space-sm)) * -1);padding-right:var(--op-space-sm);flex:1 0 100%;order:4;grid-template-columns:auto minmax(0,1fr);grid-auto-flow:column}.op-board-desk-tray{left:var(--op-space-sm);right:var(--op-space-sm);width:auto;max-height:calc(var(--desk-h,100dvh) / 2 - var(--op-hit-touch) * 1.5)}.op-board-desk.is-kb-open .op-module-title{font-size:var(--op-size-body)}}.op-board-twkey,.op-board-quick{display:none}@media (width<=860px),(hover:none) and (pointer:coarse){.op-board-desk [data-group=margins]{display:none}}.op-board-speaker{width:var(--op-space-lg);height:var(--op-space-lg);flex:none}@media (width<=860px){.op-board-desk.is-quick .op-board-desk-keys,.op-board-desk.is-quick .op-board-desk-topkeys:not([hidden]){display:none}.op-board-desk.is-quick .op-board-twkey{min-height:var(--op-hit-touch);min-width:var(--op-hit-touch);padding-inline:var(--op-space-xs);flex:none;order:2;justify-content:center;align-items:center;display:inline-flex}.op-board-desk.is-quick .op-board-twkey svg{display:block}.op-board-desk.is-quick .op-board-desk-bar{align-items:center;gap:var(--op-space-xs);flex-wrap:nowrap}.op-board-desk.is-quick .op-board-desk-bar>.op-board-ink{flex:none;order:1;margin-right:0;padding-right:0;display:flex}.op-board-desk.is-quick .op-board-ink .op-board-label,.op-board-desk.is-quick .op-board-ink-age,.op-board-desk.is-quick.is-kb-open .op-board-desk-bar>.op-board-ink{display:none}.op-board-desk.is-quick .op-board-desk-rail{padding:var(--op-space-sm);border-top:var(--op-rule-strong);flex-wrap:nowrap;order:10}.op-board-desk.is-quick .op-board-desk-rail>.op-board-key{min-width:0;min-height:var(--op-hit-touch);padding-inline:var(--op-space-sm);flex:1 1 0}.op-board-desk.is-quick.is-kb-open .op-board-desk-rail{display:none}.op-board-desk.is-quick .op-board-quick:not([hidden]){left:0;right:0;bottom:var(--desk-under,0px);z-index:7;gap:var(--op-space-md);overscroll-behavior:contain;max-height:75%;padding:var(--op-space-md) var(--op-space-lg);background:var(--op-bg-panel);border-top:var(--op-rule-strong);box-shadow:var(--op-shadow-bezel);display:grid;position:absolute;overflow-y:auto}.op-board-quick .op-board-rail-dial{align-items:center;column-gap:var(--op-space-md);grid-template-columns:auto 1fr}.op-board-quick .op-board-rail-dial small{display:none}.op-board-quick .op-board-rail-dial .op-turn-dial-row{justify-self:end}.op-board-quick-row{align-items:center;gap:var(--op-space-md);display:flex}.op-board-quick-row>.op-board-switch{flex:auto;width:auto}.op-board-quick-sound{align-items:center;gap:var(--op-space-sm);min-height:var(--op-hit-touch);flex:none;display:inline-flex}.op-board-quick-foot{gap:var(--op-space-xs);padding-top:var(--op-space-md);border-top:var(--op-rule);display:flex}.op-board-quick-foot>.op-board-key{min-width:0;min-height:var(--op-hit-touch);flex:1 1 0}}.op-board-dial{gap:var(--op-space-xs);display:grid}.op-board-dial label{justify-content:space-between;align-items:baseline;display:flex}.op-board-dial output{font-family:var(--op-font-mono);font-size:var(--op-size-meta);color:var(--op-off-white);font-variant-numeric:tabular-nums}.op-board-dial small{font-size:var(--op-size-micro);color:var(--op-dim-text)}.op-board-dial-track{align-items:center;gap:var(--op-space-sm);grid-template-columns:auto 1fr auto;display:grid}.op-board-dial-edge{font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-dim-text)}.op-board-dial input[type=range]{width:100%;accent-color:var(--op-crimson);min-height:var(--op-hit-touch);margin:0}.op-board-label{font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-dim-text)}.op-board-chips{gap:var(--op-space-xs);flex-wrap:wrap;display:flex}.op-board-chip{width:var(--op-hit-touch);height:var(--op-hit-touch);cursor:pointer;background:var(--op-bg-chip);border:var(--op-rule);border-radius:var(--op-radius-pill);place-items:center;padding:0;display:grid}.op-board-chip i{border-radius:var(--op-radius-pill);width:60%;height:60%;box-shadow:0 0 0 var(--op-border-width) var(--op-border)}.op-board-chip[aria-pressed=true]{border-color:var(--op-off-white)}.op-board-key.op-ghost-key[aria-pressed=true]{background:var(--op-ghost-field-hover);border-color:var(--op-border-strong)}.op-board-switch{justify-content:space-between;align-items:center;gap:var(--op-space-sm);width:100%;min-height:var(--op-hit-min);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:flex}.op-board-switch .op-board-label{color:var(--op-sub-text)}.op-board-switch-track{width:var(--op-space-2xl);height:var(--op-space-lg);border-radius:var(--op-radius-pill);background:var(--op-bg-chip);border:var(--op-border-width) solid var(--op-dim-text);transition:background var(--op-dur-fast) var(--op-ease), border-color var(--op-dur-fast) var(--op-ease);flex:none;position:relative}.op-board-switch-track:after{content:"";top:50%;left:var(--op-space-xs);width:var(--op-space-sm);height:var(--op-space-sm);border-radius:var(--op-radius-pill);background:var(--op-dim-text);transition:left var(--op-dur-fast) var(--op-ease), background var(--op-dur-fast) var(--op-ease);position:absolute;transform:translateY(-50%)}.op-board-switch[aria-checked=true] .op-board-label{color:var(--op-off-white)}.op-board-switch[aria-checked=true] .op-board-switch-track{border-color:var(--op-crimson)}.op-board-switch[aria-checked=true] .op-board-switch-track:after{left:calc(100% - var(--op-space-xs) - var(--op-space-sm));background:var(--op-crimson)}.op-board-switch:focus-visible{outline:none}.op-board-switch:focus-visible .op-board-switch-track{outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset)}@media (prefers-reduced-motion:reduce){.op-board-switch-track,.op-board-switch-track:after{transition:none}}.op-board-desk.is-reply .op-tw-sheet{box-shadow:none;background:0 0;overflow:visible}.op-board-desk.is-reply .op-tw-sheet:before,.op-board-desk.is-reply .op-tw-sheet:after{display:none}.op-board-desk.is-reply .op-tw-sheet>.op-tw-ink{opacity:var(--op-muted-opacity)}.op-board-desk.is-reply .op-tw-window{cursor:grab;touch-action:none}.op-board-desk.is-reply .op-tw{--tw-bend-max:0deg}.op-board-desk.is-reply .op-tw-curl{display:none}.op-board-under{z-index:0;pointer-events:none;position:absolute;inset:0;container-type:inline-size}.op-board-under-grid{width:100%;height:100%;position:absolute;top:0;left:0}.op-board-under-paper{isolation:isolate;background-color:var(--op-paper);border:var(--op-rule-strong);box-shadow:var(--op-shadow-bezel);transform-origin:50%;transition:transform var(--op-dur-fast) linear;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.op-board-under-paper:before{content:"";background:var(--op-haze-color);opacity:var(--op-haze-opacity);position:absolute;inset:0}.op-board-under-paper:after{content:"";z-index:3;background-image:var(--op-grain-tile), var(--op-grain-tile);mix-blend-mode:multiply;opacity:calc(var(--op-grain-opacity) * 3.4);background-size:140px 140px,460px 460px;position:absolute;inset:0}.op-board-under-paper .op-board-reply span{pointer-events:none;cursor:default}.op-board-spin{top:var(--op-space-sm);right:var(--op-space-sm);z-index:7;width:var(--op-hit-touch);height:var(--op-hit-touch);cursor:grab;touch-action:none;border-radius:var(--op-radius-pill);border:var(--op-border-width) solid var(--op-crimson);background:color-mix(in srgb, var(--op-off-white) 80%, var(--op-crimson));color:var(--op-crimson);width:auto;padding:0;padding-inline:var(--op-space-md);font-family:var(--op-font-mono);font-size:var(--op-size-label-sm);letter-spacing:var(--op-track-label);text-transform:uppercase;white-space:nowrap;place-items:center;display:grid;position:absolute}.op-board-half{z-index:5;pointer-events:none;margin:0}html.op-board-open{background:var(--op-bg);overflow:hidden}@media (prefers-reduced-motion:reduce){.op-board-reply.is-stamped{animation:none}.op-board-under-paper{transition:none}}.op-board-add{margin-inline:auto;display:block}.op-board-add[hidden]{display:none}.op-board-add.op-board-key{min-height:var(--op-hit-min);padding-inline:var(--op-space-lg);font-size:var(--op-size-meta)}.op-board.prof-pages:not([hidden]){background:var(--op-bg-raised)}.op-board.prof-pages .prof-pages-head,.op-board.prof-pages .prof-pages-foot{background:color-mix(in srgb, var(--op-bg) 72%, transparent)}.op-machine{gap:var(--op-space-md);display:grid}.op-machine-picture{--tw-font:var(--op-font-tw-elite);--tw-body:var(--op-crimson);--tw-paint:var(--tw-body);--tw-ink:var(--op-bg);width:min(100%, calc(var(--op-hit-touch) * 7));filter:drop-shadow(0 var(--op-space-sm) var(--op-space-md) var(--op-bg));justify-self:center}.op-machine-picture svg{width:100%;height:auto;display:block;overflow:visible}.op-machine-choice{min-height:var(--op-hit-min);gap:var(--op-space-xs)}.op-machine-choice[aria-disabled=true]{opacity:var(--op-muted-opacity);cursor:default}.op-machine-swatch{width:var(--op-space-lg);vertical-align:middle;box-shadow:none;flex:none;display:inline-block}.op-machine-plate{min-height:var(--op-hit-min);padding-inline:var(--op-space-sm);background:var(--op-bg);color:var(--op-off-white);border:var(--op-rule);border-radius:var(--op-radius-sm);font-family:var(--op-font-mono);font-size:var(--op-size-meta);letter-spacing:var(--op-track-micro);text-transform:uppercase}.op-machine-plate:focus-visible{border-color:var(--op-off-white);outline:none}.op-machine-said:empty{display:none}.op-machine-said.is-bad{color:var(--op-crimson)}.op-board-room{align-items:center;gap:var(--op-space-sm);margin-top:var(--op-space-xs);font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-label);text-transform:uppercase;color:var(--op-sub-text);flex-wrap:wrap;display:flex}.op-board-room[hidden]{display:none}.op-board-room-bar{flex:1 1 calc(var(--op-hit-touch) * 2);min-width:calc(var(--op-hit-touch) * 2);height:var(--op-space-xs);background:var(--op-border)}.op-board-room-bar i{background:var(--op-gold);height:100%;transition:width var(--op-dur-med) var(--op-ease-out);display:block}.op-board-room.is-low{color:var(--op-gold)}.op-board-room.is-end{color:var(--op-crimson)}.op-board-room.is-end .op-board-room-bar i{background:var(--op-crimson)}@media (prefers-reduced-motion:reduce){.op-board-room-bar i{transition:none}}.op-size-swatch{width:var(--op-space-lg);height:var(--op-space-xl);vertical-align:middle;flex:none;display:inline-block;position:relative}.op-size-swatch .op-paper{box-shadow:none;position:absolute;top:0;left:0;right:0}.op-board-walk{left:var(--op-space-lg);z-index:7;width:min(calc(100vw - var(--op-space-lg) * 2), calc(var(--op-hit-touch) * 8));max-height:calc(var(--desk-h,100dvh) - var(--op-hit-touch) * 3);overscroll-behavior:contain;gap:var(--op-space-sm);padding:var(--op-space-md) var(--op-space-lg);background:var(--op-bg-panel);color:var(--op-off-white);border:var(--op-rule-strong);border-left:calc(var(--op-border-width) * 2) solid var(--op-crimson);box-shadow:var(--op-shadow-bezel);align-content:start;display:grid;position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%)}.op-board-walk:after{content:"";pointer-events:none;background-image:var(--op-grain-tile);mix-blend-mode:multiply;opacity:calc(var(--op-grain-opacity) * 2);position:absolute;inset:0}.op-board-walk-kicker{font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-crimson);margin:0}.op-board-walk-title{font-family:var(--op-font-display);font-weight:var(--op-weight-bold);font-size:var(--op-size-title);line-height:var(--op-lh-title);letter-spacing:-.03em;text-transform:uppercase;color:var(--op-logo-text);margin:0}.op-board-walk-body{font-family:var(--op-font-body);font-size:var(--op-size-body);line-height:var(--op-lh-prose);color:var(--op-off-white);margin:0}.op-board-walk-slot{gap:var(--op-space-md);display:grid}.op-board-walk-slot[hidden]{display:none}.op-board-setup{gap:var(--op-space-md);display:grid}.op-board-walk.has-controls{width:min(calc(100vw - var(--op-space-lg) * 2), calc(var(--op-hit-touch) * 10))}.op-board-walk-keys{align-items:center;gap:var(--op-space-sm);margin-top:var(--op-space-xs);flex-wrap:wrap;display:flex}.op-board-walk-keys .op-board-key{min-height:var(--op-hit-min)}.op-board-walk-gap{flex:auto}.op-board-walk-keys [hidden]{display:none}@media (width<=860px),(height<=560px){.op-board-walk{left:var(--op-space-lg);right:var(--op-space-lg);top:var(--walk-mid,50%);width:auto;max-height:var(--walk-room,calc(var(--desk-h,100dvh) - var(--op-hit-touch) * 4));gap:var(--op-space-sm);bottom:auto;transform:translateY(-50%)}.op-board-walk.has-controls{width:auto;top:var(--walk-mid-set,var(--walk-mid,50%));max-height:var(--walk-room-set,var(--walk-room,calc(var(--desk-h,100dvh) - var(--op-hit-touch) * 4)))}.op-board-walk-slot,.op-board-setup{gap:var(--op-space-sm)}.op-board-walk-slot .op-board-chips{gap:var(--op-space-xs);grid-template-columns:repeat(3,1fr);display:grid}.op-board-walk-slot .op-board-setup>.op-board-dial:nth-child(2) .op-board-chips{grid-template-columns:repeat(4,1fr)}.op-board-walk-slot .op-board-dial:has(.op-board-chip) .op-board-chips{display:flex}.op-board-walk-slot .op-machine-choice{min-height:var(--op-hit-min);padding-inline:var(--op-space-xs);font-size:var(--op-size-micro);justify-content:flex-start}}.op-walk-spot{outline-offset:var(--op-space-xs);animation:op-walk-spot var(--op-dur-slow) var(--op-ease-out) both;outline:calc(var(--op-border-width) * 3) solid var(--op-gold)!important}.op-walk-spot[data-walk-spot=paper],.op-walk-spot[data-walk-spot=machine]{outline-offset:calc(var(--op-border-width) * -3)}@keyframes op-walk-spot{0%{outline-offset:calc(var(--op-space-xs) * 3);outline-color:#0000}}@media (prefers-reduced-motion:reduce){.op-walk-spot{animation:none}}body .op-board-desk :focus,body .op-board-desk :focus-visible,body.kbd-nav .op-board-desk :focus-visible{outline:none!important}.op-board-review-lay{align-items:center;gap:var(--op-space-lg);flex:auto;min-height:0;display:flex}.op-board-review-lay>.op-board-review-area{flex:auto;align-self:stretch}.op-board-slip{width:calc(var(--op-hit-touch) * 7);gap:var(--op-space-md);padding:var(--op-space-lg);color:var(--op-bg);box-shadow:var(--op-shadow-drag);font-family:var(--op-font-tw-elite);font-size:var(--op-size-body);background:url(/paper/base-kraft.webp) 50%/cover;flex:none;display:grid}.op-board-slip-title{width:100%;min-height:var(--op-hit-touch);padding:var(--op-space-xs) 0;text-align:left;cursor:text;border:0;border-bottom:var(--op-border-width) solid var(--op-bg);color:var(--op-bg);font-family:inherit;font-size:var(--op-size-headline);line-height:var(--op-lh-title);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:0;margin:0;display:block;overflow:hidden}.op-board-slip-title.is-empty{opacity:var(--op-muted-opacity)}.op-board-slip [hidden]{display:none}.op-board-slip-title:focus-visible{outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset)}.op-board-slip-seen{border:var(--op-border-width) solid var(--op-bg);grid-template-columns:1fr 1fr;display:grid}.op-board-slip-seen>button{min-height:var(--op-hit-touch);color:var(--op-bg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}.op-board-slip-seen>button[aria-pressed=true]{background:var(--op-crimson);color:var(--op-off-white)}.op-board-slip-seen>button:disabled{cursor:default;opacity:var(--op-muted-opacity)}.op-board-slip-seen>button:focus-visible,.op-board-slip-switch:focus-visible{outline:var(--op-focus-ring);outline-offset:var(--op-focus-offset)}.op-board-slip-switch{justify-content:space-between;align-items:center;gap:var(--op-space-md);width:100%;min-height:var(--op-hit-min);color:var(--op-bg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.op-board-slip-track{width:var(--op-space-2xl);height:var(--op-space-lg);border:var(--op-border-width) solid var(--op-bg);border-radius:var(--op-radius-pill);flex:none;position:relative}.op-board-slip-track:after{content:"";top:50%;left:var(--op-space-xs);width:var(--op-space-sm);height:var(--op-space-sm);border-radius:var(--op-radius-pill);background:var(--op-bg);transition:left var(--op-dur-fast) var(--op-ease);position:absolute;transform:translateY(-50%)}.op-board-slip-switch[aria-checked=true] .op-board-slip-track{background:var(--op-crimson);border-color:var(--op-crimson)}.op-board-slip-switch[aria-checked=true] .op-board-slip-track:after{left:calc(100% - var(--op-space-xs) - var(--op-space-sm));background:var(--op-off-white)}@media (prefers-reduced-motion:reduce){.op-board-slip-track:after{transition:none}}@media (width<=560px){.op-board-review-lay{align-items:stretch;gap:var(--op-space-sm);flex-direction:column}.op-board-review-lay>.op-board-review-area{min-height:0}.op-board-slip{gap:var(--op-space-sm);width:auto;padding:var(--op-space-md)}}.op-board-desk.is-review .op-board-desk-keys,.op-board-desk.is-review .op-board-desk-bar>.op-board-ink{display:none}.op-board-review{z-index:4;gap:var(--op-space-md);padding:var(--op-space-md);background:var(--op-scrim);-webkit-backdrop-filter:blur(var(--op-scrim-blur));flex-direction:column;display:flex;position:absolute;inset:0}.op-board-desk.is-review :is(.op-board-desk-rail,.op-board-desk-box,.op-board-page-turn){visibility:hidden}.op-board-review-page{animation:op-board-pull var(--op-dur-slide) var(--op-ease-out) both}@keyframes op-board-pull{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.op-board-review-page{animation:none}}.op-board-review-area{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;container-type:size}.op-board-review-page{width:min(100cqw,72.7273cqh)}.op-board-review-machine{cursor:pointer;width:min(24cqw,11rem);position:absolute;bottom:0;right:0}.op-board-review-keys{justify-content:flex-end;align-items:center;gap:var(--op-space-sm);margin:0 calc(var(--op-space-md) * -1) calc(var(--op-space-md) * -1);padding:var(--op-space-md);background:var(--op-bg);border-top:var(--op-rule-strong);flex-wrap:nowrap;flex:none;display:flex}.op-board-review-keys .op-board-key{white-space:nowrap;min-height:var(--op-hit-touch);font-size:var(--op-size-body);flex:0 auto}.op-board-review-keys>.op-board-review-tear{margin-right:auto}@media (width<=560px){.op-board-review-keys{gap:var(--op-space-xs)}.op-board-review-keys .op-board-key{min-width:0;padding-inline:var(--op-space-xs);font-size:var(--op-size-meta);flex:1 1 0}.op-board-review-keys>.op-board-review-tear{margin-right:0}}.op-board-ask-ground{z-index:9;padding:var(--op-space-lg);background:color-mix(in srgb, var(--op-bg) 62%, transparent);place-items:center;display:grid;position:absolute;inset:0}.op-board-confirm.op-board-ask-card{width:min(100%, calc(var(--op-hit-touch) * 8));gap:var(--op-space-md);padding:var(--op-space-lg);text-align:left;background:var(--op-bg-panel);border:var(--op-rule-strong);border-left:calc(var(--op-border-width) * 2) solid var(--op-crimson);box-shadow:var(--op-shadow-bezel);justify-items:stretch;margin:0}.op-board-ask-card p{font-size:var(--op-size-body);line-height:var(--op-lh-prose)}.op-board-ask-card .op-board-row{justify-content:flex-start}.op-note-desk{z-index:var(--op-z-modal);background:var(--op-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:clip}@media (width>=1001px){.op-note-desk{inset:var(--op-space-lg) auto var(--op-space-lg) var(--op-space-lg);width:min(calc(var(--op-hit-touch) * 14), 100%);border:var(--op-rule-strong);box-shadow:var(--op-shadow-bezel)}}.op-note-step,.op-note-bar{align-items:center;gap:var(--op-space-sm);padding:var(--op-space-sm) var(--op-space-lg);background:var(--op-screen-panel);border-bottom:1px solid var(--op-border-idle-hover);flex:none;display:flex;position:relative}.op-note-title{margin-right:var(--op-space-sm)}.op-note-step{box-sizing:border-box;z-index:2;flex:none;align-self:stretch;position:sticky;top:0}.op-note-step-dots{align-items:center;gap:var(--op-space-xs);display:flex}.op-note-step-dot{width:var(--op-space-sm);height:var(--op-space-sm);box-sizing:border-box;border:var(--op-border-width) solid var(--op-sub-text);border-radius:var(--op-radius-pill)}.op-note-step-dot.is-on{background:var(--op-off-white);border-color:var(--op-off-white)}.op-note-step-name{min-width:0;font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-sub-text);flex:1 1 0}.op-note-keys{align-items:center;gap:var(--op-space-sm);flex:1 1 0;min-width:0;display:flex}.op-note-keys .op-board-key{min-width:0;min-height:var(--op-hit-touch);padding-inline:var(--op-space-sm);flex:1 1 0}.op-note-keys .op-board-key.is-danger{border-color:var(--op-crimson)}.op-note-bar>.op-note-close,.op-note-step>.op-note-close{width:var(--op-hit-touch);height:var(--op-hit-touch);box-shadow:var(--op-inset-key);flex:none}@media (width<=1000px){.op-note-title{display:none}}.op-note-rail{left:var(--op-space-sm);top:var(--op-space-sm);z-index:9;width:calc(var(--op-hit-touch) + var(--op-space-sm) * 2);max-height:calc(100% - var(--op-space-lg));align-items:center;gap:var(--op-space-xs);padding:var(--op-space-sm) 0;background:var(--op-bg-chip);border:1px solid var(--op-border-idle-hover);border-radius:var(--op-radius-md);scrollbar-width:none;flex-direction:column;display:flex;position:absolute;overflow-y:auto}.op-note-rail::-webkit-scrollbar{display:none}.op-note-rail-legend{font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-micro);text-transform:uppercase;color:var(--op-sub-text)}.op-note-dots,.op-note-paper{align-items:center;gap:var(--op-space-xs);flex-direction:column;display:flex}.op-note-dot,.op-note-rail-key{box-sizing:border-box;width:var(--op-hit-touch);min-height:var(--op-hit-touch);cursor:pointer;background:var(--op-bg);color:var(--op-off-white);border:1px solid var(--op-border-idle-hover);border-radius:var(--op-radius-md);font:var(--op-weight-bold) var(--op-size-meta)/1 var(--op-font-display);place-items:center;padding:0;display:grid}.op-note-dot{border-radius:var(--op-radius-pill)}.op-note-dot i{border-radius:var(--op-radius-pill);width:60%;height:60%;box-shadow:0 0 0 var(--op-border-width) var(--op-border-strong)}.op-note-dot:hover,.op-note-rail-key:hover:not(:disabled){background:var(--op-ghost-field-hover)}.op-note-dot[aria-pressed=true],.op-note-rail-key[aria-pressed=true]{border-color:var(--op-off-white)}.op-note-rail-key[data-act=note-marker][aria-pressed=true]{background:var(--op-ghost-field-hover)}.op-note-dot:disabled{opacity:var(--op-dim-behind-card);cursor:default}.op-note-dot[aria-disabled=true]{cursor:default}.op-note-dot[aria-disabled=true]:hover{background:var(--op-bg)}.op-note-rail-key:disabled{opacity:var(--op-muted-opacity);cursor:default}.op-note-rail button:focus-visible{outline:2px solid var(--op-crimson);outline-offset:2px}.op-note-rail [hidden]{display:none}.op-note-turn{align-items:center;gap:var(--op-space-xs);flex-direction:column;width:100%;display:flex}.op-note-turn .op-turn-dial-row{flex-direction:column;gap:0}.op-note-turn .op-turn-dial-deg{text-align:center;min-width:0;font-size:var(--op-size-micro)}.op-note-rail .op-note-turn-key{width:100%;font-size:var(--op-size-micro);white-space:nowrap;border-radius:var(--op-radius-sm);padding-inline:0}.op-note-machine{isolation:isolate;min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:auto;display:grid;position:relative;overflow:clip}.op-note-say{padding:var(--op-space-xs) var(--op-space-lg);font-size:var(--op-size-meta);color:var(--op-off-white);margin:0}.op-note-say:empty{display:none}.op-note-desk .op-board-walk.op-note-walk{width:min(calc(100% - var(--op-space-lg) * 2), calc(var(--op-hit-touch) * 8));max-height:calc(100% - var(--op-space-lg) * 2);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.op-note-walk-scrim{z-index:6;background:var(--op-scrim);backdrop-filter:blur(var(--op-scrim-blur));position:absolute;inset:0}.op-note-desk .op-board-cross{flex:none}@media (width<=1000px){.op-note-desk{inset:auto 0;top:var(--desk-top,0);box-sizing:border-box;height:calc(var(--desk-h,100dvh) + var(--desk-under,0px));padding-bottom:var(--desk-under,0px)}.op-note-desk.is-kb-open .op-note-fold{display:none}.op-note-desk.is-kb-open .op-note-bar{padding-block:var(--op-space-xs)}}.op-note-review{z-index:1;align-items:center;gap:var(--op-space-md);background:var(--op-bg);flex-direction:column;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.op-note-desk.is-reviewing .op-note-machine{visibility:hidden}.op-note-review-stage{min-height:0;width:min(calc(100% - var(--op-space-lg) * 2), calc(var(--op-size-body-touch) * 38.4));flex:1 1 0;position:relative;overflow:hidden}.op-note-review-page{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.op-note-review-page.is-feeding{cursor:grabbing}.op-note-review-page.is-whole{cursor:zoom-in}.op-note-review-sheet{width:calc(100% * var(--rv-zoom,1));transform:translate3d(var(--rv-x,0), var(--rv-y,0), 0) rotate(var(--rv-turn,0deg))}.op-note-review-zoomkeys{right:var(--op-space-sm);bottom:var(--op-space-sm);align-items:center;gap:var(--op-space-xs);flex-direction:column;display:flex;position:absolute}.op-note-review-zoomkeys .op-board-key{box-sizing:border-box;width:var(--op-hit-touch);height:var(--op-hit-touch);min-height:var(--op-hit-touch);min-width:var(--op-hit-touch);background:var(--op-key-fill);color:var(--op-key-ink);border-radius:var(--op-radius-sm);box-shadow:var(--op-inset-key);border:none;place-items:center;padding:0;display:grid}.op-note-review-zoomkeys .op-board-key svg{stroke-linecap:square}.op-note-review-zoomkeys .op-board-key:hover:not(:disabled){background:var(--op-key-fill);box-shadow:var(--op-key-hover-line)}.op-note-review-zoomkeys .op-board-key:active:not(:disabled){background:var(--op-key-fill);box-shadow:var(--op-key-press);transform:var(--op-key-press-shift)}.op-note-review-zoomkeys .op-board-key:focus-visible{outline:1px solid var(--op-off-white);outline-offset:2px}.op-note-review-zoomkeys .op-board-key:disabled{background:var(--op-key-fill);color:var(--op-key-ink);box-shadow:none;opacity:var(--op-muted-opacity);cursor:default;transform:none}.op-note-review-turn{gap:var(--op-space-xs);flex-direction:column}.op-note-review-turn .op-turn-dial{background:var(--op-bg)}.op-note-review-zoom,.op-note-review-turn .op-turn-dial-deg{box-sizing:border-box;width:var(--op-hit-touch);padding:var(--op-space-xs) 0;text-align:center;font-family:var(--op-font-mono);font-size:var(--op-size-label-sm);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--op-text-muted);background:var(--op-bg);border-radius:var(--op-radius-sm);line-height:1}.op-note-review-map{left:var(--op-space-sm);bottom:var(--op-space-sm);box-sizing:border-box;padding:var(--op-space-xs);min-width:var(--op-hit-touch);min-height:var(--op-hit-touch);border:var(--op-border-width) solid var(--op-border-idle-hover);border-radius:var(--op-radius-md);background:var(--op-bg-raised);cursor:pointer;place-items:center;display:grid;position:absolute}.op-note-review-map:hover,.op-note-review-map:focus-visible{border-color:var(--op-gold)}.op-note-review-map-page{height:calc(var(--op-hit-touch) + var(--op-space-lg));aspect-ratio:1 / var(--rv-aspect,1.414);background:var(--op-paper);display:block;position:relative}.op-note-review-map-box{height:calc(var(--op-hit-touch) + var(--op-space-lg));aspect-ratio:var(--rv-box-w,1) / var(--rv-box-h,1.414);display:block;position:relative}.op-note-review-map-box>.op-note-review-map-page{aspect-ratio:auto;height:auto;transform:translate(-50%, -50%) rotate(var(--rv-turn,0deg));position:absolute;top:50%;left:50%}.op-note-review-map-ink{background:var(--op-border-idle-hover);position:absolute}.op-note-review-map-at{box-sizing:border-box;border:calc(var(--op-border-width) * 2) solid var(--op-crimson);position:absolute}.op-note-review-hint{left:50%;bottom:calc(var(--op-hit-touch) * 2 + var(--op-space-lg));pointer-events:none;padding:var(--op-space-xs) var(--op-space-md);border-radius:var(--op-radius-pill);white-space:nowrap;background:var(--op-scrim);font-size:var(--op-size-meta);color:var(--op-off-white);margin:0;position:absolute;transform:translate(-50%)}.op-note-review-hint[hidden]{display:none}.op-note-review.is-full{z-index:var(--op-z-modal);padding:var(--op-space-sm);gap:var(--op-space-sm);position:fixed;inset:0}.op-note-review.is-full .op-note-step,.op-note-review.is-full .op-note-review-keys{display:none}.op-note-review.is-full .op-note-review-stage{width:100%}.op-note-review-keys,.op-note-postwin-keys{box-sizing:border-box;justify-content:flex-end;align-self:stretch;gap:var(--op-space-sm);padding:var(--op-space-sm) var(--op-space-lg);background:var(--op-screen-panel);border-top:1px solid var(--op-border-idle-hover);flex:none;display:flex}.op-note-review-keys .op-board-key,.op-note-postwin-keys .op-board-key{min-height:var(--op-hit-touch)}@media (width<=1000px){.op-note-review-keys .op-board-key,.op-note-postwin-keys .op-board-key{flex:1 1 0;min-width:0}}.op-note-postwin{z-index:2;background:var(--op-bg);flex-direction:column;padding:0;display:flex;position:absolute;inset:0;overflow:auto}.op-note-postwin-body{gap:var(--op-space-lg);min-width:0;padding:var(--op-space-lg);flex-direction:column;flex:1 0 auto;display:flex}.op-note-postwin-say{min-height:var(--op-hit-min);font-size:var(--op-size-meta);color:var(--op-off-white);align-items:center;margin:0;display:flex}.op-note-postwin-foot{font-size:var(--op-size-meta);color:var(--op-sub-text);margin:0}.op-note-title-box{gap:var(--op-space-xs);flex-direction:column;display:flex}.op-note-title-label{font-size:var(--op-size-title);color:var(--op-off-white)}.op-note-title-count{font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-meta);text-transform:uppercase;color:var(--op-sub-text);align-self:flex-end}.op-note-title-slip{box-sizing:border-box;width:100%;min-height:calc(var(--op-hit-touch) * 3);resize:none;padding:var(--op-space-md) var(--op-space-lg);border-radius:var(--op-radius-sm);background:var(--op-paper);color:var(--op-bg);font-family:var(--op-font-tw-elite);font-size:var(--op-size-headline);line-height:var(--op-lh-headline);border:0}.op-note-title-slip::placeholder{color:var(--op-dim-text);opacity:1}.op-note-title-slip:focus-visible{outline:var(--op-border-width) solid var(--op-crimson);outline-offset:var(--op-focus-offset)}.op-note-pic{box-sizing:border-box;width:100%;max-height:calc(var(--op-hit-touch) * 6);border:var(--op-border-width) solid var(--op-border);border-radius:var(--op-radius-sm);cursor:pointer;background:0 0;flex:none;padding:0;position:relative;overflow:hidden}.op-note-pic-paper{pointer-events:none;display:block}.op-note-pic-lens{right:var(--op-space-xs);bottom:var(--op-space-xs);width:var(--op-hit-min);height:var(--op-hit-min);border-radius:var(--op-radius-pill);background:var(--op-scrim);color:var(--op-off-white);place-items:center;display:grid;position:absolute}.op-note-pic-lens svg{width:var(--op-size-body);height:var(--op-size-body)}.op-note-pic:focus-visible{outline:var(--op-border-width) solid var(--op-crimson);outline-offset:var(--op-focus-offset)}.op-note-postwin-keys{z-index:2;position:sticky;bottom:0}.op-note-desk.is-reply .op-tw-sheet{box-shadow:none;background:0 0;overflow:visible}.op-note-desk.is-reply .op-tw-sheet:before,.op-note-desk.is-reply .op-tw-sheet:after{display:none}.op-note-desk.is-reply .op-tw-sheet>.op-tw-ink{opacity:var(--op-muted-opacity)}.op-note-desk.is-reply .op-tw{--tw-bend-max:0deg}.op-note-desk.is-reply .op-tw-curl{display:none}.op-note-fold{padding:0 var(--op-space-lg) var(--op-space-sm);border-bottom:var(--op-rule)}.op-note-fold-sum{min-height:var(--op-hit-min);cursor:pointer;font-family:var(--op-font-mono);font-size:var(--op-size-micro);letter-spacing:var(--op-track-meta);text-transform:uppercase;color:var(--op-off-white);align-items:center;display:flex}