*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-canvas);line-height:1.5}#app,.app-container{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-container[data-v-0811e1bc]{display:flex;flex-direction:column}.app-nav[data-v-0811e1bc]{position:sticky;top:0;z-index:100;padding:12px 20px;border-bottom:1px solid var(--color-border);background:#fffffffa}.nav-container[data-v-0811e1bc]{width:min(100%,var(--content-width));min-height:48px;margin:0 auto;display:flex;align-items:center;gap:28px}.nav-brand[data-v-0811e1bc]{display:inline-flex;align-items:center;gap:11px;color:var(--color-ink);font-size:1.35rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.nav-content[data-v-0811e1bc]{flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-links[data-v-0811e1bc],.nav-account[data-v-0811e1bc]{display:flex;align-items:center;gap:6px}.nav-link[data-v-0811e1bc],.account-link[data-v-0811e1bc]{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-muted);font-size:.9rem;font-weight:600;text-decoration:none;transition:var(--transition)}.nav-link[data-v-0811e1bc]:hover,.nav-link.router-link-active[data-v-0811e1bc],.account-link[data-v-0811e1bc]:hover{color:var(--color-ink);background:#f3f4f6}.account-link.primary[data-v-0811e1bc]{color:#fff;background:var(--color-ink)}.account-link.primary[data-v-0811e1bc]:hover{color:#fff;background:#27272a}.sync-pill[data-v-0811e1bc]{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);background:#fff;font:inherit;font-size:.78rem;font-weight:600}button.sync-pill[data-v-0811e1bc]{cursor:pointer}.status-dot[data-v-0811e1bc]{width:7px;height:7px;border-radius:50%;background:var(--color-success)}.status-dot.offline[data-v-0811e1bc],.status-dot.local[data-v-0811e1bc]{background:var(--color-subtle)}.status-dot.error[data-v-0811e1bc]{background:var(--color-danger)}.status-dot.syncing[data-v-0811e1bc]{background:var(--color-warning)}.mobile-menu-btn[data-v-0811e1bc]{display:none;margin-left:auto;padding:8px;border:0;border-radius:8px;color:var(--color-ink);background:none;cursor:pointer}.app-main[data-v-0811e1bc]{flex:1}.toast-region[data-v-0811e1bc]{position:fixed;right:20px;bottom:20px;z-index:300;width:min(380px,calc(100% - 40px));display:grid;gap:10px}.toast[data-v-0811e1bc]{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:#fff;box-shadow:var(--shadow-md)}.toast.success[data-v-0811e1bc]{border-left:4px solid var(--color-success)}.toast.error[data-v-0811e1bc]{border-left:4px solid var(--color-danger)}.toast.warning[data-v-0811e1bc]{border-left:4px solid var(--color-warning)}.toast button[data-v-0811e1bc]{border:0;color:var(--color-muted);background:none;cursor:pointer;font-size:1.2rem}@media(max-width:860px){.mobile-menu-btn[data-v-0811e1bc]{display:grid;place-items:center}.nav-content[data-v-0811e1bc]{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 20px 20px;border-bottom:1px solid var(--color-border);background:#fff;box-shadow:var(--shadow-md)}.nav-content.is-open[data-v-0811e1bc],.nav-links[data-v-0811e1bc],.nav-account[data-v-0811e1bc]{display:flex;flex-direction:column;align-items:stretch}.nav-link[data-v-0811e1bc],.account-link[data-v-0811e1bc],.sync-pill[data-v-0811e1bc]{justify-content:center}}:root{--color-ink: #18181b;--color-text: #1f2937;--color-muted: #6b7280;--color-subtle: #9ca3af;--color-border: #e5e7eb;--color-canvas: #f3f4f6;--color-surface: #ffffff;--color-success: #10b981;--color-success-strong: #059669;--color-danger: #dc2626;--color-warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(24, 24, 27, .08);--shadow-md: 0 12px 30px rgba(24, 24, 27, .09);--content-width: 1200px;--transition: .18s ease}:focus-visible{outline:3px solid rgba(24,24,27,.22);outline-offset:3px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}