.app-shell--desktop[data-v-f54dba34]{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}.sidebar[data-v-f54dba34]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8e6;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;height:100dvh;padding:24px 18px;position:sticky;top:0}.brand[data-v-f54dba34]{font-size:1.8rem;font-weight:800;letter-spacing:-.04em}.sidebar-user[data-v-f54dba34]{font-size:.85rem;margin:0 0 12px}.side-nav[data-v-f54dba34]{display:flex;flex:1;flex-direction:column;gap:6px}.side-link[data-v-f54dba34]{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:10px;padding:12px}.side-link.router-link-active[data-v-f54dba34]{background:var(--accent-soft);color:var(--accent)}.side-link--brew.router-link-active[data-v-f54dba34]{background:#efe6d8;color:#3a2f24}.side-divider[data-v-f54dba34]{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:14px 4px 4px;text-transform:uppercase}.add-btn[data-v-f54dba34]{font-size:1.05rem;margin-bottom:0;min-height:48px;width:100%}.add-btn-secondary[data-v-f54dba34]{margin-bottom:8px;min-height:40px;width:100%}.side-sync[data-v-f54dba34]{margin-top:auto}.topbar-right[data-v-f54dba34]{align-items:center;display:flex;gap:8px}.add-btn-mobile[data-v-f54dba34]{font-size:1.25rem;min-width:44px;padding:0}.main[data-v-f54dba34]{min-width:0}.topbar[data-v-f54dba34]{justify-content:space-between;padding:calc(8px + var(--safe-top)) 16px 0}.topbar[data-v-f54dba34],.topbar-left[data-v-f54dba34]{align-items:center;display:flex}.topbar-left[data-v-f54dba34]{gap:8px}.back[data-v-f54dba34],.sync-btn[data-v-f54dba34]{min-width:44px;padding:0}.tabbar[data-v-f54dba34]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f0;border-top:1px solid var(--line);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:var(--tabbar-h);left:0;padding:8px 8px var(--safe-bottom);position:fixed;right:0;z-index:40}.tab[data-v-f54dba34]{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:2px;justify-content:center}.tab--active[data-v-f54dba34]{color:var(--accent)}.tab-icon[data-v-f54dba34]{font-size:1.15rem;line-height:1}