.proc{display:flex;flex-direction:column;gap:.6rem;max-width:34rem;padding:clamp(1.5rem,6vh,4rem) 0}.proc-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.proc-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.proc-rows>li:before{top:1.05em}.proc-sq{display:inline-block;height:.6rem;margin-right:.6rem;transition:background-color var(--dur) var(--ease-out);vertical-align:.05em;width:.6rem}.proc-label{color:var(--ink);font-weight:500}.proc-rows .is-reading .proc-label,.proc-rows .is-working .proc-label{color:var(--ink-2)}.proc-rows .is-error .proc-label{color:var(--down)}.proc-foot,.proc-note{color:var(--ink-3)}.proc-foot{font-size:var(--text-body-sm)}.proc-dots:after{animation:procDots 1s steps(3) infinite;content:"…";display:inline-block;overflow:hidden;vertical-align:bottom;width:1em}@keyframes procDots{0%{width:0}to{width:1em}}.state{display:flex;flex-direction:column;gap:.6rem;max-width:40rem;padding:clamp(1.25rem,4vh,2.5rem) 0}.state.is-compact{padding:.75rem 0}.state-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.state-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.state-rows>li:before{top:1.05em}.state-rows .mute{color:var(--ink-3)}.state-out{color:var(--ink);font-weight:500}.state-out.is-error{color:var(--down)}.state-retry{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-micro);height:2.5rem;margin-left:1.6rem;padding:0 .4rem;width:-webkit-fit-content;width:fit-content}.state-retry:focus-visible,.state-retry:hover{color:var(--ink);outline:none}.state-action{margin-left:1.6rem}@media (prefers-reduced-motion:reduce){.proc-dots:after{animation:none;width:1em}}.nb{gap:clamp(2.5rem,6vh,4rem);padding-bottom:var(--space-section);padding-top:clamp(2rem,6vh,4rem)}.nb,.nb-head{display:flex;flex-direction:column}.nb-head{gap:.75rem;max-width:48rem}.nb-count,.nb-eyebrow,.nb-index-label,.nb-keys,.nb-month-head{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:400}.nb-intro{color:var(--ink-2);font-size:var(--text-body);max-width:46ch}.nb-keys kbd{border:1px solid var(--line-strong);color:var(--ink-2);font-family:var(--font-mono);padding:0 .3rem}.nb-frame{grid-gap:2.5rem;display:grid;gap:2.5rem}@media (min-width:1100px){.nb-frame{gap:3.5rem;grid-template-columns:12rem minmax(0,1fr)}.nb-index{align-self:start;max-height:calc(100dvh - var(--topbar-h) - var(--ticker-h) - 4rem);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:thin;top:calc(var(--topbar-h) + var(--ticker-h) + 2rem)}}.nb-index{gap:1.75rem}.nb-index,.nb-index-block{display:flex;flex-direction:column}.nb-index-block{gap:.5rem}.nb-months{display:flex;flex-direction:column}.nb-month{align-items:center;color:var(--ink-3);display:flex;font-size:var(--text-body-sm);gap:1rem;height:2rem;justify-content:space-between;padding:0 .375rem;transition:color var(--dur-fast) var(--ease-out)}.nb-month .tnum{font-family:var(--font-mono);font-size:var(--text-micro)}.nb-month:hover,.nb-month[aria-current=true]{color:var(--ink)}.nb-count{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem}.nb-clear{color:var(--ink-2);font:inherit;text-decoration:underline;text-underline-offset:3px}.nb-clear:hover{color:var(--ink)}.nb-tags{display:flex;flex-wrap:wrap;gap:.125rem .25rem}.nb-tag{align-items:center;color:var(--ink-2);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-micro);gap:.375rem;min-height:2rem;padding:0 .375rem;transition:color var(--dur-fast) var(--ease-out)}.nb-tag .tnum{color:var(--ink-3)}.nb-tag:hover,.nb-tag[aria-pressed=true]{color:var(--ink)}.nb-tag.is-up{color:var(--up)}.nb-tag.is-down{color:var(--down)}.nb-pages{gap:3rem;min-width:0}.nb-month-section,.nb-pages{display:flex;flex-direction:column}.nb-month-section{scroll-margin-top:calc(var(--topbar-h) + var(--ticker-h) + 1.5rem)}.nb-month-head{border-bottom:1px solid var(--line-strong);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.5rem}.nb-month-head span:first-child{color:var(--ink)}.nb-entry{grid-gap:2rem;border-bottom:1px solid var(--line);display:grid;gap:2rem;grid-template-columns:8.5rem minmax(0,40rem);padding:1.75rem 0;scroll-margin-top:calc(var(--topbar-h) + var(--ticker-h) + 1.5rem)}.nb-entry:focus{outline:none}.nb-entry:focus-visible{outline:1px solid var(--line-strong);outline-offset:.5rem}.nb-margin{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.nb-margin .nb-tags{margin-left:-.375rem}.nb-date{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-body-sm)}.nb-weekday{font-size:var(--text-micro)}.nb-topics .nb-tag,.nb-weekday{color:var(--ink-3)}.nb-topics .nb-tag:hover,.nb-topics .nb-tag[aria-pressed=true]{color:var(--ink)}.nb-body{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.nb-text{color:var(--ink);font-size:var(--text-body);line-height:1.65;overflow-wrap:anywhere;white-space:pre-line}.nb-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);text-underline-offset:3px;word-break:break-all}.nb-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.nb-missing{color:var(--ink-3);font-size:var(--text-body-sm)}.nb-shots{grid-gap:.5rem;align-items:start;display:grid;gap:.5rem}.nb-shots.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.nb-shot{background:var(--surface-2);cursor:zoom-in;display:block;padding:0}.nb-shot img{display:block;height:auto;width:100%}.nb-shot:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.nb-note{border-left:1px solid var(--line-strong);display:flex;flex-direction:column;gap:.25rem;padding-left:1rem}.nb-note span{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro)}.nb-note p{max-width:62ch;white-space:pre-line}.nb-note p,.nb-source{color:var(--ink-2);font-size:var(--text-body-sm)}.nb-source{align-items:center;display:inline-flex;gap:.25rem;min-height:2.75rem;width:-webkit-fit-content;width:fit-content}.nb-source:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.nb-turn{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding-top:1rem}.nb-turn-btn{align-items:flex-start;color:var(--ink);display:flex;flex-direction:column;font-size:var(--text-h3);font-weight:500;gap:.25rem;letter-spacing:-.015em;padding:.75rem .5rem;text-align:left}.nb-turn-btn.is-older{align-items:flex-end;text-align:right}.nb-turn-btn .tnum,.nb-turn-dir{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:400;letter-spacing:0}.nb-turn-btn:hover .nb-turn-dir{color:var(--ink)}.nb-viewer{animation:nbViewerIn var(--dur) var(--ease-out) both;background:var(--bg);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inset:0;padding:var(--safe-top) var(--gutter) var(--safe-bottom);position:fixed;z-index:var(--z-modal)}@keyframes nbViewerIn{0%{opacity:0}}.nb-viewer-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:3.5rem}.nb-viewer-meta{color:var(--ink-2);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-micro);gap:1rem}.nb-viewer-meta span{color:var(--ink-3)}.nb-viewer-actions{gap:.5rem}.nb-viewer-actions,.nb-viewer-btn{align-items:center;display:inline-flex}.nb-viewer-btn{color:var(--ink-2);font-size:var(--text-body-sm);gap:.375rem;min-height:2.75rem;padding:0 .625rem}.nb-viewer-btn:hover{color:var(--ink)}.nb-viewer-btn kbd{border:1px solid var(--line-strong);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro);padding:0 .3rem}.nb-viewer-stage{display:grid;margin:0;min-height:0;padding:1.5rem 0;place-items:center}.nb-viewer-plate{display:block;max-height:100%;max-width:100%;position:relative}.nb-viewer-plate img{display:block;height:auto;max-height:calc(100dvh - 10rem - var(--safe-top) - var(--safe-bottom));max-width:100%;object-fit:contain;width:auto}.nb-viewer-mark{height:11px;pointer-events:none;position:absolute;width:11px}.nb-viewer-mark:after,.nb-viewer-mark:before{background:var(--ink-3);content:"";position:absolute}.nb-viewer-mark:before{height:1px;left:0;top:5px;width:11px}.nb-viewer-mark:after{height:11px;left:5px;top:0;width:1px}.nb-viewer-mark.is-tl{left:-12px;top:-12px}.nb-viewer-mark.is-tr{right:-12px;top:-12px}.nb-viewer-mark.is-bl{bottom:-12px;left:-12px}.nb-viewer-mark.is-br{bottom:-12px;right:-12px}.nb-viewer-walk{align-items:center;display:flex;justify-content:space-between;min-height:3.5rem}.nb-blank{border-top:1px solid var(--line-strong);display:flex;flex-direction:column;gap:.75rem;padding:4rem 0}.nb-blank-line{color:var(--ink);font-size:var(--text-h2)}@media (max-width:1099px){.nb-index{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:row;gap:1.25rem;margin:0 -1rem;margin:0 calc(var(--gutter, 1rem)*-1);overflow-x:auto;padding:.25rem 1rem;padding:.25rem var(--gutter,1rem);position:-webkit-sticky;position:sticky;scrollbar-width:none;top:calc(var(--topbar-h) + var(--ticker-h));z-index:2}.nb-index::-webkit-scrollbar{display:none}.nb-entry,.nb-month-section{scroll-margin-top:calc(var(--topbar-h) + var(--ticker-h) + 3.5rem)}.nb-index-block{align-items:center;flex:none;flex-direction:row}.nb-index-label{display:none}.nb-months{flex-direction:row}.nb-month{white-space:nowrap}.nb-month .tnum{display:none}.nb-tags{flex-wrap:nowrap}.nb-count,.nb-tag{white-space:nowrap}.nb-count{align-self:center;flex:none}}@media (max-width:767px){.nb-index{top:calc(var(--topbar-h));top:calc(var(--topbar-h) + var(--safe-top, 0px))}.nb-entry,.nb-month-section{scroll-margin-top:calc(var(--topbar-h) + 3.5rem)}}@media (max-width:640px){.nb-entry{gap:.75rem;grid-template-columns:1fr;padding:1.5rem 0}.nb-margin{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.25rem .75rem}.nb-shots.is-pair{grid-template-columns:1fr}.nb-keys{display:none}}@media (prefers-reduced-motion:reduce){.nb-month,.nb-tag{transition:none}.nb-viewer{animation:none}}