:root{color:#111;background:#f7f7f5;font-family:DM Mono,Courier New,monospace;font-synthesis:none;--serif: "Libre Caslon Text", Georgia, serif;--mono: "DM Mono", "Courier New", monospace;--edge: 24px}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#f7f7f5}body{overflow:hidden}button,input{font:inherit}button,a{color:inherit}button:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid currentColor;outline-offset:3px}.site-shell{position:relative;width:100vw;height:100dvh;min-height:600px;overflow:hidden;background:#f7f7f5}.masthead{position:absolute;z-index:20;top:20px;left:50%;display:flex;width:calc(100% - 48px);transform:translate(-50%);align-items:flex-start;justify-content:center}.wordmark{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1;letter-spacing:-.03em;text-decoration:none}.intro{position:absolute;z-index:2;top:71px;left:50%;width:min(500px,72vw);transform:translate(-50%);text-align:center;opacity:0;pointer-events:none}.intro h1{margin:0 0 14px;font-family:var(--serif);font-size:38px;font-weight:400;letter-spacing:-.04em}.intro p{margin:0;font-family:var(--serif);font-size:14px;line-height:1.45}.visual-stage{position:absolute;inset:68px 0 0}.visual{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .38s ease,visibility .38s step-end}.visual.is-active{opacity:1;visibility:visible;transition:opacity .38s ease}.visual--tokens{color:#111}.attention-shell{--attention-green: #00ff41;position:relative;width:100%;height:100%;overflow:hidden;font-family:var(--mono);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}.attention-main{position:relative;z-index:20;display:flex;width:min(72rem,100%);height:100%;margin-inline:auto;padding:0 32px;align-items:center;justify-content:center;transform:translateY(-32px)}.sentence-display{display:flex;flex-wrap:wrap;align-items:flex-end;width:100%;max-width:800px;min-height:160px;margin-inline:auto;row-gap:12px;align-content:center;justify-content:flex-start;font-size:18px;line-height:1.5;text-align:left}.word-group{display:none;flex-direction:row;align-items:flex-end;margin-right:.38em}.word-group:has(.token-wrapper.is-visible){display:flex}.token-wrapper{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translate3d(0,4px,0) scale(.99);will-change:opacity,transform}.token-wrapper.is-punctuation{margin-left:-.22em;margin-right:.18em}.token-wrapper.predicting .token{opacity:0}.token-wrapper.is-visible{opacity:1;transform:translateZ(0) scale(1)}.sentence-display.is-backspacing .token-wrapper{align-items:flex-start}.token-wrapper.backspacing .token:after{position:absolute;top:0;right:-1px;width:1px;height:1.5em;background:#111;content:""}.token-wrapper.predicting[data-ghost-token]:after{position:absolute;z-index:5;top:0;left:0;display:inline-block;max-width:min(28ch,calc(100vw - 64px));overflow:hidden;transform:translateY(0);color:#11111161;font-family:inherit;letter-spacing:-.02em;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;content:attr(data-ghost-token);pointer-events:none;transition:color .14s ease;animation:ghost-token-morph .28s cubic-bezier(.22,1,.36,1) both}.token-wrapper.predicting.is-assigned[data-ghost-token]:after{color:#111;animation:none}.token{position:relative;z-index:4;display:inline-block;padding-bottom:4px;color:#111;font-family:inherit;letter-spacing:-.02em;cursor:text;-webkit-user-select:text;user-select:text;transition:color .16s ease}.token-wrapper.connection-flash .token{color:var(--attention-green)}.weight-label{position:absolute;z-index:3;bottom:-5.2px;left:50%;padding:1px 3px;transform:translate(-50%);border-radius:999px;background:#f7f7f5;color:#1111119e;font-size:10px;line-height:1.15;letter-spacing:-.02em;white-space:nowrap;animation:attention-fade-in .12s ease both}#attention-canvas{position:absolute;z-index:21;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.attention-line{fill:none;stroke:#111;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;shape-rendering:crispEdges;stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-attention-line .45s cubic-bezier(.4,0,.2,1) forwards}.attention-tick{animation-duration:.12s;animation-delay:0s}.speed-realtime .attention-line{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.realtime-attention-burst{opacity:.72;transition:opacity .06s ease}.realtime-attention-burst.is-fading{opacity:0}.suggestion-layer{position:absolute;z-index:25;inset:0;overflow:visible;pointer-events:none}.predictor-hint{position:absolute;display:flex;min-width:220px;width:min(220px,calc(100vw - 32px));max-height:calc(100% - 16px);padding:8px 10px;flex-direction:column;border-radius:6px;background:#f7f7f5;text-align:left}.predictor-hint.is-docked{transform:translate(-50%)}.predictor-stage{margin-bottom:3px;color:#1111118c;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.predictor-stack{display:flex;min-height:0;flex-direction:column-reverse;gap:2px;overflow:hidden}.predictor-option{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:12px;color:#111111e0;font-size:12px;line-height:1.2}.predictor-weight{color:#1111119e}.predictor-option.is-new{animation:candidate-rise .17s ease}.predictor-option.is-selected{color:var(--attention-green)}#speed-nav{position:absolute;z-index:50;bottom:15px;left:50%;display:flex;transform:translate(-50%);flex-direction:column;align-items:center}.speed-timeline{width:172.5px}.speed-timeline-readout{display:block;width:100%;margin:0 0 12px;padding:0;appearance:none;border:0;background:none;color:inherit;font-size:10px;line-height:1;text-align:center;white-space:nowrap;cursor:default}.speed-timeline-track-row{position:relative;display:flex;min-height:18px;align-items:center}.speed-timeline-track-row:before{position:absolute;top:50%;right:0;left:0;height:1px;transform:translateY(-50%);background:#111;content:"";pointer-events:none}.speed-timeline-slider{width:100%;height:18px;margin:0;appearance:none;border:0;outline:none;background:transparent;cursor:pointer}.speed-timeline-slider::-webkit-slider-runnable-track{height:18px;background:transparent}.speed-timeline-slider::-webkit-slider-thumb{width:1px;height:15px;appearance:none;border:0;background:transparent}.speed-timeline-slider::-moz-range-track{height:18px;border:0;background:transparent}.speed-timeline-slider::-moz-range-thumb{width:1px;height:15px;border:0;border-radius:0;background:transparent}.speed-timeline-thumb{position:absolute;top:50%;left:50%;width:1px;height:9.75px;transform:translate(-50%,-50%);background:#111;transition:left .09s cubic-bezier(.22,1,.36,1);pointer-events:none}.speed-timeline-thumb.is-slamming{transition:left .32s cubic-bezier(.83,0,.17,1)}.speed-timeline-track-row:hover .speed-timeline-thumb{background-color:var(--attention-green)}.visual-copy{position:absolute;z-index:11;right:var(--edge);bottom:20px;width:min(350px,31vw);font-size:9px;line-height:1.45;text-align:right}.visual-copy p{margin:0}@keyframes attention-fade-in{0%{opacity:0}to{opacity:1}}@keyframes candidate-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-attention-line{to{stroke-dashoffset:0}}@keyframes ghost-token-morph{0%{opacity:.18;transform:translateY(3px)}to{opacity:.42;transform:translateY(0)}}@media(max-width:760px){:root{--edge: 16px}.site-shell{min-height:520px}.masthead{top:16px;width:calc(100% - 32px)}.wordmark{font-size:27px}.visual-stage{inset:68px 0 0}.attention-main{height:calc(100% - 164px);padding:0 32px;align-items:center;transform:none}.sentence-display{min-height:0;font-size:17px;row-gap:12px}.weight-label{bottom:-4.6px;padding-inline:2px;font-size:9px}.predictor-hint{width:min(176px,calc(100vw - 32px));min-width:0;padding:6px 7px;border-radius:5px}.predictor-stage{margin-bottom:2px;font-size:9px;line-height:1}.predictor-stack{gap:1px}.predictor-option{gap:8px;font-size:10px;line-height:1.15}.predictor-option span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#speed-nav{bottom:15px}.speed-timeline{width:auto}.speed-timeline-readout{margin-bottom:0;cursor:pointer}.speed-timeline-track-row{display:none}#attention-canvas{transform:translateY(3px)}.visual-copy{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.token-wrapper.predicting[data-ghost-token]:after{opacity:.38;transform:translateY(0)}}