.navbar{position:fixed;top:0;left:0;right:0;background-color:#1a1a1a;border-bottom:1px solid #333;z-index:1000}.navbar-container{max-width:800px;margin:0 auto;padding:.5rem 2rem;display:flex;align-items:center}.navbar-logo{font-family:Inconsolata,monospace;font-size:1.5rem;font-weight:900;color:#e0e0e0;cursor:pointer}.navbar-logo:hover{color:#8ab4f8}@media (max-width: 768px){.navbar-container{padding:.5rem 1rem}.navbar-logo{font-size:1.25rem}}.asterisk-stream-container{display:inline}.stream-text{font-family:Inconsolata,monospace}.char-normal{font-weight:400;transition:font-weight .2s ease}.char-bold{font-weight:700;transition:font-weight .2s ease}.stream-canvas{pointer-events:none}.asterisk-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><text x="32" y="48" text-anchor="middle" font-family="Inconsolata, monospace" font-size="44" font-weight="400" fill="white">*</text></svg>') 32 32,auto}.asterisk-cursor-pulse{font-family:Inconsolata,monospace;font-size:44px;color:#e0e0e0;font-weight:400;animation:asteriskPulse .5s ease-in-out;transform-origin:center;transform:translate(-50%,-50%)}@keyframes asteriskPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}25%{transform:translate(-50%,-50%) scale(1.5);opacity:.9}50%{transform:translate(-50%,-50%) scale(2);opacity:.8}75%{transform:translate(-50%,-50%) scale(1.5);opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.navbar-logo.gentle-pulse{animation:gentlePulse .5s ease-in-out;transform-origin:center}@keyframes gentlePulse{0%{transform:scale(1);opacity:1}25%{transform:scale(1.15);opacity:.9}50%{transform:scale(1.25);opacity:.8}75%{transform:scale(1.15);opacity:.9}to{transform:scale(1);opacity:1}}.asterisk-cursor-fade{font-family:Inconsolata,monospace;font-size:48px;color:#e0e0e0;font-weight:900;animation:asteriskFade 1.2s ease-out forwards;transform:translate(-50%,-50%)}@keyframes asteriskFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.asterisk-flow-container{display:inline-block}.source-text{display:inline-block;font-family:Inconsolata,monospace;margin-bottom:1rem}.target-text{font-family:Inconsolata,monospace}.target-word{position:relative;display:inline}.flow-canvas{pointer-events:none}.middle-text{display:block;font-family:Inconsolata,monospace;margin-bottom:.5rem}.asterisk-cover{display:flex;justify-content:flex-start;align-items:center;min-height:20vh;width:100%;background-color:#1a1a1a;margin:2rem -2rem;padding:1.5rem 2rem}@media (max-width: 768px){.asterisk-cover{margin:2rem -1rem;padding:1rem;min-height:20vh}}.asterisk-cover canvas{background-color:transparent;border-radius:12px;max-width:100%}.asterisk-reveal.interactive{position:relative;display:inline-block}.pointer-indicator{display:inline-block;pointer-events:none}.pointer-indicator.desktop{position:absolute;left:-1.5em;top:0;animation:pointerMove 1s ease-in-out infinite}.pointer-indicator.touch{position:relative;left:0;margin-right:.25em;animation:pointerMove 1s ease-in-out infinite}.pointer-indicator.touch.fade-out{animation:none}.pointer-indicator.touch.fade-out{opacity:1}.pointer-indicator.desktop.fade-out{animation:pointerMove 1s ease-in-out infinite,fadeOut .5s forwards}@keyframes pointerMove{0%{transform:translate(0)}50%{transform:translate(6px)}to{transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.pointer-indicator.hidden{opacity:0;visibility:hidden;animation:none}.asterisk-char{cursor:default;transition:opacity .2s ease,transform .2s ease;display:inline-block}.asterisk-char.hidden{opacity:.7}.asterisk-char.revealed{opacity:1}body{margin:0;font-family:Inconsolata,monospace;background-color:#1a1a1a;color:#e0e0e0;line-height:1.6;padding-top:60px}*{box-sizing:border-box}.container{max-width:800px;margin:0 auto;padding:2rem}@media (max-width: 768px){.container{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}h1,h2,h3,h4,h5,h6{margin-top:2rem;margin-bottom:1rem;font-weight:400}h1{font-size:2rem;border-bottom:1px solid #333;padding-bottom:.5rem}h2{font-size:1.5rem}p{margin-bottom:1rem}code{background-color:#2a2a2a;padding:.2rem .4rem;border-radius:3px;font-family:Inconsolata,monospace}pre{background-color:#2a2a2a;padding:1rem;border-radius:5px;overflow-x:auto}pre code{background:none;padding:0}a{color:#8ab4f8;text-decoration:underline}a:hover{color:#aecbfa;text-decoration:none}html,body{max-width:100%;overflow-x:hidden}.container ul{padding-left:1.25rem;margin-left:0}
