#infinite-grid-menu-canvas{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{position:absolute;left:50%;z-index:10;display:grid;width:60px;height:60px;place-items:center;border:5px solid #000;border-radius:50%;background:#5227ff;cursor:pointer}.face-title{position:absolute;left:1.6em;top:50%;font-size:3rem;font-weight:900;-webkit-user-select:none;user-select:none}.action-button-icon{position:relative;top:2px;margin:0;color:#fff;font-size:26px;-webkit-user-select:none;user-select:none}.face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{opacity:0;pointer-events:none;transition:.1s ease}.face-description{position:absolute;max-width:10ch;top:50%;right:1%;font-size:1.2rem;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{opacity:0;transform:translate(-60%,-50%);pointer-events:none;transition:.1s ease}.action-button.active{bottom:3.8em;opacity:1;transform:translate(-50%) scale(1);pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;opacity:0;transform:translate(-50%) scale(0);pointer-events:none;transition:.1s ease}@media (max-width: 1500px){.face-title,.face-description{display:none}}:root{color-scheme:dark;font-family:Space Grotesk,Noto Sans KR,sans-serif;background-color:#04050a}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0}body{background:radial-gradient(circle at 18% 12%,rgba(88,182,255,.08),transparent 22%),radial-gradient(circle at 82% 18%,rgba(255,164,92,.07),transparent 20%),radial-gradient(circle at 50% 78%,rgba(255,104,155,.06),transparent 22%),linear-gradient(180deg,#05060d,#04050a);color:#f5f7fb;overflow:hidden}body::selection{background:#9de8ff38}a,button,input,textarea,select{font:inherit}a{color:inherit}.app-shell{min-height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}