.header-inner[data-v-7ec646c2]{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.header-inner[data-v-7ec646c2],.logo-link[data-v-7ec646c2]{align-items:center;display:flex}.logo-img[data-v-7ec646c2]{height:56px;width:auto}.desktop-nav[data-v-7ec646c2]{align-items:center;display:flex;gap:24px}@media(max-width:768px){.logo-img[data-v-7ec646c2]{height:40px}.desktop-nav[data-v-7ec646c2]{display:none}}.nav-link[data-v-7ec646c2]{color:rgb(var(--foreground));font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.nav-link[data-v-7ec646c2]:hover{color:rgb(var(--muted-foreground))}.signup-pill[data-v-7ec646c2]{background:rgb(var(--primary));border-radius:9999px;color:rgb(var(--primary-foreground));font-size:14px;font-weight:600;padding:8px 20px;text-decoration:none;transition:opacity .15s}.signup-pill[data-v-7ec646c2]:hover{opacity:.9}.appearance-wrap[data-v-7ec646c2]{position:relative}.appearance-btn[data-v-7ec646c2]{align-items:center;background:rgb(var(--card));border:1px solid rgb(var(--border));border-radius:9999px;color:rgb(var(--foreground));cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.appearance-btn[data-v-7ec646c2]:hover{background:rgb(var(--muted))}.appearance-menu[data-v-7ec646c2]{background:rgb(var(--card));border:1px solid rgb(var(--border));border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.menu-item[data-v-7ec646c2]{align-items:center;background:transparent;border:none;border-radius:8px;color:rgb(var(--foreground));cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.menu-item[data-v-7ec646c2]:hover{background:rgb(var(--muted))}.menu-item.active[data-v-7ec646c2]{font-weight:600}.menu-dot[data-v-7ec646c2]{background:rgb(var(--primary));border-radius:50%;height:6px;width:6px}.menu-divider[data-v-7ec646c2]{background:rgb(var(--border));height:1px;margin:4px 0}.mobile-toggle[data-v-7ec646c2]{align-items:center;background:transparent;border:none;color:rgb(var(--foreground));cursor:pointer;display:none;height:40px;justify-content:center;width:40px}@media(max-width:768px){.mobile-toggle[data-v-7ec646c2]{display:flex}}.mobile-menu[data-v-7ec646c2]{background:rgb(var(--background));border-top:1px solid rgb(var(--border))}.mobile-menu-inner[data-v-7ec646c2]{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1280px;padding:16px 24px}.mobile-link[data-v-7ec646c2]{color:rgb(var(--foreground));padding:10px 0}.mobile-link[data-v-7ec646c2],.mobile-signup[data-v-7ec646c2]{font-size:15px;font-weight:600;text-decoration:none}.mobile-signup[data-v-7ec646c2]{background:rgb(var(--primary));border-radius:9999px;color:rgb(var(--primary-foreground));display:block;padding:12px;text-align:center}.mobile-divider[data-v-7ec646c2]{background:rgb(var(--border));height:1px;margin:4px 0}.mobile-section-label[data-v-7ec646c2]{color:rgb(var(--muted-foreground));font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 0;text-transform:uppercase}.mobile-appearance-btn[data-v-7ec646c2]{background:rgb(var(--card));border:1px solid rgb(var(--border));border-radius:8px;color:rgb(var(--foreground));cursor:pointer;display:block;font-size:14px;font-weight:500;padding:10px 12px;text-align:left;width:100%}.mobile-appearance-btn.active[data-v-7ec646c2]{border-color:rgb(var(--ring));font-weight:600}.app-footer[data-v-d3ead4a8]{border-top:1px solid rgb(var(--border));margin-top:80px;padding:48px 24px}.footer-inner[data-v-d3ead4a8]{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1280px;text-align:center}.footer-tagline[data-v-d3ead4a8]{color:rgb(var(--muted-foreground));font-size:14px;line-height:1.5;max-width:560px}.footer-links[data-v-d3ead4a8]{display:flex;gap:24px}.footer-link[data-v-d3ead4a8]{color:rgb(var(--foreground));font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.footer-link[data-v-d3ead4a8]:hover{color:rgb(var(--muted-foreground))}@media(max-width:768px){.footer-links[data-v-d3ead4a8]{flex-direction:column;gap:12px}}