:root{--bg: #0a0a0f;--text: #f4f4f7}*{box-sizing:border-box;cursor:none!important}html,body{width:100%;height:100%;margin:0;padding:0}body{background:radial-gradient(circle at 20% 20%,#22253b,var(--bg) 40%);color:var(--text);overflow:hidden}.logo-cursor{position:fixed;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);will-change:left,top}.page-shell{width:100%;height:100%;display:grid;place-items:center;padding:1rem}.face-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform}#face-image{display:block;max-width:98vw;max-height:98vh;border-radius:10px;transition:filter .12s ease,transform .12s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#face-image.wobble{animation:wobble .5s ease-in-out}.logo-trail,.logo-particle{position:fixed;width:18px;height:18px;pointer-events:none;z-index:9999;opacity:.95;will-change:transform,opacity}.logo-trail{transition:transform .6s ease-out,opacity .6s ease-out}.logo-particle{transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s ease-out}.music-note{position:fixed;top:-2rem;font-size:1.35rem;pointer-events:none;z-index:9998;animation:note-fall linear forwards;text-shadow:0 0 12px rgb(255 255 255 / .5)}body.disco{animation:disco-bg 2.5s linear infinite}@keyframes wobble{0%{transform:rotate(0) scale(1)}15%{transform:rotate(-3deg) scale(1.01)}30%{transform:rotate(3deg) scale(1.02)}45%{transform:rotate(-2deg) scale(1.01)}60%{transform:rotate(2deg) scale(1.01)}to{transform:rotate(0) scale(1)}}@keyframes disco-bg{0%{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(160deg) saturate(1.4)}to{filter:hue-rotate(360deg) saturate(1)}}@keyframes note-fall{0%{transform:translateY(-2rem) rotate(0);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translateY(110vh) rotate(320deg);opacity:0}}