:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:inherit;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;transition:background-color 3s ease}a{color:inherit;text-decoration:none}.site{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:2.5rem 3.5rem;transition:background-color 3s ease}.site.light{--text: #1a1a1a;--text-secondary: rgba(26, 26, 26, .4);--text-tertiary: rgba(26, 26, 26, .18);--border: rgba(26, 26, 26, .07)}.site.dark{--text: #e8e4de;--text-secondary: rgba(232, 228, 222, .4);--text-tertiary: rgba(232, 228, 222, .2);--border: rgba(232, 228, 222, .08)}.horizon{position:fixed;bottom:0;left:0;right:0;height:40vh;pointer-events:none;z-index:0}.horizon-in{animation:horizonFadeIn 3s ease forwards}.horizon-out{animation:horizonFadeOut 3s ease forwards}@keyframes horizonFadeIn{0%{opacity:0}to{opacity:1}}@keyframes horizonFadeOut{0%{opacity:1}to{opacity:0}}.site-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.nav{display:flex;align-items:center}.nav-brand{position:relative;height:28px;cursor:default;display:flex;align-items:center}.logo{width:28px;height:28px;object-fit:contain;transition:filter .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1)}.nav-name{position:absolute;left:0;top:50%;font-size:.8rem;font-weight:500;color:var(--text);letter-spacing:-.01em;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-50%) translate(-4px);filter:blur(6px);transition:opacity .5s cubic-bezier(.16,1,.3,1) .1s,transform .5s cubic-bezier(.16,1,.3,1) .1s,filter .5s cubic-bezier(.16,1,.3,1) .1s}.nav-brand:hover .logo{opacity:0;filter:blur(8px);transform:scale(.6) rotate(-8deg)}.nav-brand:hover .nav-name{opacity:1;transform:translateY(-50%) translate(0);filter:blur(0)}.main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5rem;padding:4rem 0}.headline{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:200;letter-spacing:-.04em;color:var(--text);line-height:1.05;max-width:80%;cursor:default}.magnet-char{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1);will-change:transform}.index{display:flex;flex-direction:column;border-top:1px solid var(--border);max-width:640px}.index-entry{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:1.5rem;padding:1.4rem 1rem;border-bottom:1px solid var(--border);transition:background .2s ease}.index-entry:hover{background:#8080800a}.entry-body{display:flex;flex-direction:column;gap:.25rem}.entry-name{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--text);letter-spacing:-.02em;line-height:1.1}.entry-desc{font-size:.78rem;font-weight:400;color:var(--text-secondary);line-height:1.5}.entry-platform{font-family:var(--font-mono);font-size:.58rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);align-self:center}.entry-arrow{font-size:1.1rem;font-weight:200;color:var(--text-tertiary);align-self:center;opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}.index-entry:hover .entry-arrow{opacity:1;transform:translate(0)}.footer{display:flex;align-items:flex-end;justify-content:space-between}.footer-left{display:flex;flex-direction:column;gap:.25rem}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.footer-text{font-family:var(--font-mono);font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.footer-icons{display:flex;align-items:center;gap:.6rem}.footer-icon{color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center}.footer-icon:hover{color:var(--text)}.footer-light .footer-text,.footer-light .footer-icon,.footer-light .clock{color:#ffffff80}.footer-light .footer-icon:hover{color:#ffffffd9}.clock{color:var(--text-secondary)}@media(max-width:768px){.site{padding:2rem 1.75rem}.headline{font-size:clamp(2rem,9vw,3rem);max-width:100%}.main{gap:3.5rem;padding:3rem 0}.index{max-width:100%}.horizon{height:45vh}.index-entry{grid-template-columns:1fr auto;gap:1rem;padding:1.1rem .75rem}.entry-name{font-size:1.2rem}.entry-platform{display:none}.entry-arrow{opacity:1;transform:translate(0)}.footer{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-right{align-items:flex-start}}