.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:25px;padding:15px 0;width:100%;background-color:#1c3100b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.admin-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:16px;padding:10px 0;width:100%;background-color:#1c3100b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.header-user-section{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-right:20px;align-self:center}.header-user-name{margin:0 20px 0 10px;color:#c9c9c9}.header-logout,.header-user-name{font-size:18px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.header-title{font-size:clamp(30px,3.6vw,40px);margin:0px 20px 0px clamp(16px,2.5vw,40px);color:#fff;white-space:nowrap}.admin-header-title{font-size:20px;margin:0 20px 0 40px;color:#fff}.header-title-mobile{flex:1;margin-left:20px}.header-menu-button{background:none;border:none;padding:0;margin-left:20px;font:inherit;color:inherit;display:flex;align-items:center;cursor:pointer}.pages{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex:1;gap:clamp(14px,3.5vw,60px);margin:0px clamp(16px,2.5vw,40px);font-size:clamp(17px,2.2vw,20px)}.pages a{text-decoration:none;margin:0 0 2px;color:#fff;transition:opacity .5s;text-align:center;white-space:nowrap}.pages .active{font-weight:700;opacity:1}.pages a:hover{margin-bottom:0;border-bottom:2px solid white;opacity:1;cursor:pointer}.site-button{display:flex;flex-direction:row;gap:8px;color:#f9f5f2;background-color:#6d3513b5;border-width:0px;font-size:16px;width:fit-content;font-family:Roboto,serif;padding:10px;border-radius:3px;transition:background-color .2s}.site-button:hover{background-color:#6d3513ee;cursor:pointer}.site-button:active{background-color:#6d3513ee}.route-loading{display:flex;width:100%;align-items:center;justify-content:center;padding:2rem}.content{display:flex;width:100%;flex-grow:1;overflow-y:auto}.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#fff;color:#000}.mobile-menu a{margin:20px;color:#000;transition:opacity .5s;text-align:center;font-size:20px}.mobile-menu .active{font-weight:700}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;max-width:400px;margin:80px auto 0;padding:32px 40px;border-radius:8px;background-color:#f2efe9;color:#181818;box-shadow:0 4px 16px #0006;font-family:Roboto,sans-serif;font-size:16px;text-align:center}.error-boundary-reload{padding:8px 20px;border:none;border-radius:4px;background-color:#6d3513ee;color:#fff;font-family:Roboto,sans-serif;font-size:16px;cursor:pointer}body{font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:300;font-style:normal;margin:0;color:#e6e6e6;height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/petals_on_ground-Rk2fNHBp.webp);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.7;z-index:-1;pointer-events:none}@media (max-width: 960px){body:before{background-image:url(/assets/petals_on_ground_960-BNVkDpwU.webp)}}body[data-custom-background]:before{background-image:var(--site-background)}.whole-page{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100vh;width:100%}.loading{margin:80px auto 0;padding:16px 32px;border-radius:8px;background-color:#f2efe9;color:#181818;box-shadow:0 4px 16px #0006;font-family:Roboto,sans-serif;font-size:16px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.fade-in-delay-1{animation-delay:.2s}.fade-in-delay-2{animation-delay:.6s}.fade-in-delay-3{animation-delay:1s}