*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:#efede3;background-image:url(/assets/background-BcCWwL7A.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Inter,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:#efede3d1;position:fixed;inset:0}#app{z-index:1;position:relative}.page{width:100%;height:auto;min-height:0}.app{box-sizing:border-box;flex-direction:column;width:100%;height:100dvh;padding:16px;display:flex;overflow:hidden}.view-container{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.custom-cursor{pointer-events:none;z-index:99999;opacity:0;will-change:left, top, transform;background-color:#302f2c;border-radius:50%;width:16px;height:16px;transition:opacity .15s,transform .15s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.6)}.custom-cursor.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}@media (hover:hover) and (pointer:fine){html,body,body *{cursor:none!important}}@media (hover:none),(pointer:coarse){.custom-cursor{display:none}}.slide-x-enter-active,.slide-x-leave-active{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s}.slide-x-enter-from{opacity:0;transform:translate(80px)}.slide-x-enter-to,.slide-x-leave-from{opacity:1;transform:translate(0)}.slide-x-leave-to{opacity:0;transform:translate(-80px)}@media (prefers-reduced-motion:reduce){.slide-x-enter-active,.slide-x-leave-active{transition:none}.slide-x-enter-from,.slide-x-leave-to{opacity:1;transform:none}.custom-cursor{transition:none}}.navbar-wrapper{width:100%}.navbar{box-sizing:border-box;background-color:#fff;border:2px solid #302f2c;border-radius:32px;align-items:center;width:100%;height:64px;padding:0 20px;display:flex}.navbar-left{flex:1;justify-content:flex-start;align-items:center;min-width:0;display:flex}.navbar-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.navbar-right a{text-decoration:none}.logo,.mobile-logo{color:#302f2c;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;text-decoration:none;overflow:hidden}.logo:hover,.mobile-logo:hover{opacity:.65}.p-button.navbar-button{transition:background-color .2s,color .2s,border-color .2s;color:#302f2c!important;background:#fff!important;border:2px solid #302f2c!important}.p-button.navbar-button:hover{color:#fff!important;background:#302f2c!important;border-color:#302f2c!important}.hamburger{cursor:pointer;background:#fff;border:2px solid #302f2c;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:none}.hamburger span{background:#302f2c;border-radius:999px;width:18px;height:2px;transition:transform .25s,opacity .2s}.hamburger.open span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.menu-overlay{opacity:0;pointer-events:none;z-index:99;background:#302f2c40;transition:opacity .3s;position:fixed;inset:0}.menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{box-sizing:border-box;width:min(88vw,360px);height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);z-index:100;background:#efede3f5;border-left:2px solid #302f2c;flex-direction:column;transition:transform .35s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.close-button{color:#302f2c;cursor:pointer;background:#fff;border:2px solid #302f2c;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:28px;line-height:1;display:grid}.mobile-menu-buttons{flex-direction:column;gap:10px;margin-top:auto;display:flex}.mobile-link{width:100%;text-decoration:none;display:block}.p-button.mobile-button{justify-content:center;width:100%;min-height:52px;font-size:1rem}@media (width<=700px){.navbar-right{display:none}.hamburger{display:flex}.navbar{padding:0 10px 0 18px}}@media (width<=380px){.navbar{height:56px;padding:0 8px 0 14px}.logo,.mobile-logo{font-size:17px}.hamburger,.close-button{width:38px;height:38px}.mobile-menu{border-left:none;width:100%}}@font-face{font-family:DM Mono;src:url(/assets/DMMono-Medium-BtO9kMc2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.page{box-sizing:border-box;min-height:0;padding:16px;overflow-x:hidden}.welcome-section{flex-direction:column;align-items:flex-start;width:100%;max-width:100%;display:flex}.welcome-title{color:#302f2c;word-break:break-word;letter-spacing:-1rem;will-change:transform, opacity, filter;max-width:100%;margin:clamp(3rem,12vw,8rem) 0 0 3rem;font-family:DM Mono,monospace;font-size:clamp(2.5rem,14vw,200pt);font-weight:400;line-height:.9;animation:1.2s cubic-bezier(.16,1,.3,1) both reveal-down}.welcome-subtitle{color:#302f2c;will-change:transform, opacity, filter;margin:0 0 0 clamp(.5rem,4vw,3rem);font-family:inherit;font-size:clamp(1.1rem,4vw,1.7rem);font-weight:500;animation:1.2s cubic-bezier(.16,1,.3,1) .18s both reveal-down}@keyframes reveal-down{0%{opacity:0;filter:blur(10px);transform:translateY(-32px)}35%{opacity:.4}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=600px){.welcome-title{letter-spacing:-.1rem;margin-top:clamp(3rem,14vh,6rem);margin-left:1rem}.hint-panel{padding:.6rem 1rem}}@media (prefers-reduced-motion:reduce){.welcome-title,.welcome-subtitle,.hint-panel{opacity:1;filter:none;clip-path:none;animation:none;transform:none}}
