body{background:var(--background-color);flex-direction:column;margin:0;padding:0;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}logo-page-header{max-width:360px;margin:0}*{font-optical-sizing:auto;--primary-action-color:#91d205;--secondary-action-color:#3c6464;--background-color:#f5f5f5;--primary-text-color:#0a323c;--secondary-text-color:#454b60;--primary-border-color:#0a323c;font-family:Noto Sans JP,sans-serif;font-style:normal}.layout.svelte-12qhfyh{flex-direction:column;min-height:100vh;margin:0;display:flex}header.svelte-12qhfyh{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff1a;border-bottom:1px solid #fff3;padding:1rem 2rem}main.svelte-12qhfyh{flex:1}footer.svelte-12qhfyh{color:#fff;text-align:center;background:#0003;padding:2rem}.nav-container.svelte-12qhfyh{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.hamburger-menu.svelte-12qhfyh{cursor:pointer;z-index:1101;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:flex}.hamburger-menu.svelte-12qhfyh span:where(.svelte-12qhfyh){background:var(--primary-text-color);border-radius:2px;width:25px;height:3px;transition:all .3s}.logo-topbar.svelte-12qhfyh{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.logo-image.svelte-12qhfyh{max-height:3rem}nav.sidebar.svelte-12qhfyh{background:var(--secondary-action-color)dd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1100;width:200px;height:100vh;transition:left .3s;position:fixed;top:0;left:-300px}nav.sidebar.open.svelte-12qhfyh{left:0}.overlay.svelte-12qhfyh{z-index:1050;opacity:0;pointer-events:none;background:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.overlay.visible.svelte-12qhfyh{opacity:1;pointer-events:auto}nav.sidebar.svelte-12qhfyh .sidebar-spacer:where(.svelte-12qhfyh){padding-top:5rem}nav.sidebar.svelte-12qhfyh ul:where(.svelte-12qhfyh){flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}nav.sidebar.svelte-12qhfyh li:where(.svelte-12qhfyh){border-bottom:1px solid #ffffff1a}nav.sidebar.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#fff;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:background .2s;display:block}nav.sidebar.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#ffffff1a}.bottom-nav.svelte-12qhfyh{height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:1000;background:#fff;border-top:1px solid #0000001a;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000014}.bottom-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--secondary-text-color);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.7rem;text-decoration:none;transition:color .2s;display:flex}.bottom-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--secondary-action-color)}.bottom-nav.svelte-12qhfyh .nav-icon:where(.svelte-12qhfyh){font-size:1.4rem;line-height:1}.bottom-nav.svelte-12qhfyh .nav-center:where(.svelte-12qhfyh){color:var(--secondary-text-color);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav.svelte-12qhfyh .nav-center-icon:where(.svelte-12qhfyh){border:2px solid var(--secondary-action-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-12px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000026}.bottom-nav.svelte-12qhfyh .nav-center-icon:where(.svelte-12qhfyh) img:where(.svelte-12qhfyh){object-fit:cover;width:100%;height:100%}.bottom-nav-spacer.svelte-12qhfyh{height:calc(64px + env(safe-area-inset-bottom))}.top-safe-area-spacer.svelte-12qhfyh{height:env(safe-area-inset-top);min-height:env(safe-area-inset-top)}.bottom-nav.svelte-12qhfyh .dashboard-my-page:where(.svelte-12qhfyh){color:#0000;text-shadow:0 0 0 var(--primary-action-color)}.bottom-nav.svelte-12qhfyh .dashboard-home:where(.svelte-12qhfyh){color:#0000;text-shadow:0 0 0 var(--secondary-action-color)}.back-button.svelte-12qhfyh{z-index:1200;text-align:center;cursor:pointer;background:#0006;border:none;border-radius:1.25rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;position:fixed;top:3rem;left:3rem}.back-button.svelte-12qhfyh img:where(.svelte-12qhfyh){object-fit:contain;width:1.4rem;height:1.4rem}.back-button.svelte-12qhfyh:active{background:#80808073}
