.nav[data-v-3a23d177]{display:flex;align-items:stretch;gap:var(--s-2);width:100%}.nav-link[data-v-3a23d177]{flex:1 1 0;min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--s-2);border-radius:var(--r-2);color:var(--c-text-muted);background-color:transparent;border:none;text-decoration:none;cursor:pointer;transition:color .15s ease,background-color .15s ease}.nav-link[data-v-3a23d177]:hover{background-color:var(--c-bg-hover);color:var(--c-text)}.nav-link.router-link-active[data-v-3a23d177]{color:#fff;background-color:var(--c-accent)}.nav-link.router-link-active[data-v-3a23d177]:hover{background-color:var(--c-accent-hover)}.nav-link__label[data-v-3a23d177]{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.nav-link[data-v-3a23d177]{transition:none}}.sync[data-v-7fa86a71]{display:flex;align-items:center;gap:6px;padding:0 2px var(--s-4);font-family:var(--ff-mono);font-size:11px;color:var(--c-text-muted);min-width:0}.sync__dot[data-v-7fa86a71]{width:8px;height:8px;border-radius:50%;background:var(--c-text);flex-shrink:0}.sync--offline .sync__dot[data-v-7fa86a71]{background:transparent;border:1.5px solid var(--c-text-subtle)}.sync__device[data-v-7fa86a71]{color:var(--c-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.sync__sep[data-v-7fa86a71]{color:var(--c-text-subtle)}.sync__e2e[data-v-7fa86a71]{display:inline-flex;align-items:center;gap:3px;color:var(--c-text);letter-spacing:.04em}.sync__peers[data-v-7fa86a71]{color:var(--c-text-muted);white-space:nowrap}.sync__user[data-v-7fa86a71]{margin-left:auto;color:var(--c-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#app{height:100dvh;width:100%;display:flex;align-items:center;justify-content:center}.app-container{height:100dvh;max-width:430px;width:100%;height:100%;max-height:800px;display:grid;grid-template-rows:auto 1fr;background:var(--c-bg-surface);border-radius:var(--r-5);overflow:hidden;box-shadow:var(--shadow-lg)}.app-container .header{border-bottom:none;padding:var(--s-4)}.app-container .main{grid-row:2;padding:0 var(--s-4);min-height:0;display:flex;flex-direction:column}.app-container .main .body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}:root{--ff-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ff-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-9: 36px;--s-10: 40px;--r-1: 3px;--r-2: 5px;--r-3: 7px;--r-4: 9px;--r-5: 15px;--r-6: 20px;--r-7: 25px;--r-8: 30px;--r-9: 35px;--r-10: 40px;--c-bg-page: #c8ccd2;--c-bg-surface: #ffffff;--c-bg-elevated: #f7f8fa;--c-bg-card: #f1f3f6;--c-bg-hover: #eef0f3;--c-bg-pressed: #e2e5ea;--c-text: #111827;--c-text-muted: #4b5563;--c-text-subtle: #6b7280;--c-border: #cbd5e1;--c-border-strong: #969fb2;--c-focus-ring: rgba(31, 41, 55, .4);--c-accent: #1f2937;--c-accent-hover: #0f172a;--c-accent-soft: rgba(31, 41, 55, .06);--c-destructive: #dc2626;--c-destructive-hover: #b91c1c;--c-destructive-soft: rgba(220, 38, 38, .08);--shadow-xs: 0 1px 1px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .14), 0 4px 12px rgba(15, 23, 42, .08)}:root{color-scheme:light}html,body,#app{height:100%}body{margin:0;font-family:var(--ff-base);background:var(--c-bg-page);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{color:var(--c-text);margin:0}p{color:var(--c-text-muted);margin:0}a{color:var(--c-accent);text-decoration:none}:focus{outline:none}:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:2px}button:focus-visible,a:focus-visible,[role=radio]:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:2px;border-radius:inherit}input:focus-visible,textarea:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:1px}