.fw-app{z-index:0;min-height:100vh;color:var(--text);font-family:var(--font-body-stack);display:flex;position:relative}.fw-app .fw-sidebar{z-index:2;background:var(--glass-strong);-webkit-backdrop-filter:blur(8px);border-right:1px solid var(--border);flex-direction:column;width:264px;padding:24px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.fw-app .brand{align-items:center;gap:12px;padding:4px 6px 2px;display:flex}.fw-app .brand-mark{width:40px;height:40px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.fw-app .brand-mark svg{width:22px;height:22px}.fw-app .brand-text{flex-direction:column;line-height:1.2;display:flex}.fw-app .brand-text strong{font-family:var(--font-display-stack);color:var(--text-strong);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.fw-app .brand-text small{color:var(--muted);font-size:.72rem}.fw-app .sidebar-divider{background:var(--border);height:1px;margin:18px 4px}.fw-app .side-nav{flex-direction:column;gap:4px;display:flex}.fw-app .nav-item{color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex;position:relative}.fw-app .nav-item:hover{color:var(--text);background:var(--glass-2)}.fw-app .nav-icon{flex-shrink:0;width:20px;height:20px;display:inline-flex}.fw-app .nav-icon svg{width:20px;height:20px}.fw-app .nav-item.is-active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 22%, transparent)}.fw-app .nav-item.is-active:before{content:"";background:var(--grad-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-18px}.fw-app .nav-item.is-soon{color:var(--label);cursor:default}.fw-app .nav-soon{letter-spacing:.06em;text-transform:uppercase;color:var(--label);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.6rem;font-weight:700}.fw-app .sidebar-spacer{flex:auto;min-height:24px}.fw-app .user-footer{align-items:center;gap:11px;padding:2px 6px 12px;display:flex}.fw-app .user-avatar{width:38px;height:38px;font-family:var(--font-display-stack);color:var(--on-grad);background:var(--grad-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.fw-app .user-meta{flex-direction:column;line-height:1.25;display:flex}.fw-app .user-meta strong{color:var(--text-strong);font-size:.9rem;font-weight:600}.fw-app .user-meta small{color:var(--muted);font-size:.74rem}.fw-app .shell-logout{width:100%;font-family:var(--font-body-stack);color:var(--bad);cursor:pointer;background:#f43f5e14;border:1px solid #f43f5e3d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.85rem;font-weight:600;transition:background-color .15s;display:flex}.fw-app .shell-logout:hover{background:#f43f5e29}.fw-app .shell-logout:disabled{opacity:.6;cursor:default}.fw-app .shell-logout svg{width:16px;height:16px}.fw-app .fw-main{z-index:1;flex:auto;min-width:0;margin-left:264px;padding:30px 40px 64px;position:relative}.fw-app .fw-header{border-radius:var(--r-card);background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;padding:18px 26px;display:flex}.fw-app .fw-title{font-family:var(--font-display-stack);letter-spacing:-.01em;color:var(--text-strong);font-size:2.1rem;font-weight:600;line-height:1.1}.fw-app .fw-subtitle{color:var(--muted);margin-top:6px;font-size:.95rem}.fw-app .fw-header-tools{align-items:center;gap:12px;display:flex}.fw-app .sync-chip{color:var(--text);background:var(--glass-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.fw-app .sync-dot{background:var(--good);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px 1px #34d39999}.fw-app .gear-button{width:40px;height:40px;color:var(--muted);background:var(--glass-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.fw-app .gear-button:hover{color:var(--text);background:var(--glass)}.fw-app .gear-button svg{width:19px;height:19px}.fw-app .fw-content{display:block}.fw-app .footer-actions{flex-direction:column;gap:8px;display:flex}.fw-app .theme-toggle{width:100%;font-family:var(--font-body-stack);color:var(--muted);background:var(--glass-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.85rem;font-weight:600;transition:color .15s,background-color .15s,border-color .15s;display:flex}.fw-app .theme-toggle:hover{color:var(--text);background:var(--glass);border-color:var(--border-hover)}.fw-app .theme-toggle svg{width:16px;height:16px}.fw-app .fw-bottombar{display:none}@media (max-width:640px){.fw-app .fw-sidebar{display:none}.fw-app .fw-main{padding:18px 16px calc(76px + env(safe-area-inset-bottom));margin-left:0}.fw-app .fw-bottombar{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.fw-app .bottombar-item{color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:48px;padding:6px 4px;font-size:.68rem;font-weight:600;text-decoration:none;display:flex}.fw-app .bottombar-item.is-active{color:var(--accent)}.fw-app .bottombar-icon svg{width:22px;height:22px}}