@font-face{font-family:WhisperGrotesk;src:url('/fonts/grotesk.woff2') format('woff2');font-display:swap}@font-face{font-family:WhisperMono;src:url('/fonts/mono.woff2') format('woff2');font-display:swap}@font-face{font-family:WhisperEditorial;src:url('/fonts/editorial.woff2') format('woff2');font-display:swap}
:root{--ink:#080908;--paper:#e7e8db;--muted:#85897c;--quiet:#51594e;--line:#ffffff17;--amber:#edb96a;--amber-hot:#ffd898;--read:#c8d4bd;--pad:clamp(24px,4.5vw,88px);color-scheme:dark;--mx:0;--my:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font-family:WhisperGrotesk,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:'';position:absolute;top:0;left:0;right:0;height:1250px;pointer-events:none;background:radial-gradient(ellipse at 54% 45%,#bb955b0b,transparent 65%);z-index:-1}::selection{color:#090a08;background:var(--amber)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:1px solid var(--amber);outline-offset:7px}button:disabled{cursor:default;opacity:.4}.skip-link{position:fixed;z-index:20;top:-80px;left:20px;padding:14px 20px;background:var(--amber);color:var(--ink);font-size:12px}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{height:101px;display:flex;align-items:center;gap:36px;margin:0 var(--pad);border-bottom:1px solid var(--line);position:relative;z-index:4}.brand{display:flex;align-items:center;gap:16px;font-size:19px;letter-spacing:.12em}.brand-mark{font-family:WhisperMono,monospace;font-size:23px;letter-spacing:-.12em;white-space:nowrap;margin-right:3px}.brand-mark i{font-style:normal;color:var(--amber);font-size:19px}.brand small{display:block;font-family:WhisperMono,monospace;letter-spacing:.16em;font-size:6px;color:var(--muted);margin-top:9px}.observatory-link{margin-left:auto;font-family:WhisperMono,monospace;font-size:9px;letter-spacing:.015em;color:#a0a597;display:flex;gap:30px;align-items:center;transition:color .2s}.observatory-link:hover{color:var(--paper)}.observatory-link span{font-size:16px;color:var(--amber)}.header-state{display:flex;align-items:center;gap:9px;font:8px WhisperMono,monospace;letter-spacing:.07em;border-left:1px solid var(--line);padding-left:34px;min-width:105px}.status-dot{width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px #edb96a55}.specimen-line{display:flex;align-items:center;justify-content:space-between;gap:30px;font:7px WhisperMono,monospace;letter-spacing:.09em;color:#727a68;margin:24px var(--pad) 0}.specimen-line span:last-child{color:#9a9f8c}.brain-observatory{position:relative;margin:0 var(--pad)}.masthead{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;padding:58px 0 0;pointer-events:none}.eyebrow{font:8px WhisperMono,monospace;letter-spacing:.1em;color:var(--muted);margin:0}.masthead .eyebrow{display:flex;gap:13px;align-items:center}.tiny-cross{font-size:14px;font-weight:400;color:var(--amber)}h1{font-family:WhisperEditorial,Georgia,serif;font-size:clamp(91px,12.4vw,194px);font-weight:400;line-height:1;letter-spacing:-.055em;margin:10px 0 -6px}h1>span{color:var(--amber)}.masthead-copy{font-size:clamp(16px,1.6vw,25px);line-height:1.45;letter-spacing:-.025em;margin:0 0 20px;max-width:320px;color:#aeb3a3;padding-right:8px}.masthead-copy em{font-family:WhisperEditorial,Georgia,serif;color:var(--paper);font-size:1.15em;font-weight:400}
.neural-stage{height:690px;position:relative;margin-top:-55px;isolation:isolate;touch-action:pan-y}#neuralCanvas{position:absolute;width:calc(100% + 2 * var(--pad));height:100%;left:calc(-1 * var(--pad));top:0;display:block;z-index:-2;pointer-events:none}.stage-vignette{position:absolute;inset:0 -1px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080908a8,transparent 25%,transparent 75%,#080908a8),linear-gradient(0deg,#080908 0,transparent 20%,transparent 85%,#08090866)}.stage-register{display:flex;justify-content:space-between;position:absolute;top:95px;left:0;right:0;font:6px WhisperMono,monospace;letter-spacing:.14em;color:#515b48}.stage-register span:last-child{color:#bfb497}.coordinate{position:absolute;top:43%;font:6px WhisperMono,monospace;letter-spacing:.17em;color:#4a5542;writing-mode:vertical-rl;pointer-events:none}.coordinate-left{left:-24px;transform:rotate(180deg)}.coordinate-right{right:-24px}.brain-axis{position:absolute;left:50%;top:117px;bottom:190px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none;color:#817554;font:6px WhisperMono,monospace;opacity:.6}.brain-axis>i{width:14px;height:14px;position:relative;display:block}.brain-axis>i:before,.brain-axis>i:after{content:'';position:absolute;left:50%;top:50%;height:1px;width:14px;background:#b2986d66;transform:translate(-50%,-50%)}.brain-axis>i:after{transform:translate(-50%,-50%) rotate(90deg)}.brain-axis>span{position:absolute;top:-20px}.channel{position:absolute;top:233px;width:23%;max-width:290px;min-height:250px;transition:transform .5s,color .5s;--channel-color:var(--read)}.channel-reading{left:0}.channel-writing{right:0;--channel-color:var(--amber)}.channel-index{display:flex;align-items:center;justify-content:space-between;font:7px WhisperMono,monospace;letter-spacing:.09em;color:#6f7b63}.channel-writing .channel-index{color:#9c855f}.channel-lamp{width:3px;height:3px;background:var(--channel-color);box-shadow:0 0 12px #e4c68c44}.channel h2{font-family:WhisperEditorial,Georgia,serif;font-size:clamp(32px,3.7vw,55px);font-weight:400;line-height:1;letter-spacing:-.03em;margin:22px 0 12px}.channel h2 span{color:var(--channel-color)}.channel-caption{font-size:10px;color:#808b76;margin:0 0 30px;line-height:1.5}.channel-writing .channel-caption{color:#9c8b72}.word-field{min-height:72px;font-family:WhisperEditorial,Georgia,serif;line-height:1.6;font-size:20px;color:#c5cdb9;letter-spacing:-.01em;overflow-wrap:anywhere;display:block}.word-placeholder{font-family:WhisperMono,monospace;font-size:9px;color:#515d47;letter-spacing:0;line-height:1.8;display:block;max-width:170px}.channel-writing .word-placeholder{color:#6e604a}.output-field{color:#efd3a6}.word-field .word{display:inline-block;transition:color .35s,text-shadow .35s;position:relative}.word-field .word.active,.word-field .word.current{color:#fff6db;text-shadow:0 0 18px #ffcd7e88}.input-field .word.active{color:#e4efd2;text-shadow:0 0 16px #d1e9aa77}.signal-track{height:1px;position:relative;background:#ffffff13;margin-top:14px;overflow:visible}.signal-track:before{position:absolute;content:'';height:5px;width:1px;background:#ffffff28;left:0;top:-2px}.signal-track:after{position:absolute;content:'';height:5px;width:1px;background:#ffffff28;right:0;top:-2px}.signal-track>span{width:0;position:absolute;left:0;top:0;height:1px;background:var(--channel-color);box-shadow:0 0 14px #e4c68c88;transition:width .5s ease}.channel-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:11px;font:5.5px WhisperMono,monospace;letter-spacing:.04em;line-height:1.6;margin-top:13px;color:#5e6a53}.channel-meta b{font-weight:400;color:var(--channel-color);font-size:7px;margin-right:4px}.channel-writing .channel-meta{color:#78674d}.channel-tail{position:absolute;top:46%;width:clamp(45px,5.4vw,85px);height:20px;left:calc(100% + 15px);display:flex;align-items:center;gap:9px;color:var(--channel-color);opacity:.4;pointer-events:none}.channel-tail span{height:1px;flex:1;background:linear-gradient(90deg,transparent,currentColor)}.channel-tail i{height:2px;width:2px;flex:0 0 2px;background:currentColor}.channel-writing .channel-tail{left:auto;right:calc(100% + 15px);transform:rotate(180deg)}.neural-stage[data-phase=reading] .channel-reading .channel-lamp,.neural-stage[data-phase=writing] .channel-writing .channel-lamp{box-shadow:0 0 14px 3px var(--channel-color)}.neural-stage[data-phase=reading] .channel-reading .channel-tail,.neural-stage[data-phase=writing] .channel-writing .channel-tail{opacity:1}.neural-stage[data-phase=reading] .channel-reading h2,.neural-stage[data-phase=writing] .channel-writing h2{color:var(--channel-color)}.brain-state{position:absolute;bottom:102px;left:25%;right:25%;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:10px;font-family:WhisperMono,monospace;color:#d0c3a7;font-size:8px;letter-spacing:.03em}.brain-state-dot{height:3px;width:3px;background:var(--amber);box-shadow:0 0 10px #ffcc8877}.brain-state small{display:block;flex:0 0 100%;font-size:7px;color:#737c68;line-height:1.7;max-width:300px;margin:auto}.stage-bottom{position:absolute;left:0;right:0;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:6px WhisperMono,monospace;letter-spacing:.08em;color:#66705c}.cursor-note{display:flex;align-items:center;gap:14px}.cursor-note>span{color:#bfac86;font-size:14px}.motion-button{display:flex;gap:10px;align-items:center;color:#8d927e;font:7px WhisperMono,monospace;padding:10px;transition:color .2s}.motion-button:hover{color:var(--amber)}.pause-icon{font-size:10px;color:#b2a17d}.instrument-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;position:relative}.mode-controls{display:flex;gap:28px;align-items:center;flex-shrink:0}.mode-controls button{font:8px WhisperMono,monospace;color:#656f5b;padding:9px 0;display:flex;align-items:center;gap:15px;transition:color .2s;white-space:nowrap}.mode-controls button:hover{color:var(--paper)}.mode-controls button[aria-pressed=true]{color:var(--amber)}.control-dot{width:3px;height:3px;background:currentColor}.instrument-footer>p{font:6px WhisperMono,monospace;line-height:1.9;color:#5c6852;max-width:245px;margin:0}.reading-counters{display:flex;gap:27px;align-items:center;font:5.5px WhisperMono,monospace;color:#606d55;white-space:nowrap}.reading-counters b{font-size:15px;font-weight:400;color:#c2c9b1;display:block;letter-spacing:-.04em;line-height:1.6}
.thought-record{padding:70px 0 65px;margin:0 var(--pad)}.record-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:47px}.record-heading .eyebrow{font-size:7px}.record-status{font:6px WhisperMono,monospace;color:#7e896e;letter-spacing:.06em;display:flex;align-items:center;gap:9px}.record-status i{height:3px;width:3px;background:#b4bd96}.thought-layout{display:grid;grid-template-columns:1fr 1.75fr;gap:10vw}.thought-intro h2{font-size:clamp(48px,5.2vw,84px);letter-spacing:-.055em;line-height:.97;font-weight:400;margin:0 0 26px}.thought-intro h2 em{font-family:WhisperEditorial,Georgia,serif;color:var(--amber);font-weight:400;font-size:1.15em}.thought-intro p{font-size:11px;line-height:1.9;color:#7a856d;margin:0}.replay-button{display:flex;align-items:center;gap:12px;font:8px WhisperMono,monospace;padding:18px 0;margin-top:29px;border-bottom:1px solid #9a8a6244;color:#bcad89;transition:color .2s,gap .2s}.replay-button:hover{color:var(--amber-hot);gap:18px}.replay-icon{font-family:Arial,sans-serif;font-size:19px}.replay-button>span:last-child{margin-left:22px}.thought-copy{position:relative;padding-top:4px}.quote-mark{font:90px/.8 WhisperEditorial,Georgia,serif;position:absolute;top:-15px;left:-42px;color:#8b774f;opacity:.7;pointer-events:none}blockquote{font-family:WhisperEditorial,Georgia,serif;font-size:clamp(29px,3.1vw,49px);font-weight:400;line-height:1.3;letter-spacing:-.027em;margin:0 0 40px;color:#d4d9c5;overflow-wrap:anywhere}.thought-meta{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:20px;justify-content:space-between;align-items:flex-start;font:6px WhisperMono,monospace;line-height:1.8;color:#68745c}.proof-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.proof-links a{font-size:7px;color:#a69d7c;white-space:nowrap;transition:color .2s}.proof-links a:hover{color:var(--amber)}.thought-history{margin:0 var(--pad);border-top:1px solid var(--line);padding:28px 0 74px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 25px}.history-heading h2{font-family:WhisperEditorial,Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-.035em;margin:0}.history-heading h2 span{font-family:WhisperMono,monospace;font-size:6px;letter-spacing:.07em;color:#626e57;margin-left:20px;vertical-align:middle}.history-heading p{font:7px WhisperMono,monospace;color:#7c886c;margin:0}.history-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.history-list>button,.history-item,.history-button{width:100%;text-align:left;border-top:1px solid var(--line);display:grid;grid-template-columns:44px 1fr 15px;gap:19px;padding:21px 0;position:relative;align-items:start;background:none;transition:color .25s,transform .25s,border-color .25s;cursor:pointer}.history-list>button:hover,.history-item:hover,.history-button:hover{color:var(--amber);border-color:#edb96a55;transform:translateX(4px)}.history-list>button[aria-pressed=true],.history-item[aria-pressed=true],.history-button[aria-pressed=true]{border-color:#edb96a77;color:var(--amber)}.history-list time,.history-time{font:6px WhisperMono,monospace;color:#737e64;line-height:2.2}.history-list .history-text,.history-list .history-answer,.history-item p,.history-button p{font-family:WhisperEditorial,Georgia,serif;font-size:17px;font-weight:400;line-height:1.5;margin:0;color:#aeb89d}.history-list .history-arrow,.history-list .history-play{font-size:12px;color:#9b8a5f}.history-empty{font:8px WhisperMono,monospace;color:#69765c;padding-top:25px}.site-footer{margin:0 var(--pad);border-top:1px solid var(--line);padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font:10px WhisperMono,monospace;letter-spacing:.02em;color:#b0b99e}.site-footer>p{font-size:9px;color:#7b876b;line-height:1.9;margin:0}.site-footer>p span{color:#b1b99f}.site-footer>a:not(.footer-brand){font:7px WhisperMono,monospace;color:#8f9b7b;display:flex;gap:35px}.site-footer>a:not(.footer-brand):hover{color:var(--amber)}.footer-register{font:6px WhisperMono,monospace;letter-spacing:.08em;color:#525f45}
@media(min-width:1700px){.neural-stage{height:800px}.channel{top:300px}.brain-state{bottom:120px}.stage-register{top:120px}}@media(max-width:1150px){.masthead-copy{font-size:18px}.channel{width:24%;max-width:240px;top:250px}.channel-caption{font-size:9px}.word-field{font-size:17px}.channel-tail{width:36px;gap:6px}.channel-tail i:last-child{display:none}.channel-meta{font-size:5px}.instrument-footer{gap:18px;flex-wrap:wrap}.instrument-footer>p{order:3;max-width:none;flex:1 1 100%;text-align:center;padding-top:5px;font-size:6px}.thought-layout{gap:9vw}.reading-counters{gap:25px}.quote-mark{left:-30px;font-size:70px}.proof-links{gap:12px}}
@media(max-width:760px){:root{--pad:24px}.site-header{height:83px;gap:16px}.brand{font-size:16px;gap:10px}.brand-mark{font-size:20px}.brand small{font-size:5px;letter-spacing:.1em;margin-top:7px}.observatory-link{font-size:7px;gap:12px}.observatory-link span{font-size:12px}.header-state{font-size:6px;min-width:0;padding-left:16px;gap:6px}.specimen-line{margin-top:18px;font-size:5px;gap:12px;line-height:1.8}.specimen-line span:last-child{display:none}.masthead{padding-top:38px;align-items:flex-start;gap:18px}.masthead .eyebrow{font-size:5.4px;letter-spacing:.04em;gap:8px}.tiny-cross{font-size:10px}h1{font-size:clamp(84px,15.7vw,120px);margin:12px 0 0;letter-spacing:-.06em}.masthead-copy{font-size:12px;line-height:1.6;max-width:150px;margin-top:50px;padding:0}.neural-stage{height:775px;margin-top:-18px}.stage-register{top:35px;font-size:5px;letter-spacing:.06em}.coordinate{font-size:5px;top:27%}.coordinate-left{left:-14px}.coordinate-right{right:-14px}.brain-axis{top:70px;bottom:360px}.brain-axis>span{top:-18px;font-size:5px}.brain-axis>i{width:9px;height:9px}.brain-axis>i:before,.brain-axis>i:after{width:9px}.channel{width:46%;top:450px;max-width:none;min-height:215px}.channel-reading{left:0}.channel-writing{right:0}.channel-index{font-size:5px}.channel-lamp{width:2px;height:2px}.channel h2{font-size:39px;margin:15px 0 10px}.channel-caption{font-size:8px;margin-bottom:18px;max-width:160px}.word-field{min-height:70px;font-size:16px;line-height:1.5}.word-placeholder{font-size:7px;max-width:130px}.channel-tail{display:none}.channel-meta{font-size:4.5px;gap:6px;display:block;line-height:1.9;margin-top:10px}.channel-meta>span{display:block}.channel-meta b{font-size:6px}.signal-track{margin-top:9px}.brain-state{top:375px;bottom:auto;left:10%;right:10%;font-size:7px;row-gap:7px}.brain-state small{font-size:6px;max-width:250px}.stage-bottom{bottom:23px;font-size:5px;gap:15px;flex-wrap:wrap}.cursor-note{gap:8px}.cursor-note>span{font-size:11px}.motion-button{font-size:6px;gap:7px;padding:7px 0}.stage-bottom #freshness{margin-left:auto}.instrument-footer{padding:16px 0;gap:20px}.mode-controls{gap:25px;justify-content:space-between;width:100%}.mode-controls button{font-size:7px;gap:12px}.reading-counters{width:100%;justify-content:space-between;padding-top:5px;gap:10px;font-size:5px}.reading-counters b{font-size:20px;line-height:1.8}.instrument-footer>p{font-size:5.5px;line-height:1.9;padding:0;text-align:left;order:3}.thought-record{padding:43px 0 38px}.record-heading{margin-bottom:30px;align-items:flex-start;gap:20px}.record-heading .eyebrow{font-size:5.5px;max-width:145px;line-height:1.8}.record-status{font-size:5px;line-height:1.8;max-width:135px;align-items:flex-start}.record-status i{margin-top:3px;flex-shrink:0}.thought-layout{grid-template-columns:1fr;gap:37px}.thought-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px}.thought-intro h2{font-size:52px;grid-row:1/3;margin:0;line-height:1.02}.thought-intro p{font-size:9px;line-height:1.8;align-self:center}.replay-button{font-size:6px;gap:7px;margin:0;align-self:end;justify-self:start;padding:8px 0}.replay-icon{font-size:16px}.replay-button>span:last-child{margin-left:5px}.thought-copy{padding-left:20px}.quote-mark{font-size:65px;left:-5px;top:-7px}blockquote{font-size:31px;line-height:1.3;letter-spacing:-.025em;margin:0 0 26px}.thought-meta{font-size:5px;display:block;padding-top:14px}.proof-links{justify-content:flex-start;gap:22px;margin-top:13px}.proof-links a{font-size:6px}.thought-history{padding:24px 0 38px}.history-heading{display:block;margin-bottom:20px}.history-heading h2{font-size:30px}.history-heading h2 span{font-size:5px;margin-left:14px}.history-heading p{font-size:6px;margin-top:13px}.history-list{grid-template-columns:1fr;gap:0}.history-list>button,.history-item,.history-button{grid-template-columns:34px 1fr 12px;gap:14px;padding:20px 0}.history-list .history-text,.history-list .history-answer,.history-item p,.history-button p{font-size:17px}.history-list time,.history-time{font-size:5px;line-height:2.8}.site-footer{padding:25px 0;gap:25px;flex-wrap:wrap}.footer-brand{font-size:9px}.site-footer>p{font-size:8px;margin-left:auto}.site-footer>a:not(.footer-brand){font-size:6px;gap:20px;order:3}.footer-register{font-size:5px;order:4;margin-left:auto}}
@media(max-width:420px){:root{--pad:20px}.observatory-link{font-size:6px;gap:7px}.brand{font-size:14px}.brand small{font-size:4.5px}.header-state{font-size:5px;padding-left:12px}.masthead{display:block}.masthead-copy{font-size:12px;max-width:none;margin:21px 0 0;line-height:1.6;text-align:right;position:absolute;right:0;top:135px}h1{font-size:97px}.neural-stage{margin-top:22px;height:775px}.stage-register{top:24px}.stage-register span:first-child{max-width:120px;line-height:1.9}.brain-axis{top:65px}.channel{top:448px}.channel h2{font-size:34px}.brain-state{top:371px}.stage-bottom #freshness{font-size:4.5px}.cursor-note{font-size:4.5px;gap:5px}.thought-intro h2{font-size:46px}.replay-button{font-size:5.5px}.reading-counters b{font-size:19px}.history-heading h2 span{font-size:4.5px}}
.channel:hover{transform:translateY(-4px)}.channel:hover .channel-lamp{box-shadow:0 0 18px 3px var(--channel-color)}.word-field .word:hover{color:#fff6df;text-shadow:0 0 20px #ffd59999}.brand:hover .brand-mark{color:var(--amber)}.reading-counters>span{transition:color .25s}.reading-counters>span:hover,.reading-counters>span:hover b{color:var(--amber)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.history-list>button:hover,.history-item:hover,.history-button:hover,.channel:hover{transform:none}}body[data-motion=paused] *{animation-play-state:paused!important}
/* Signal lanes are illustrative while live; replay bars trace actual recorded words. */
body[data-mode=live] .neural-stage[data-phase=reading] #inputProgress,body[data-mode=live] .neural-stage[data-phase=writing] #outputProgress{background:linear-gradient(90deg,transparent,var(--channel-color),transparent);background-size:220% 100%;animation:signal-current 1.6s linear infinite;opacity:.65}
@keyframes signal-current{from{background-position:180% 0}to{background-position:-100% 0}}
.motion-button,.mode-controls button{min-height:36px}.channel-meta{font-size:7px}.stage-register{font-size:7px}.reading-counters{font-size:6.5px}.stage-bottom{font-size:7px}
@media(max-width:760px){.motion-button,.mode-controls button{min-height:38px;font-size:8px}.channel-meta{font-size:6px}.channel-meta b{font-size:8px}.stage-register{font-size:6px}.stage-bottom{font-size:6px}.channel-caption{font-size:9px}.word-placeholder{font-size:8px}.instrument-footer>p{font-size:7px}.reading-counters{font-size:6px}}
@media(max-width:420px){h1{font-size:clamp(72px,22vw,91px)}.stage-bottom #freshness{font-size:5px}}
.hash-field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;align-content:start;min-height:87px;font-family:WhisperMono,monospace;font-size:12px;line-height:1.6;letter-spacing:.07em;color:#81947e}.hash-field .word-placeholder{grid-column:1/-1}.hash-part{display:block;transition:color .25s,text-shadow .25s;cursor:crosshair}.hash-part:hover,.hash-part.current{color:#e5f4d7;text-shadow:0 0 14px #c8e9b7bb}.neural-stage[data-phase=reading] .hash-field[data-reading=true] .hash-part{animation:hash-synapse 1.7s ease-in-out infinite;animation-delay:var(--hash-delay)}@keyframes hash-synapse{0%,75%,100%{color:#71856d;text-shadow:none}35%{color:#e5f4d7;text-shadow:0 0 17px #c8e9b7bb}}
@media(max-width:760px){.hash-field{font-size:10px;letter-spacing:.035em;gap:4px 7px;min-height:85px}}
/* Keep the newest output words visible without covering the mobile controls. */
.output-field{max-height:160px;overflow:hidden}@media(max-width:760px){.output-field{max-height:96px}}