@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Press+Start+2P&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&family=VT323&display=swap";:root,[data-theme=crt]{--bg: #0a0705;--bg-2: #140d09;--fg: #e9d9c2;--fg-dim: #8a6f55;--fg-strong: #fff7ea;--accent: #ff4a2e;--accent-2: #ff8a3d;--glow: rgba(255, 74, 46, .55);--orp: #ff2f1f;--grid: rgba(255, 138, 61, .12);--word-font: "VT323", monospace;--ui-font: "Press Start 2P", monospace;--bg-image: radial-gradient(circle at 50% 40%, var(--bg-2), var(--bg) 70%);color-scheme:dark}[data-theme=cream]{--bg: #f3ead6;--bg-2: #e9dcc0;--fg: #4a3a28;--fg-dim: #8a7458;--fg-strong: #2c2014;--accent: #a85a28;--accent-2: #7d5320;--glow: transparent;--orp: #d6360f;--grid: rgba(74, 58, 40, .1);--word-font: "Source Serif 4", Georgia, "Times New Roman", serif;--ui-font: "Inter", system-ui, -apple-system, sans-serif;--bg-image: none;color-scheme:light}:root,[data-align=center]{--text-align: center;--block-margin-inline: auto}[data-align=left]{--text-align: left;--block-margin-inline: 0 auto}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0}body{background-color:var(--bg);background-image:var(--bg-image);color:var(--fg);font-family:var(--ui-font);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .45s ease,color .45s ease}button{font-family:var(--ui-font);cursor:pointer}.crt-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;mix-blend-mode:multiply}[data-theme=crt] .crt-overlay{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e,#0000002e 4px);animation:flicker 4s infinite steps(60)}[data-theme=crt] .crt-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000 55%,#0000008c)}[data-theme=cream] .crt-overlay{background:radial-gradient(ellipse at center,#4a3a2800 62%,#4a3a2829)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.92}}.screen-boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:0}[data-theme=crt] .screen-boot{background:var(--fg);transform-origin:center;mix-blend-mode:screen;animation:crtboot .55s ease-out forwards}@keyframes crtboot{0%{opacity:0;transform:scaleY(.004) scaleX(1.2)}10%{opacity:.9;transform:scaleY(.004) scaleX(1)}45%{opacity:.4;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}[data-theme=cream] .screen-boot{background:var(--bg);animation:softboot .7s ease-out forwards}@keyframes softboot{0%{opacity:1}to{opacity:0}}[data-theme=cream] .crt-overlay{animation:creambreath 16s ease-in-out infinite alternate}@keyframes creambreath{0%{opacity:.5}to{opacity:1}}[data-theme=cream] .rsvp-word{animation:inkbloom .34s cubic-bezier(.22,.61,.36,1)}@keyframes inkbloom{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}[data-theme=cream] .rsvp-pivot{font-weight:600}[data-theme=cream] .rsvp-word.is-list-start .rsvp-bullet{animation:inkbullet .6s cubic-bezier(.22,.61,.36,1)}@keyframes inkbullet{0%{opacity:0;transform:translate(-.25em) scale(.6)}to{opacity:1;transform:translate(0) scale(1)}}[data-theme=cream] .countdown-word{animation:creamcount .7s cubic-bezier(.22,.61,.36,1)}@keyframes creamcount{0%{opacity:0;transform:scale(.86);letter-spacing:.5em}to{opacity:.9;transform:scale(1);letter-spacing:.2em}}[data-theme=cream] .section-context{animation:pagefade .45s ease-out}@keyframes pagefade{0%{opacity:0}to{opacity:1}}[data-theme=cream] .section-context>*{animation:inkrise .6s cubic-bezier(.22,.61,.36,1) both}[data-theme=cream] .section-context>*:nth-child(1){animation-delay:.04s}[data-theme=cream] .section-context>*:nth-child(2){animation-delay:.11s}[data-theme=cream] .section-context>*:nth-child(3){animation-delay:.18s}[data-theme=cream] .section-context>*:nth-child(4){animation-delay:.25s}[data-theme=cream] .section-context>*:nth-child(n+5){animation-delay:.3s}@keyframes inkrise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}[data-theme=cream] .step-body{animation:inkrise .5s cubic-bezier(.22,.61,.36,1)}[data-theme=cream] .step-context{animation:labeldrift .5s ease-out}@keyframes labeldrift{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}[data-theme=cream] .hl-row{transition:color .4s ease,opacity .4s ease}@media (prefers-reduced-motion: reduce){[data-theme=crt] .crt-overlay,.screen-boot,[data-theme=cream] .crt-overlay,[data-theme=cream] .rsvp-word,[data-theme=cream] .rsvp-word.is-list-start .rsvp-bullet,[data-theme=cream] .countdown-word,[data-theme=cream] .section-context,[data-theme=cream] .section-context>*,[data-theme=cream] .step-body,[data-theme=cream] .step-context{animation:none}[data-theme=cream] .hl-row,body{transition:none}}@media (max-width: 640px){.help-body{width:min(20rem,calc(100vw - 2rem))}.section-context,.step-body{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))!important}.heading-list{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.landing-hint{display:none}}.landing{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;padding:2rem}.landing-title{font-size:clamp(1.4rem,5vw,3rem);letter-spacing:.15em;color:var(--accent);text-shadow:0 0 12px var(--glow)}.landing-sub{font-size:clamp(.95rem,2vw,1.25rem);color:var(--fg-dim);letter-spacing:.1em}.landing-actions{margin-top:1rem;display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.big-button{position:relative;padding:1.6rem 2.4rem;font-size:clamp(.8rem,2.5vw,1.2rem);letter-spacing:.12em;color:var(--bg);background:var(--accent);border:3px solid var(--accent-2);border-radius:4px;box-shadow:0 0 0 3px var(--bg),0 0 24px var(--glow),inset 0 0 0 2px #00000040;transition:transform .08s ease,box-shadow .2s ease;overflow:hidden}.big-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 3px var(--bg),0 0 40px var(--glow),inset 0 0 0 2px #00000040}.big-button:active{transform:translateY(1px) scale(.99)}.big-button:disabled{opacity:.45;cursor:not-allowed}.big-button.small{padding:.9rem 1.4rem;font-size:.8rem}.big-button.alt{color:var(--accent);background:transparent;border-color:var(--accent);box-shadow:0 0 0 3px var(--bg),0 0 16px var(--glow)}.big-button.alt:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.big-button-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);animation:sheen 3.5s ease-in-out infinite}@keyframes sheen{0%,60%{transform:translate(-120%)}80%,to{transform:translate(120%)}}[data-theme=cream] .big-button{border:none;border-radius:18px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 52%,var(--accent-2) 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -3px 6px #4a281040,0 6px 14px #4a3a2847,0 2px 4px #4a3a282e;text-shadow:0 1px 1px rgba(74,40,16,.3)}[data-theme=cream] .big-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 1px #ffffff80,inset 0 -3px 6px #4a281040,0 12px 24px #4a3a2852,0 4px 8px #4a3a2833}[data-theme=cream] .big-button:active{transform:translateY(1px) scale(.99);box-shadow:inset 0 2px 5px #4a281052,0 2px 6px #4a3a2838}[data-theme=cream] .big-button.alt{color:var(--accent);background:var(--bg);border:2px solid color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:inset 0 1px #fff9,0 4px 10px #4a3a2829;text-shadow:none}[data-theme=cream] .big-button.alt:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg));border-color:var(--accent);box-shadow:inset 0 1px #fff9,0 8px 16px #4a3a2833}[data-theme=cream] .big-button-glow{display:none}.fallback{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(640px,90vw)}.fallback-input{width:100%;height:160px;resize:vertical;background:var(--bg-2);color:var(--fg);border:2px solid var(--fg-dim);border-radius:4px;padding:.8rem;font-family:var(--word-font);font-size:1.1rem;line-height:1.4}.fallback-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px var(--glow)}.landing-error{font-size:.65rem;color:var(--accent-2);max-width:30ch;line-height:1.6}.landing-hint{position:fixed;bottom:1.4rem;font-size:.55rem;color:var(--fg-dim);letter-spacing:.08em}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.countdown-body{display:flex;flex-direction:column;align-items:center;gap:1rem}.countdown-dots{display:flex;gap:.5rem}.countdown-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--fg-dim);opacity:.35;transition:background-color .2s ease,opacity .2s ease,box-shadow .2s ease}.countdown-dot.lit{background:var(--accent);opacity:1;box-shadow:0 0 8px var(--glow)}.countdown-word{font-family:var(--ui-font);font-size:clamp(1.5rem,6vw,3.5rem);letter-spacing:.2em;color:var(--accent);text-shadow:0 0 18px var(--glow);animation:countpop .35s ease-out}@keyframes countpop{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.85}}.reticle{font-size:clamp(3rem,12vw,8rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70vw,900px);height:0;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--grid)}.reticle:before{top:-.95em}.reticle:after{top:1.15em}.reticle-line{position:absolute;left:50%;width:2px;height:.3em;background:var(--accent);box-shadow:0 0 6px var(--glow);transform:translate(-50%)}.reticle-top{top:-.9em}.reticle-bottom{top:.85em}.wpm-indicator{position:fixed;bottom:1.4rem;right:1.6rem;font-family:var(--word-font);font-size:1.6rem;font-style:italic;color:var(--fg-dim);letter-spacing:.05em;pointer-events:none}@media (max-width: 640px){.wpm-indicator{bottom:calc(4.4rem + env(safe-area-inset-bottom,0px));font-size:1.2rem}}.rsvp-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.rsvp-band{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:center}.rsvp-word{font-family:var(--word-font);font-size:clamp(3rem,12vw,8rem);line-height:1;white-space:nowrap;color:var(--fg);will-change:transform;animation:flashin .09s ease-out}.rsvp-word.is-strong{font-weight:700;color:var(--fg-strong)}.rsvp-word.is-em{font-style:italic}.rsvp-pivot{color:var(--orp);text-shadow:0 0 14px var(--glow)}.rsvp-sym{opacity:.3;font-size:.55em}.rsvp-code{font-family:var(--word-font);font-size:clamp(1.5rem,6vw,4rem);line-height:1;color:var(--accent-2);background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px;padding:.3em .5em;max-width:90vw;white-space:pre;overflow-x:auto;animation:flashin .09s ease-out}.rsvp-word.is-list .rsvp-pre,.rsvp-word.is-list .rsvp-post{color:var(--accent-2)}.rsvp-bullet{display:inline-block;color:var(--accent);text-shadow:0 0 10px var(--glow)}.rsvp-word.is-list-start .rsvp-bullet{animation:bulletpop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes flashin{0%{opacity:.25}to{opacity:1}}@keyframes bulletpop{0%{opacity:0;transform:translate(-.6em) scale(.2) rotate(-25deg);color:var(--accent-2);text-shadow:0 0 4px var(--glow)}45%{opacity:1;transform:translate(0) scale(2) rotate(8deg);color:var(--fg-strong);text-shadow:0 0 28px var(--accent),0 0 48px var(--glow)}70%{transform:scale(.85) rotate(0)}to{opacity:1;transform:scale(1);color:var(--accent);text-shadow:0 0 10px var(--glow)}}.rsvp-preview{position:absolute;top:calc(50% + 5rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;max-width:min(90vw,44rem)}.rsvp-preview-strip{display:flex;gap:.4em;overflow-x:auto;white-space:nowrap;font-family:var(--word-font);font-size:clamp(.9rem,2.4vw,1.3rem);color:var(--fg-dim);scrollbar-width:none;mask-image:linear-gradient(to right,transparent 0,#000 1.5rem,#000 calc(100% - 1.5rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 1.5rem,#000 calc(100% - 1.5rem),transparent 100%)}.rp-word{cursor:pointer;border-radius:3px;padding:0 .15em}.rp-word:hover{color:var(--accent)}.rp-current{color:var(--orp);font-weight:700;cursor:default}.rp-current:hover{color:var(--orp)}.rsvp-scrub-btn{flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--fg-dim);background:transparent;color:var(--fg-dim);font-family:var(--ui-font);font-size:.9rem;line-height:1;-webkit-tap-highlight-color:transparent}.rsvp-scrub-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.rsvp-scrub-btn:disabled{opacity:.3}@media (prefers-reduced-motion: reduce){.rsvp-word,.rsvp-bullet,.rsvp-code{animation:none}}.mermaid-diagram{display:flex;justify-content:center;padding:.5em 0;overflow-x:auto}.mermaid-diagram svg{max-width:100%;height:auto}.mermaid-loading{font-family:var(--ui-font);font-size:.6rem;letter-spacing:.15em;color:var(--fg-dim);text-align:center;padding:1.5em 0}.step-body .mermaid-diagram{height:100%;align-items:center;overflow:hidden}.step-body .mermaid-diagram svg{max-height:100%}.section{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:6vh 8vw}.section-context{width:min(70ch,86vw);max-height:78vh;overflow-y:auto;scroll-behavior:smooth;padding:22vh 0;font-family:var(--word-font);font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.7;color:var(--fg);text-align:var(--text-align);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);scrollbar-width:none}.section-context::-webkit-scrollbar{display:none}.section-context.has-x{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(to right,transparent 0,#000 1.6rem,#000 calc(100% - 1.6rem),transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(to right,transparent 0,#000 1.6rem,#000 calc(100% - 1.6rem),transparent 100%);mask-composite:intersect}.heading-list{width:min(110ch,94vw);max-height:78vh;overflow-y:auto;padding:32vh 0;text-align:center;font-family:var(--word-font);cursor:pointer;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%,#000 70%,transparent 100%)}.heading-list::-webkit-scrollbar{display:none}.hl-row{font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.35;padding:.4em 0;color:var(--fg-dim);opacity:.7;letter-spacing:.03em;transition:color .15s ease,opacity .15s ease}.hl-row:hover{color:var(--accent-2);opacity:1}.hl-row.active{color:var(--accent);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;opacity:1;text-shadow:0 0 16px var(--glow)}.sv-block{margin:.6em 0}.sv-block.paragraph,.sv-block.blockquote{text-align:var(--text-align)}.sv-block.blockquote{border-left:3px solid var(--accent);padding-left:.8em;color:var(--fg-dim);font-style:italic}.sv-block.heading{color:var(--accent);font-size:1.5em;font-weight:700;letter-spacing:.04em;text-shadow:0 0 12px var(--glow);text-align:var(--text-align);margin:0 0 .5em}.sv-list{margin:.6em 0;margin-inline:var(--block-margin-inline);max-width:60ch;text-align:left}.sv-li{position:relative;padding-left:1.4em;margin:.3em 0;text-align:left}.sv-li:before{content:"▸";position:absolute;left:0;color:var(--accent);text-shadow:0 0 8px var(--glow)}.sv-li-para{margin:.2em 0 .5em;text-align:left;color:var(--fg-dim)}.sv-more{color:var(--fg-dim);letter-spacing:.3em;font-size:1.4em}.sv-start,.sv-empty{color:var(--fg-dim);font-style:italic;letter-spacing:.1em}.sv-code{background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px;padding:1em 1.2em;position:relative;white-space:pre;overflow-x:auto;font-size:.9em;color:var(--accent-2);text-align:left}.sv-code-lang{position:absolute;top:-.7em;left:1rem;font-family:var(--ui-font);font-size:.5rem;letter-spacing:.15em;color:var(--bg);background:var(--accent);padding:.2em .6em;border-radius:3px}.sv-table{border-collapse:collapse;margin:.6em auto}.sv-table th,.sv-table td{border:1px solid var(--fg-dim);padding:.4em .8em;text-align:left;white-space:nowrap}.sv-table th{color:var(--accent);background:var(--bg-2)}.sv-image img{max-width:100%;max-height:40vh;border:2px solid var(--fg-dim);border-radius:4px}.sv-image figcaption{margin-top:.4rem;font-size:.8em;color:var(--fg-dim)}.pw{border-radius:3px;transition:color .12s ease,background-color .12s ease,box-shadow .12s ease}.pw.strong{color:var(--fg-strong);font-weight:700}.pw.em{font-style:italic}.pw:hover{color:var(--accent);cursor:pointer}.pw.active{color:var(--orp);text-shadow:0 0 16px var(--glow)}[data-theme=cream] .pw.active{color:#fff;background-color:var(--accent);box-shadow:0 0 0 .14em var(--accent);text-shadow:none}[data-theme=cream] .pw:hover{background-color:#a85a282e;box-shadow:0 0 0 .14em #a85a282e}.scroll-cue{position:fixed;bottom:calc(4.8rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);font-size:1.1rem;color:var(--accent);text-shadow:0 0 10px var(--glow);pointer-events:none;animation:scrollcue 1.3s ease-in-out infinite}@keyframes scrollcue{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(4px);opacity:1}}.scroll-cue-x{position:fixed;right:9vw;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--accent);text-shadow:0 0 10px var(--glow);pointer-events:none;animation:scrollcuex 1.3s ease-in-out infinite}@keyframes scrollcuex{0%,to{transform:translateY(-50%) translate(0);opacity:.5}50%{transform:translateY(-50%) translate(4px);opacity:1}}@media (prefers-reduced-motion: reduce){.scroll-cue,.scroll-cue-x{animation:none}}.section-hint{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);font-size:.55rem;color:var(--fg-dim);letter-spacing:.08em}.step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:8vh 8vw;text-align:center}.step-context{font-family:var(--ui-font);font-size:clamp(.72rem,1.6vw,1.05rem);letter-spacing:.25em;color:var(--accent);text-transform:uppercase;text-shadow:0 0 8px var(--glow);animation:stepctx .35s ease-out}@keyframes stepctx{0%{opacity:0;transform:translateY(-6px) scale(.92)}to{opacity:1;transform:none}}.step-body{width:100%;max-width:60rem;max-height:68vh;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:stepin .18s ease-out}@keyframes stepin{0%{opacity:.2}to{opacity:1}}.step-text{font-family:var(--word-font);font-size:clamp(1.6rem,4vw,3rem);line-height:1.5;color:var(--fg);margin:0;text-align:var(--text-align);width:100%;max-width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.step-text .sw{border-radius:3px;cursor:pointer;transition:color .12s ease,background-color .12s ease}.step-text .sw:hover{color:var(--bg);background-color:var(--accent)}.step-text .sw-code{color:var(--accent-2);background-color:var(--bg-2);padding:0 .25em;white-space:pre}.step-text .strong{color:var(--fg-strong);font-weight:700}.step-text .em{font-style:italic}.step-li{text-align:left}.step-bullet{color:var(--accent);text-shadow:0 0 10px var(--glow)}.step-code{background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px;padding:1.2rem 1.4rem;position:relative;white-space:pre;max-height:56vh;overflow:auto;text-align:left;font-size:1.1rem;color:var(--accent-2)}.step-code-lang{position:absolute;top:-.7em;left:1rem;font-family:var(--ui-font);font-size:.5rem;letter-spacing:.15em;color:var(--bg);background:var(--accent);padding:.2em .6em;border-radius:3px}.step-image img{max-width:100%;max-height:55vh;border:2px solid var(--fg-dim);border-radius:4px}.step-image figcaption{margin-top:.5rem;font-size:.9rem;color:var(--fg-dim)}.step-record{border-collapse:collapse;margin:0 auto;text-align:left;font-family:var(--word-font);font-size:clamp(1.2rem,2.4vw,1.8rem)}.step-record th,.step-record td{border:1px solid var(--fg-dim);padding:.4em .9em}.step-record th{color:var(--accent);background:var(--bg-2);text-align:right;white-space:nowrap}.step-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:10000;background:none;border:none;color:var(--fg-dim);opacity:.55;font-size:2.4rem;line-height:1;padding:.5rem .8rem;transition:opacity .15s ease,color .15s ease}.step-nav:hover{opacity:1;color:var(--accent)}.step-nav.prev{left:1.5vw}.step-nav.next{right:1.5vw}.step-hint{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);font-size:.55rem;color:var(--fg-dim);letter-spacing:.08em}@media (max-width: 640px){.step{padding:5vh 3rem calc(4.6rem + env(safe-area-inset-bottom,0px))}.step-nav{font-size:1.8rem;padding:.4rem .5rem}.step-nav.prev{left:.25rem}.step-nav.next{right:.25rem}}@media (prefers-reduced-motion: reduce){.step-context,.step-body{animation:none}}.control-bar{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:10000;display:flex;gap:.6rem}.cb-btn{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;color:var(--fg-dim);background:transparent;border:1px solid var(--fg-dim);border-radius:50%;padding:0;-webkit-tap-highlight-color:transparent;transition:color .15s ease,border-color .15s ease}.cb-btn svg{display:block}.cb-btn:hover{color:var(--accent);border-color:var(--accent)}.cb-btn:active{background:var(--bg-2);transform:translateY(1px)}.cb-primary{color:var(--accent);border-color:var(--accent-2)}.cb-primary:hover{color:var(--accent-2);border-color:var(--accent-2)}@media (max-width: 640px){.control-bar{bottom:calc(.6rem + env(safe-area-inset-bottom,0px));gap:.5rem}.cb-btn{width:2.8rem;height:2.8rem}.cb-btn svg{width:20px;height:20px}.cb-btn:hover{color:var(--fg-dim);border-color:var(--fg-dim)}.cb-primary:hover{color:var(--accent);border-color:var(--accent-2)}}@media (prefers-reduced-motion: reduce){.cb-btn{transition:none}}.reader{position:relative;height:100%;width:100%;overflow:hidden}.exit-button{position:fixed;top:1rem;right:1rem;z-index:50;width:2.2rem;height:2.2rem;font-size:.8rem;color:var(--fg-dim);background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.exit-button:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow)}.advance-btn{position:fixed;bottom:calc(4.8rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:10000;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:4px;color:var(--accent);background:var(--bg-2);border:2px solid var(--accent);box-shadow:0 0 12px var(--glow);animation:advancein .25s ease-out,advancebob 1.6s ease-in-out .25s infinite}.advance-btn:hover{background:var(--accent);color:var(--bg)}.advance-icon{font-size:1.3rem;line-height:1}@keyframes advancein{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.8)}to{opacity:1;transform:translate(-50%)}}@keyframes advancebob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}@media (prefers-reduced-motion: reduce){.advance-btn{animation:none}}.finished{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.finished-title{font-size:1rem;color:var(--fg-dim);letter-spacing:.2em}.flow-stop{width:100%;max-width:56rem;margin:auto}.fs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.fs-loc{display:flex;flex-direction:column;gap:.25rem;min-width:0}.fs-file{font:600 1.15rem/1.35 ui-monospace,monospace;color:var(--fg-strong);word-break:break-all;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.fs-match{font-size:.68rem;letter-spacing:.08em;font-weight:400}.fs-match-fuzzy{color:var(--accent-2)}.fs-match-missing{color:var(--accent)}.fs-title{font-size:.95rem;font-weight:400;color:var(--fg-dim);margin:0}.flow-stop.context .fs-title{color:var(--fg)}.fs-tools{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.fs-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--fg-dim);background:transparent;border:1px solid color-mix(in srgb,var(--fg-dim) 30%,transparent);border-radius:5px;cursor:pointer;transition:color .12s,border-color .12s}.fs-icon-btn:hover,.fs-icon-btn.active{color:var(--accent);border-color:var(--accent)}.fs-open{position:relative}.fs-open-pop{position:absolute;right:0;top:2.4rem;z-index:10;display:flex;flex-direction:column;gap:.5rem;min-width:16rem;padding:.7rem;background:var(--bg-2);border:1px solid color-mix(in srgb,var(--fg-dim) 40%,transparent);border-radius:6px;box-shadow:0 6px 20px #00000059}.fs-open-cta{font:.8rem ui-monospace,monospace;color:var(--bg);background:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.4rem .7rem;text-decoration:none;text-align:center;cursor:pointer;transition:filter .12s}.fs-open-cta:hover{filter:brightness(1.12)}.fs-open-cta.disabled{background:transparent;color:var(--fg-dim);border-color:color-mix(in srgb,var(--fg-dim) 40%,transparent);cursor:not-allowed}.fs-open-select,.fs-open-template{font:.76rem ui-monospace,monospace;color:var(--fg);background:var(--bg);border:1px solid color-mix(in srgb,var(--fg-dim) 35%,transparent);border-radius:4px;padding:.35rem .4rem}.fs-summary{font-size:1.05rem;color:var(--fg);border-left:2px solid var(--accent);padding-left:.8rem;margin:0 0 1.5rem}.flow-stop.context .fs-summary{border-left-color:var(--fg-dim)}.fs-hunk-nav{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0 0 .9rem}.fs-diff{background:var(--bg-2);border:1px solid color-mix(in srgb,var(--fg-dim) 30%,transparent);border-radius:6px;padding:1.1rem 0;overflow-x:auto;font:.98rem/1.6 ui-monospace,monospace;margin:0 0 1.8rem}.fs-diff code{display:block}.df-line{display:block;padding:0 1.2rem 0 .9rem;white-space:pre;border-left:3px solid transparent}.df-add{background:color-mix(in srgb,#2ea043 22%,var(--bg));border-left-color:#2ea043;color:var(--fg-strong)}.df-del{background:color-mix(in srgb,var(--accent) 22%,var(--bg));border-left-color:var(--accent);color:var(--fg-strong)}.df-hunk{color:var(--fg-dim);background:color-mix(in srgb,var(--fg-dim) 14%,var(--bg))}.df-ctx{color:var(--fg)}.fs-diff-missing{font:.9rem ui-monospace,monospace;color:var(--fg-dim);border:1px dashed color-mix(in srgb,var(--fg-dim) 40%,transparent);border-radius:6px;padding:1rem;margin:0 0 1.8rem;text-align:center}.fs-prose{font-size:1.02rem;line-height:1.65;color:var(--fg);margin-bottom:1.5rem}.fs-prose .strong{color:var(--fg-strong);font-weight:700}.fs-prose .em{font-style:italic}.fs-prose-code{background:var(--bg-2);border-radius:6px;padding:.8rem 1rem;overflow-x:auto;font:.82rem/1.5 ui-monospace,monospace}.fs-p.list .fs-li{display:block}.fs-footer{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid color-mix(in srgb,var(--fg-dim) 25%,transparent)}.fs-calls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.fs-calls-label{font:.7rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.fs-call-chip{font:.8rem ui-monospace,monospace;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:.25rem .7rem;cursor:pointer;transition:background .12s}.fs-call-chip:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.fs-call-via{font-size:.85em;font-style:italic;color:var(--fg-dim);margin-left:.3em}.flow-stop.minimal{width:100%;max-width:80rem;margin:auto}.fs-focus-loc{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;margin-bottom:1.6rem}.fs-focus-file{font:600 1.3rem ui-monospace,monospace;color:var(--fg-strong)}.fs-focus-title{font-size:1rem;color:var(--fg-dim)}.flow-stop.minimal .fs-diff{font-size:1.25rem;line-height:1.75}.flow-stop.minimal .fs-diff .df-line{padding:0 1.6rem 0 1.2rem}.flow-map{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;font:.72rem ui-monospace,monospace}.fm-panel{display:flex;flex-direction:column;width:min(960px,94vw);max-height:86vh;background:var(--bg-2);border:1px solid color-mix(in srgb,var(--fg-dim) 45%,transparent);border-radius:6px;box-shadow:0 12px 40px color-mix(in srgb,var(--bg) 80%,black)}.fm-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px dashed color-mix(in srgb,var(--fg-dim) 40%,transparent)}.fm-title{letter-spacing:.16em;color:var(--fg-dim)}.fm-close{background:none;border:none;color:var(--fg-dim);font-size:1.1rem;line-height:1;cursor:pointer}.fm-close:hover{color:var(--accent)}.fm-controls{display:flex;align-items:center;gap:.35rem;margin-left:auto;margin-right:1rem}.fm-controls button{background:none;border:1px solid color-mix(in srgb,var(--fg-dim) 45%,transparent);border-radius:3px;color:var(--fg-dim);font:inherit;padding:.15rem .5rem;cursor:pointer;line-height:1.2}.fm-controls button:hover{color:var(--accent);border-color:var(--accent)}.fm-zoom-pct{min-width:3.5ch;text-align:center;color:var(--fg-dim)}.fm-viewport{position:relative;overflow:hidden;flex:1;min-height:320px;height:60vh;cursor:grab;touch-action:none}.fm-viewport:active{cursor:grabbing}.fm-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.fm-scroll{overflow:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg-dim) 55%,transparent) transparent}.fm-graph{position:relative;margin:0 auto}.fm-graph .mm-node{position:absolute;overflow:hidden;box-sizing:border-box}.fm-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.fm-edge{fill:none;stroke:color-mix(in srgb,var(--fg-dim) 55%,transparent);stroke-width:1.5;transition:opacity .1s}.fm-edge.cross{stroke-dasharray:3 3;stroke-width:1.2}.fm-edge.active{stroke:var(--accent);stroke-width:2}.fm-edge.hl{stroke:var(--accent-2);stroke-width:2}.fm-edge.dim,.fm-edge-label.dim{opacity:.12}.fm-edge-hit{fill:none;stroke:transparent;pointer-events:stroke;cursor:pointer}.fm-edge-label{fill:var(--fg-dim);font-size:.6rem;font-style:italic;text-anchor:middle;paint-order:stroke;stroke:var(--bg-2);stroke-width:3px;stroke-linejoin:round;transition:opacity .1s}.fm-edge-label.active{fill:var(--accent)}.fm-edge-label.hl{fill:var(--accent-2)}.fm-foundation{width:min(560px,calc(100% - 2rem));margin:0 auto;border-top:1px dashed color-mix(in srgb,var(--fg-dim) 40%,transparent);padding:1rem 0;display:flex;flex-direction:column;gap:.4rem}.seq-minimap{display:flex;flex-direction:column;gap:.7rem;font:.72rem ui-monospace,monospace;flex:1}.mm-head-row{display:flex;align-items:baseline;justify-content:space-between}.mm-lane-head{letter-spacing:.16em;color:var(--fg-dim)}.mm-map-toggle{background:none;border:1px solid color-mix(in srgb,var(--fg-dim) 35%,transparent);border-radius:4px;color:var(--fg-dim);font:inherit;letter-spacing:.1em;padding:.1rem .4rem;cursor:pointer}.mm-map-toggle:hover{color:var(--accent);border-color:var(--accent-2)}.mm-group{display:flex;flex-direction:column;gap:.4rem}.mm-group-head{color:var(--fg-dim);font-size:.62rem;letter-spacing:.14em}.mm-node{display:flex;flex-direction:column;gap:.1rem;text-align:left;background:color-mix(in srgb,var(--bg-2) 88%,transparent);border:1px solid color-mix(in srgb,var(--fg-dim) 35%,transparent);border-radius:4px;color:var(--fg);padding:.4rem .5rem;cursor:pointer;font:inherit;transition:border-color .12s,background .12s;overflow:hidden}.mm-node:hover{border-color:var(--accent-2)}.mm-node.visited{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.mm-node.context{border-style:dashed;opacity:.72}.mm-node.context .mm-node-label{color:var(--fg-dim);font-weight:500}.mm-node.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-2));box-shadow:0 0 0 1px var(--accent)}.mm-node-label{color:var(--fg-strong);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-node-via{color:var(--fg-dim);font-size:.6rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-node-file{color:var(--fg-dim);font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-elided{background:none;border:1px dashed color-mix(in srgb,var(--fg-dim) 35%,transparent);border-radius:4px;color:var(--fg-dim);font:inherit;padding:.3rem .5rem;cursor:pointer;text-align:left}.mm-elided:hover{color:var(--accent);border-color:var(--accent-2)}.mm-lane-foundation{margin-top:auto;border-top:1px dashed color-mix(in srgb,var(--fg-dim) 40%,transparent);padding-top:1rem;display:flex;flex-direction:column;gap:.4rem}.mm-foundation .mm-node-label{color:var(--accent-2)}.review-switcher{border-bottom:1px solid color-mix(in srgb,var(--fg-dim) 30%,transparent);padding-bottom:1rem;margin-bottom:.4rem;font:.72rem ui-monospace,monospace}.rs-head{letter-spacing:.16em;color:var(--fg-dim);margin-bottom:.6rem}.rs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:30vh;overflow-y:auto}.rs-item{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;background:color-mix(in srgb,var(--bg-2) 70%,transparent);border:1px solid color-mix(in srgb,var(--fg-dim) 30%,transparent);border-radius:4px;color:var(--fg);padding:.4rem .5rem;cursor:pointer;font:inherit;transition:border-color .12s}.rs-item:hover{border-color:var(--accent-2)}.rs-item.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-2))}.rs-title{color:var(--fg-strong);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-meta{color:var(--fg-dim);font-size:.66rem}.branch-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.branch-card{background:var(--bg-2);border:1px solid var(--accent);border-radius:8px;padding:1.2rem 1.3rem;min-width:22rem;max-width:34rem;box-shadow:0 8px 40px #00000059}.branch-head{font:.85rem ui-monospace,monospace;color:var(--fg-strong);margin-bottom:.9rem}.branch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.branch-item{display:flex;align-items:baseline;gap:.7rem;width:100%;text-align:left;background:var(--bg);border:1px solid color-mix(in srgb,var(--fg-dim) 35%,transparent);border-radius:5px;padding:.55rem .7rem;cursor:pointer;font:inherit;color:var(--fg);transition:border-color .12s}.branch-item:hover{border-color:var(--accent)}.branch-key{font:.7rem ui-monospace,monospace;color:var(--bg);background:var(--accent);border-radius:3px;padding:.05rem .4rem}.branch-title{color:var(--fg-strong);font-weight:600;font-size:.9rem}.branch-via{font-style:italic;font-size:.8rem;color:var(--fg-dim)}.branch-file{font:.72rem ui-monospace,monospace;color:var(--fg-dim);margin-left:auto}.branch-hint{margin-top:.9rem;font:.72rem ui-monospace,monospace;color:var(--fg-dim)}.flow-review{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(180px,240px) 1fr;background-color:var(--bg);background-image:var(--bg-image);color:var(--fg);overflow:hidden}.fr-left{display:flex;flex-direction:column;gap:1rem;border-right:1px solid color-mix(in srgb,var(--fg-dim) 35%,transparent);overflow-y:auto;padding:5rem .8rem 1.4rem}.fr-stage{position:relative;overflow-y:auto;padding:3rem clamp(1.5rem,5vw,5rem) 4rem;display:flex;flex-direction:column}.flow-review.focus{grid-template-columns:1fr}.flow-review.focus .fr-stage{padding-top:clamp(3rem,12vh,9rem)}.fr-doc-title{font:.8rem/1.4 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:1.5rem}.fr-empty{color:var(--fg-dim);font:1rem ui-monospace,monospace;margin-top:4rem}.flow-review .exit-button{position:absolute;top:.9rem;right:1rem;z-index:5;background:none;border:none;color:var(--fg-dim);font-size:1.4rem;cursor:pointer;line-height:1}.flow-review .exit-button:hover{color:var(--accent)}.fr-left,.fr-stage,.flow-review .fs-diff,.rs-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg-dim) 55%,transparent) transparent}.fr-left::-webkit-scrollbar,.fr-stage::-webkit-scrollbar,.flow-review .fs-diff::-webkit-scrollbar,.rs-list::-webkit-scrollbar{width:9px;height:9px}.fr-left::-webkit-scrollbar-track,.fr-stage::-webkit-scrollbar-track,.flow-review .fs-diff::-webkit-scrollbar-track,.rs-list::-webkit-scrollbar-track{background:transparent}.fr-left::-webkit-scrollbar-thumb,.fr-stage::-webkit-scrollbar-thumb,.flow-review .fs-diff::-webkit-scrollbar-thumb,.rs-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg-dim) 45%,transparent);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.fr-left:hover::-webkit-scrollbar-thumb,.fr-stage:hover::-webkit-scrollbar-thumb,.flow-review .fs-diff:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg-dim) 70%,transparent);background-clip:padding-box}@media (max-width: 720px){.flow-review{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.settings{position:fixed;top:1rem;left:1rem;z-index:50}.settings-toggle{width:2.2rem;height:2.2rem;font-size:1rem;color:var(--fg-dim);background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.settings-toggle:hover,.settings.open .settings-toggle{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow)}.settings-body{margin-top:.6rem;width:220px;padding:1rem;background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px;display:flex;flex-direction:column;gap:1rem}.setting{display:flex;flex-direction:column;gap:.4rem;font-family:var(--ui-font);font-size:.5rem;letter-spacing:.06em;color:var(--fg-dim)}.setting b{color:var(--accent-2)}.theme-row{display:flex;gap:.4rem}.theme-btn{flex:1;font-family:var(--ui-font);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);background:var(--bg);border:2px solid var(--fg-dim);border-radius:4px;padding:.5rem .3rem}.theme-btn:hover{color:var(--accent);border-color:var(--accent)}.theme-btn.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.setting input[type=range]{width:100%;accent-color:var(--accent)}.setting-toggle-btn{font-family:var(--ui-font);font-size:.5rem;letter-spacing:.08em;color:var(--accent);background:var(--bg);border:2px solid var(--fg-dim);border-radius:4px;padding:.5rem}.setting-toggle-btn:hover{border-color:var(--accent);box-shadow:0 0 8px var(--glow)}.help{position:fixed;top:1rem;left:3.7rem;z-index:50}.help-toggle{width:2.2rem;height:2.2rem;font-size:.9rem;font-weight:700;color:var(--fg-dim);background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.help-toggle:hover,.help.open .help-toggle{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow)}.help-body{margin-top:.6rem;width:360px;padding:1rem;background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.help-title{font-family:var(--ui-font);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px var(--glow);margin-bottom:.8rem}.help-rows{margin:0;display:flex;flex-direction:column;gap:.55rem}.help-row{display:grid;grid-template-columns:9.5em 1fr;align-items:center;gap:.7rem}.help-row dt{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.2rem}.help-row kbd{font-family:var(--word-font);font-size:.95rem;line-height:1;color:var(--accent-2);background:var(--bg);border:1px solid var(--fg-dim);border-bottom-width:2px;border-radius:4px;padding:.12em .4em;white-space:nowrap}.help-sep{color:var(--fg-dim);margin:0 .1rem}.help-row dd{margin:0;font-family:var(--word-font);font-size:1.05rem;line-height:1.2;color:var(--fg)}.help-note{color:var(--fg-dim)!important;font-style:italic}.comments{position:fixed;top:1rem;right:3.7rem;z-index:60}.comments-toggle{position:relative;width:2.2rem;height:2.2rem;font-size:1rem;color:var(--fg-dim);background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.comments-toggle:hover,.comments.open .comments-toggle{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow)}.comments-badge{position:absolute;top:-.5rem;right:-.5rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;font-family:var(--ui-font);font-size:.6rem;line-height:1.1rem;color:var(--bg);background:var(--accent);border-radius:999px;box-shadow:0 0 8px var(--glow)}.comments-body{position:absolute;top:2.8rem;right:0;width:340px;max-width:calc(100vw - 2rem);max-height:70vh;display:flex;flex-direction:column;padding:.8rem;background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.comments-title{font-family:var(--ui-font);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px var(--glow)}.comments-add{font-family:var(--ui-font);font-size:.6rem;color:var(--fg-dim);background:transparent;border:1px solid var(--fg-dim);border-radius:4px;padding:.2em .5em}.comments-add:hover{color:var(--accent);border-color:var(--accent)}.comments-empty{font-family:var(--word-font);font-size:.95rem;color:var(--fg-dim);line-height:1.4}.comments-empty kbd{font-family:var(--word-font);color:var(--accent-2);background:var(--bg);border:1px solid var(--fg-dim);border-radius:4px;padding:0 .3em}.comments-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.comment-row{padding:.5rem;background:var(--bg);border:1px solid var(--fg-dim);border-radius:4px}.comment-row.resolved{opacity:.45}.comment-quote{font-family:var(--word-font);font-size:.85rem;font-style:italic;color:var(--accent-2);margin-bottom:.3rem}.comment-quote.general{color:var(--fg-dim);font-style:normal;text-transform:uppercase;font-size:.6rem;letter-spacing:.1em}.comment-text{font-family:var(--word-font);font-size:1rem;line-height:1.3;color:var(--fg);word-break:break-word}.comment-actions{display:flex;justify-content:flex-end;gap:.3rem;margin-top:.4rem}.comment-actions button{width:1.6rem;height:1.6rem;font-size:.8rem;color:var(--fg-dim);background:var(--bg-2);border:1px solid var(--fg-dim);border-radius:4px}.comment-actions button:hover{color:var(--accent);border-color:var(--accent)}.comments-foot{display:flex;gap:.5rem;margin-top:.8rem}.comments-copy{flex:1;font-family:var(--ui-font);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--accent);border:none;border-radius:4px;padding:.5em}.comments-copy:hover:not(:disabled){box-shadow:0 0 10px var(--glow)}.comments-copy:disabled{opacity:.4;background:var(--fg-dim)}.comments-clear{font-family:var(--ui-font);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);background:transparent;border:1px solid var(--fg-dim);border-radius:4px;padding:.5em .7em}.comments-clear:hover{color:var(--accent);border-color:var(--accent)}.composer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:#0000008c}.composer{width:460px;max-width:calc(100vw - 2rem);padding:1rem;background:var(--bg-2);border:2px solid var(--accent);border-radius:6px;box-shadow:0 0 24px var(--glow)}.composer-anchor{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.7rem}.composer-scope{font-family:var(--ui-font);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.composer-quote{font-family:var(--word-font);font-size:.95rem;font-style:italic;color:var(--accent-2);line-height:1.35}.composer-input{width:100%;min-height:5rem;resize:vertical;font-family:var(--word-font);font-size:1.05rem;line-height:1.35;color:var(--fg);background:var(--bg);border:1px solid var(--fg-dim);border-radius:4px;padding:.6rem}.composer-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px var(--glow)}.composer-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem}.composer-hint{font-family:var(--word-font);font-size:.8rem;color:var(--fg-dim)}.composer-hint kbd{font-family:var(--word-font);color:var(--accent-2);background:var(--bg);border:1px solid var(--fg-dim);border-radius:4px;padding:0 .3em}.composer-btns{display:flex;gap:.5rem}.composer-cancel,.composer-save{font-family:var(--ui-font);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:.5em .9em}.composer-cancel{color:var(--fg-dim);background:transparent;border:1px solid var(--fg-dim)}.composer-cancel:hover{color:var(--accent);border-color:var(--accent)}.composer-save{color:var(--bg);background:var(--accent);border:none}.composer-save:hover:not(:disabled){box-shadow:0 0 10px var(--glow)}.composer-save:disabled{opacity:.4;background:var(--fg-dim)}.pw.commented{text-decoration:underline wavy var(--accent-2);text-underline-offset:.25em}.comments-head-actions{display:flex;align-items:center;gap:.4rem}.comments-capture{width:1.9rem;height:1.9rem;font-size:.95rem;color:var(--bg);background:var(--accent);border:none;border-radius:4px}.comments-capture:hover{box-shadow:0 0 10px var(--glow)}@media (hover: none){.comments-capture{width:2.4rem;height:2.4rem;font-size:1.05rem}}@media (hover: none){.comment-actions button{width:2.4rem;height:2.4rem;font-size:1rem}.comments-toggle{font-size:1.1rem}}@media (max-width: 600px){.comments-body{position:fixed;top:3.6rem;left:.6rem;right:.6rem;width:auto;max-width:none;max-height:75vh}}@media (max-width: 600px){.composer-backdrop{align-items:flex-start}.composer{width:100%;max-width:none;margin:3.2rem .6rem 0;max-height:calc(100dvh - 4rem);overflow-y:auto}.composer-input{min-height:6rem}}@media (hover: none){.composer-hint{display:none}.composer-foot{justify-content:flex-end}}.library{position:fixed;top:1rem;left:6.4rem;z-index:50}.library-toggle{position:relative;width:2.2rem;height:2.2rem;font-size:1rem;font-weight:700;color:var(--fg-dim);background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.library-toggle:hover,.library.open .library-toggle{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow)}.library-badge{position:absolute;top:-.4rem;right:-.4rem;min-width:1.05rem;height:1.05rem;padding:0 .25rem;font-family:var(--ui-font);font-size:.6rem;font-weight:700;line-height:1.05rem;color:var(--bg);background:var(--accent);border-radius:999px;box-shadow:0 0 8px var(--glow)}.library-body{margin-top:.6rem;width:320px;max-width:calc(100vw - 2rem);padding:.9rem;background:var(--bg-2);border:2px solid var(--fg-dim);border-radius:4px}.library-title{font-family:var(--ui-font);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px var(--glow);margin-bottom:.7rem}.library-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.2rem;max-height:60vh;overflow-y:auto}.library-item{display:grid;grid-template-columns:.7rem 1fr auto auto;align-items:center;gap:.55rem;padding:.4rem .5rem;border:1px solid transparent;border-radius:4px;cursor:pointer}.library-empty{font-family:var(--word-font);font-size:.95rem;line-height:1.35;color:var(--fg-dim);padding:.3rem .2rem .1rem}.library-item.sel{border-color:var(--accent);background:var(--bg);box-shadow:0 0 8px var(--glow)}.li-dot{width:.5rem;height:.5rem;border-radius:999px;border:1px solid var(--fg-dim);justify-self:center}.library-item.active .li-dot{background:var(--fg-dim);border-color:var(--fg-dim)}.li-dot.unread{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--glow)}.li-title{font-family:var(--word-font);font-size:1rem;line-height:1.2;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item.active .li-title{color:var(--accent-2)}.li-src{font-family:var(--ui-font);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--fg-dim);border-radius:3px;padding:.1rem .3rem;white-space:nowrap}.library-item.active .li-src{background:var(--accent)}.li-time{font-family:var(--ui-font);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap}