.narrative-panel{background:#000;--narrative-keyboard-gap:0px;padding:0;align-items:stretch;touch-action:pan-x pan-y}
.narrative-panel .story{box-sizing:border-box;width:100%;height:calc(100% - var(--narrative-keyboard-gap));max-width:100%;margin:0;padding:85px 9% 100px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;justify-content:safe center;gap:0;outline:none}
.narrative-panel .story{scroll-padding-top:65px;scroll-padding-bottom:90px}
.narrative-panel .story{padding-right:max(9%,40px)}
.narrative-panel .story{clip-path:inset(65px 0 0)}
.narrative-active>.welcome{visibility:hidden;opacity:0!important}
.narrative-panel .story{overscroll-behavior:auto}
.narrative-panel:has(.narrative-input:focus) .story{overscroll-behavior:contain}
.narrative-panel .small{font:9px/1.7 'Courier New',monospace;letter-spacing:.2em;margin:0 0 25px;color:#939393;min-height:16px}
.narrative-panel .story-title{font-size:clamp(25px,5vw,42px);line-height:1.25;letter-spacing:.035em;color:#eee;margin:0 0 25px;text-shadow:none;animation:none;filter:none;overflow-wrap:anywhere}
.narrative-copy{position:relative;font:clamp(14px,2.8vw,17px)/1.75 'Courier New',monospace;letter-spacing:.025em;color:#c8c8c8;white-space:pre-wrap;overflow-wrap:anywhere}
.narrative-panel .story-title{position:relative}
.narrative-title-measure{visibility:hidden}
.narrative-title-visual{position:absolute;inset:0}
.narrative-measure{visibility:hidden;pointer-events:none}
.narrative-typed{position:absolute;inset:0;white-space:pre-wrap}
.narrative-panel .narrative-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap}
.narrative-panel .narrative-input-label{font:8px/1.7 'Courier New',monospace;letter-spacing:.13em;color:#777;margin:26px 0 8px}
.narrative-input-line{display:flex;align-items:flex-start;gap:12px;min-height:48px;flex-shrink:0;color:#bbb;padding:4px 0}
.narrative-input-line:focus-within{outline:1px solid #777;outline-offset:5px}
.narrative-input-line .archive-prompt{font-size:16px;line-height:1.7}
.narrative-input-wrap{position:relative;flex:1;min-width:0;min-height:48px}
.narrative-input{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;font:16px/1.7 'Courier New',monospace;background:transparent;border:0;outline:none;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;resize:none;scrollbar-width:none}
.narrative-input-visual{font:16px/1.7 'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;min-height:48px}
.narrative-panel .story:focus-visible{outline:1px solid #555;outline-offset:-8px}
.narrative-panel .story-eq{pointer-events:none}
@media(orientation:landscape) and (max-height:550px){.narrative-panel .story{padding:70px 40px 75px 8%;justify-content:flex-start}.narrative-panel .story-title{font-size:23px}.narrative-copy{font-size:14px}.narrative-panel .small,.narrative-panel .story-title{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.narrative-panel .archive-block{animation:none}}