:root{--primary: var(--color-primary, #fb6b04);--text-main: var(--color-text, #0f1419);--text-muted: var(--color-text-dimmed, #536471);--border-grey: 1px solid var(--color-border, #eff3f4)}.mobile-top-bar.svelte-r4xn14,.mobile-bottom-nav.svelte-r4xn14,.mobile-drawer.svelte-r4xn14,.drawer-overlay.svelte-r4xn14{display:none}@media(max-width:800px){.mobile-top-bar.svelte-r4xn14{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:color-mix(in srgb,var(--color-surface, #ffffff) 85%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:var(--border-grey);align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;box-sizing:border-box}.mobile-logo.svelte-r4xn14{display:flex;align-items:center;gap:8px}.mobile-logo-text.svelte-r4xn14{font-family:var(--font-app);font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--color-text, #0f1419)}.logo-accent.svelte-r4xn14{background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.mobile-menu-btn.svelte-r4xn14{background:var(--color-hover-bg, #f2f2f2);border:1px solid var(--color-border, #eff3f4);padding:6px;border-radius:10px;cursor:pointer;color:var(--color-text, #0f1419);display:flex;align-items:center;justify-content:center;transition:all .18s ease}.mobile-menu-btn.svelte-r4xn14:active{transform:scale(.92)}.mobile-menu-btn.svelte-r4xn14 svg:where(.svelte-r4xn14){width:22px;height:22px}.mobile-drawer.svelte-r4xn14{position:fixed;top:0;left:-320px;width:290px;max-width:82vw;height:100%;height:100dvh;background:var(--color-card-bg, #ffffff);z-index:1002;transition:left .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:4px 0 28px #00000029;border-right:1px solid var(--color-border, #eff3f4);border-radius:0 18px 18px 0;overflow-y:auto;box-sizing:border-box}.mobile-drawer.open.svelte-r4xn14{left:0}.drawer-overlay.svelte-r4xn14{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1001;display:block;animation:svelte-r4xn14-fadeIn .2s ease}@keyframes svelte-r4xn14-fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header.svelte-r4xn14{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 14px;border-bottom:var(--border-grey)}.drawer-logo.svelte-r4xn14{display:flex;align-items:center;gap:8px}.drawer-logo-text.svelte-r4xn14{font-family:var(--font-app);font-size:20px;font-weight:800;color:var(--color-text, #0f1419)}.close-drawer.svelte-r4xn14{background:var(--color-hover-bg, #f2f2f2);border:1px solid var(--color-border, #eff3f4);border-radius:8px;cursor:pointer;color:var(--color-text-secondary, #536471);padding:6px;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.close-drawer.svelte-r4xn14:hover{color:var(--color-text, #0f1419)}.drawer-nav.svelte-r4xn14{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.drawer-nav-item.svelte-r4xn14{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:12px;text-decoration:none;color:var(--color-text-secondary, #536471);font-size:16px;font-weight:550;font-family:var(--font-app);transition:all .18s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left;box-sizing:border-box}.drawer-nav-item.svelte-r4xn14:hover{background:var(--color-hover-bg, #f2f2f2);color:var(--color-text, #0f1419)}.drawer-nav-item.active.svelte-r4xn14{color:var(--primary);font-weight:700;background:color-mix(in srgb,var(--primary) 10%,transparent)}.drawer-icon.svelte-r4xn14{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.nav-badge.svelte-r4xn14{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:99px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;font-family:var(--font-app);border:2px solid var(--color-card-bg, #fff)}.drawer-icon.svelte-r4xn14 svg:where(.svelte-r4xn14){width:100%;height:100%}.drawer-post-btn.svelte-r4xn14{margin-top:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:700;border-radius:12px;box-shadow:0 4px 12px #f9731652}.drawer-post-btn.svelte-r4xn14:hover{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.drawer-bottom-group.svelte-r4xn14{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:10px 14px 14px;border-top:var(--border-grey)}.theme-toggle-wrapper.svelte-r4xn14{width:100%}.theme-toggle-btn.svelte-r4xn14{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-hover-bg, #f7f7f7);border:1px solid var(--color-border, #eff3f4);border-radius:10px;padding:8px 14px;cursor:pointer;color:var(--color-text-secondary, #536471);font-size:13px;font-weight:600;font-family:var(--font-app);transition:all .18s ease;width:100%;box-sizing:border-box}.theme-toggle-btn.svelte-r4xn14:hover{background:var(--color-surface, #ffffff);color:var(--primary);border-color:var(--primary)}.drawer-footer.svelte-r4xn14{display:flex;flex-direction:column;gap:8px;width:100%}.drawer-user.svelte-r4xn14{display:flex;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;border-radius:12px;background:var(--color-hover-bg, #f7f7f7);border:1px solid var(--color-border, #eff3f4);transition:all .18s ease;cursor:pointer}.drawer-user.svelte-r4xn14:hover{border-color:var(--color-border, #e5e7eb)}.drawer-avatar.svelte-r4xn14{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid var(--color-surface, #ffffff);box-shadow:0 1px 3px #0000001a;flex-shrink:0}.drawer-user-info.svelte-r4xn14{flex:1;min-width:0}.drawer-user-name.svelte-r4xn14{font-weight:700;font-size:14px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-handle.svelte-r4xn14{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-logout.svelte-r4xn14{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px;background:#e24b4a14;border:1px solid rgba(226,75,74,.2);cursor:pointer;color:var(--color-danger, #e24b4a);font-size:13.5px;font-weight:600;font-family:var(--font-app);border-radius:10px;transition:all .18s ease}.drawer-logout.svelte-r4xn14 svg:where(.svelte-r4xn14){width:18px;height:18px}.drawer-logout.svelte-r4xn14:hover{background:#e24b4a26}.drawer-login-btn.svelte-r4xn14{width:100%;padding:12px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-app);box-shadow:0 4px 14px #f9731652}.mobile-bottom-nav.svelte-r4xn14{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:56px;background:color-mix(in srgb,var(--color-surface, #ffffff) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:var(--border-grey);align-items:center;z-index:1000;box-sizing:border-box;padding:0 8px max(4px,env(safe-area-inset-bottom));box-shadow:0 -2px 14px #0000000d}.bottom-nav-item.svelte-r4xn14{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary, #71767b);text-decoration:none;background:none;border:none;padding:6px 0;border-radius:10px;transition:color .18s ease,transform .15s ease;cursor:pointer;flex:1;position:relative}.bottom-nav-item.svelte-r4xn14:active{transform:scale(.92)}.bottom-icon.svelte-r4xn14{width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:relative}.bottom-icon.svelte-r4xn14 svg:where(.svelte-r4xn14){width:24px;height:24px}.bottom-nav-item.active.svelte-r4xn14{color:var(--primary)}.bottom-active-dot.svelte-r4xn14{width:4px;height:4px;border-radius:50%;background:var(--primary);position:absolute;bottom:0}.bottom-fab.svelte-r4xn14{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 14px #f973166b;transform:translateY(-4px);transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0;margin:0 4px}.bottom-fab.svelte-r4xn14:active{transform:translateY(-2px) scale(.93);box-shadow:0 2px 8px #f9731659}.bottom-fab.svelte-r4xn14 svg:where(.svelte-r4xn14){width:22px;height:22px}main,.main-content{padding-bottom:76px}.with-mobile-topbar{padding-top:56px}}