@font-face{font-family:Berkeley Mono;src:url(/assets/BerkeleyMono-Regular-CN7Z0He8.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #f5f5f0;--text: #1a1a1a;--text-muted: #666666;--accent: #a86040;--border: #333333;--bg-rgb: 245, 245, 240;--text-rgb: 26, 26, 26;--text-muted-rgb: 102, 102, 102;--accent-rgb: 168, 96, 64;--border-rgb: 51, 51, 51;--space-xs: .25rem;--space-sm: .5rem;--space-1: 1rem;--space-2: 2rem;--space-3: 3rem;--space-4: 4rem;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-snappy: cubic-bezier(.4, 0, .1, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Berkeley Mono,Courier New,Courier,Monaco,monospace;font-size:1rem;line-height:1.6;min-height:100vh;min-height:-webkit-fill-available;background:var(--bg);color:var(--text);position:relative;overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);text-rendering:optimizeLegibility}.container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:var(--space-1) var(--space-2);padding-top:var(--space-1);width:100%;background:transparent;pointer-events:none}.container>*{pointer-events:auto}.content{text-align:center;max-width:600px;width:100%;background:transparent;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);animation:contentFadeIn .8s cubic-bezier(.23,1,.32,1) forwards}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:400;letter-spacing:-.01em;margin:0;text-transform:none;transition:transform .4s cubic-bezier(.23,1,.32,1);will-change:transform}.subtitle{font-size:.9rem;font-weight:400;letter-spacing:.08em;color:var(--text-muted);margin:0;text-transform:lowercase;opacity:.85}.subtitle .pipe{opacity:.25;margin:0 .6em;transition:opacity .3s ease}.nav-links{display:flex;gap:.5rem;justify-content:center;align-items:stretch;margin:0;flex-wrap:wrap;width:100%}.nav-link{font-size:.8rem;font-weight:400;color:var(--text);text-decoration:none;padding:.35rem .75rem;border:1px solid var(--border);transition:all .2s cubic-bezier(.23,1,.32,1);display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--bg-rgb),.9);position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--accent);transition:all .25s cubic-bezier(.23,1,.32,1);transform:translate(-50%)}.nav-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.12)}.nav-link:hover:after{width:calc(100% - 1rem)}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-link:active{background:rgba(var(--accent-rgb),.08);transform:translateY(0);box-shadow:0 1px 3px rgba(var(--accent-rgb),.1);transition:all 50ms ease}.interaction-hint-container{position:fixed;bottom:var(--space-2);left:var(--space-2);z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.available-keys{font-family:Berkeley Mono,Courier New,monospace;font-size:.8rem;color:var(--text);margin:0;letter-spacing:.15em;padding:.6rem .9rem;background:rgba(var(--bg-rgb),.92);border:1px solid rgba(var(--border-rgb),.2);border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #0000000a;animation:keysAppear .4s cubic-bezier(.23,1,.32,1)}@keyframes keysAppear{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.interaction-hint{font-size:.7rem;color:var(--text-muted);margin:0;text-transform:lowercase;opacity:.7;transition:opacity .3s ease}.interaction-hint-container:hover .interaction-hint{opacity:1}.ethereal-wheel{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);z-index:100;display:none;padding:var(--space-2)}.ethereal-wheel.visible{display:block}.ethereal-wheel-container{position:relative;height:100%}.ethereal-wheel-viewport{max-width:400px;margin:0 auto}.ethereal-wheel-list{list-style:none}.ethereal-wheel-item{padding:.75rem;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.1)}.ethereal-wheel-item.selected{color:var(--accent)}.ethereal-wheel-item.selected:before{content:"> "}.ethereal-wheel-hint{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:var(--space-1)}.ethereal-wheel-selector{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--accent);pointer-events:none;opacity:.3;transform:translateY(-50%)}.nav-hint-overlay{position:fixed;bottom:var(--space-2);left:50%;transform:translate(-50%);font-size:.85rem;color:var(--text-muted);background:#f5f5f0e6;padding:.5rem 1rem;border-radius:4px;z-index:10}.ghost-typist{font-size:.8rem;color:var(--accent);text-align:center;margin:0;opacity:0;transform:translateY(4px);transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);letter-spacing:.02em}.ghost-typist.visible{opacity:1;transform:translateY(0)}.ghost-typist-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:cursorPulse 1.1s cubic-bezier(.4,0,.6,1) infinite}@keyframes cursorPulse{0%,45%{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.85)}55%,to{opacity:1;transform:scaleY(1)}}@keyframes textWobble{0%{transform:translateY(0) scale(1)}15%{transform:translateY(-1.5px) scale(1.005)}30%{transform:translateY(.5px) scale(.998)}50%{transform:translateY(-.5px) scale(1.002)}70%{transform:translateY(.25px) scale(.999)}to{transform:translateY(0) scale(1)}}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-30px) scale(1.2);opacity:1}to{transform:translateY(-60px) scale(.8);opacity:0}}@keyframes matrixFall{0%{transform:translateY(-20px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes rippleOut{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes geometricFloat{0%{transform:scale(0) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:scale(1.2) rotate(360deg);opacity:0}}@keyframes energyPulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(4);opacity:.4}to{transform:scale(8);opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) rotate(-90deg) translate(-50px)}to{opacity:1;transform:translateY(-50%) rotate(-90deg) translate(0)}}@keyframes soundWave{0%,to{transform:scaleY(.3);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes musicalFloat{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-80px) rotate(180deg);opacity:0}}@keyframes equationFloat{0%{transform:scale(.8) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:scale(1.2) rotate(360deg);opacity:0}}.ambient-light{display:none}@media(max-width:768px){.container{position:relative;z-index:1;padding:1rem;justify-content:center;min-height:100vh;max-height:100vh;overflow:hidden}.content{max-width:100%;padding:0 var(--space-1)}.title{font-size:2rem;margin-bottom:.5rem;line-height:1.1;font-weight:400;color:var(--text)!important;opacity:1!important}.subtitle{font-size:.8rem;margin-bottom:1.5rem;line-height:1.5;letter-spacing:.03em}.nav-links{flex-direction:column;gap:0;margin-top:0;margin-bottom:0;max-width:100%}.nav-link{font-size:.85rem;padding:1rem .75rem;width:100%;border-left:none;border-right:none;border-top:none;border-bottom:1px solid rgba(var(--border-rgb),.15);letter-spacing:.03em;text-align:left;justify-content:flex-start;transition:all .15s ease}.nav-link:after{display:none}.nav-link:first-child{border-top:1px solid rgba(var(--border-rgb),.15)}.nav-link:hover{transform:none;box-shadow:none;background:rgba(var(--accent-rgb),.05)}.nav-link:active{background:rgba(var(--accent-rgb),.12);transform:scale(.995);transition:all 50ms ease}.interaction-hint{display:none}.ethereal-wheel,.ghost-typist{display:none!important}}@media(max-width:480px){.container{padding:1rem}.title{font-size:1.75rem;margin-bottom:.5rem}.subtitle{font-size:.75rem;margin-bottom:1.25rem}.nav-link{font-size:.8rem;padding:.75rem .5rem}}@media(max-width:768px)and (max-height:500px)and (orientation:landscape){.container{padding:var(--space-2);justify-content:flex-start}.title{font-size:1.5rem;margin-bottom:.75rem}.subtitle{font-size:.75rem;margin-bottom:var(--space-1)}.nav-links{margin-bottom:var(--space-1)}.nav-link{padding:.625rem .75rem;font-size:.8rem}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:var(--text);color:var(--bg);text-decoration:none;font-size:.875rem;z-index:10000;border-radius:0 0 4px 4px;transition:top var(--duration-fast) var(--ease-default)}.skip-link:focus{top:0;outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{animation:none}}@media(prefers-contrast:high){:root{--bg: #ffffff;--text: #000000;--text-muted: #333333;--accent: #cc0000;--border: #000000}}::selection{background:var(--accent);color:var(--bg)}::-moz-selection{background:var(--accent);color:var(--bg)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}