*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--text:#e4e4e7;--text-muted:#71717a;--accent:#a78bfa}html{min-height:100%}[hidden]{display:none!important}body{min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body{overflow-x:hidden}#gl-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.cao-page #gl-canvas,.noise-page #gl-canvas{display:none}.container{z-index:1;will-change:transform;width:min(640px,90%);margin:0 auto;padding:80px 0 100px;transition:transform .1s ease-out;position:relative}.home-header{align-items:baseline;gap:16px;margin-bottom:56px;display:flex}.title{color:#f4f4f5;letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:1.2}.author-link{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.author-link:hover{color:var(--accent)}.section{margin-bottom:40px}.section-title{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;padding-left:4px;font-size:.75rem;font-weight:600}.card-list{flex-direction:column;gap:8px;list-style:none;display:flex}.card-list li{opacity:0;animation:.4s forwards fade-up;transform:translateY(12px)}.card-list li:first-child{animation-delay:50ms}.card-list li:nth-child(2){animation-delay:.1s}.card-list li:nth-child(3){animation-delay:.15s}.card-list li:nth-child(4){animation-delay:.2s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.card{color:var(--text);background:0 0;border:1px solid #ffffff1a;border-color:#ffffff2e #ffffff1a #ffffff1a #ffffff24;border-radius:16px;align-items:baseline;gap:12px;padding:14px 18px;text-decoration:none;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.no-webgl .card{background:#ffffff0a}.card:hover{border-color:#ffffff47 #ffffff2e #ffffff2e #ffffff38;transform:translateY(-2px)}.card-name{white-space:nowrap;font-size:.95rem;font-weight:500}.card-desc{color:var(--text-muted);font-size:.85rem}.card-arrow{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.8rem;transition:color .2s,transform .2s}.card:hover .card-arrow{color:var(--accent);transform:translate(3px)}@media (width<=480px){.container{padding-top:48px}.home-header{margin-bottom:40px}.card{flex-wrap:wrap}.card-desc{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){.container,.card,.card-arrow{transition:none}.card-list li{opacity:1;animation:none;transform:none}}