:root{--primary:#111;--bg:#fcfcfc;--text:#333}*,:before,:after{box-sizing:border-box}body{color:#333;-webkit-font-smoothing:antialiased;background-color:#fcfcfc;background-image:radial-gradient(#eee 1px,#0000 1px),radial-gradient(#eee 1px,#0000 1px);background-position:0 0,20px 20px;background-size:40px 40px;margin:0;padding:0;font-family:Google Sans Flex,Roboto,Noto Sans JP,sans-serif;overflow-x:hidden}.topbar.svelte-12qhfyh{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffc;border-bottom:1px solid #eee;height:60px;position:sticky;top:0;left:0;right:0}.topbar-inner.svelte-12qhfyh{align-items:center;gap:20px;max-width:900px;height:100%;margin:0 auto;padding:0 20px;display:flex}.spacer.svelte-12qhfyh{flex:1}.user-pill.svelte-12qhfyh{color:#666;background:#f0f0f0;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.login-link.svelte-12qhfyh{color:#111;font-size:.9rem;font-weight:500;text-decoration:none}.menu-btn.svelte-12qhfyh{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-10px;padding:10px;display:flex}.burger.svelte-12qhfyh{flex-direction:column;justify-content:space-between;width:20px;height:14px;display:flex;position:relative}.burger.svelte-12qhfyh span:where(.svelte-12qhfyh){background:#111;width:100%;height:2px;transition:all .2s;display:block}.burger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):first-child{transform:translateY(6px)rotate(45deg)}.burger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){opacity:0}.burger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(3){transform:translateY(-6px)rotate(-45deg)}.logo.svelte-12qhfyh{color:#111;letter-spacing:.1em;font-size:1.1rem;font-weight:700;text-decoration:none}.overlay.svelte-12qhfyh{z-index:1001;background:#0003;width:100vw;height:100vh;position:fixed;top:0;left:0}.drawer.svelte-12qhfyh{z-index:1002;background:#fff;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:20px 0 60px #0000000d}.drawer-header.svelte-12qhfyh{padding:40px 24px 20px}.drawer-header.svelte-12qhfyh h3:where(.svelte-12qhfyh){color:#888;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.8rem;font-weight:500}.drawer-nav.svelte-12qhfyh{flex-direction:column;height:100%;padding:10px;display:flex}.drawer-nav.svelte-12qhfyh a:where(.svelte-12qhfyh),.nav-item.svelte-12qhfyh{color:#333;border-radius:12px;align-items:center;gap:16px;padding:16px 14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.drawer-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#111;background:#f5f5f5}.nav-icon.svelte-12qhfyh{color:#111;background:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.nav-item.disabled.svelte-12qhfyh{opacity:.4;cursor:not-allowed}.drawer-footer.svelte-12qhfyh{border-top:1px solid #eee;margin-top:auto;padding:20px 14px 40px}.logout-btn.svelte-12qhfyh{color:#ff4d4f;cursor:pointer;background:#fcfcfc;border:1px solid #eee;border-radius:12px;width:100%;padding:12px;font-weight:600;transition:all .2s}.logout-btn.svelte-12qhfyh:hover{background:#fff1f0;border-color:#ffa39e}.login-btn-nav.svelte-12qhfyh{color:#fff;text-align:center;background:#111;border-radius:12px;width:100%;padding:12px;font-weight:600;text-decoration:none;display:block}.app.svelte-12qhfyh{flex-direction:column;max-width:900px;min-height:calc(100vh - 60px);margin:0 auto;padding:0 20px;display:flex}main.svelte-12qhfyh{flex-direction:column;flex:1;display:flex}footer.svelte-12qhfyh{text-align:center;color:#bbb;padding:60px 0 40px;font-size:.875rem}