body,html{background-color:#fcfbf9;color:#3b3530;font-family:Inter,"Noto Serif JP",serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}.loading-screen{align-items:center;animation:screenFadeOut .6s ease-in-out 2s forwards;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes screenFadeOut{to{opacity:0;visibility:hidden}}.center-logo-wrapper{animation:centerLogoFadeIn .3s ease-out 0s forwards,centerLogoMoveDown .6s ease-in-out 1.4s forwards;opacity:0;position:relative;width:300px}.center-logo-wrapper img{backface-visibility:hidden;transform:translateZ(0);-webkit-font-smoothing:antialiased;will-change:transform,opacity}@keyframes centerLogoFadeIn{to{opacity:1}}@keyframes centerLogoMoveDown{to{opacity:0;transform:translateY(30px)}}.logo-gradient{display:block;height:auto;position:relative;width:100%}.logo-black{animation:fadeOutBlack .7s ease-in-out .4s forwards;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes fadeOutBlack{to{opacity:0}}.header-logo-anim{animation:headerLogoEnter .6s ease-out 2s forwards;opacity:0;transform:translateY(20px)}@keyframes headerLogoEnter{to{opacity:1;transform:translateY(0)}}.site-header{align-items:center;display:flex;gap:10px;left:20px;opacity:1;position:fixed;top:20px;transition:opacity .1s ease,visibility .1s;visibility:visible;z-index:10001}.site-header.modal-active{opacity:0;transition:opacity .3s ease,visibility .3s;visibility:hidden}.main-content{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}.main-content.is-visible{opacity:1;transform:none}.hashtag-display{display:inline-block;font-family:Inter,SF Mono,Fira Code,monospace;font-size:20px;font-weight:600;letter-spacing:.06em;position:relative;text-transform:lowercase;white-space:nowrap}.flip-enter-active,.flip-leave-active{transform-style:preserve-3d;transition:all .32s cubic-bezier(.4,0,.2,1)}.flip-enter-from{opacity:0;transform:rotateX(-90deg) translateY(5px)}.flip-leave-to{opacity:0;transform:rotateX(90deg) translateY(-5px)}.flip-enter-to,.flip-leave-from{opacity:1;transform:rotateX(0) translateY(0)}
