:root{--c-surface:#fff;--c-surface-sunken:#f4f5f6;--c-ink:#15181c;--c-ink-muted:#454b52;--c-border:#d4d8dc;--c-primary:#0b5fff;--c-primary-ink:#fff;--c-primary-pressed:#0a4fcc;--c-positive:#0e7a3b;--c-pending:#8a6d00;--c-danger:#c42121;--c-attention:#ffc400;--c-positive-fill:#7ab693;--c-pending-fill:#b9a867;--c-danger-fill:#e29494;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-display-size:31px;--t-display-lh:38px;--t-title-size:25px;--t-title-lh:32px;--t-subtitle-size:20px;--t-subtitle-lh:28px;--t-body-size:16px;--t-body-lh:24px;--t-label-size:14px;--t-label-lh:20px;--t-caption-size:13px;--t-caption-lh:18px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius-sm:6px;--radius-md:10px;--tap-min:48px}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{font-family:var(--font);font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--c-ink);background:var(--c-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400}h1,h2,h3,p{margin:0}button,input{font-family:inherit;font-size:inherit}.app{max-width:640px;min-height:100vh;margin:0 auto}.app-header{gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--c-border);flex-direction:column;display:flex}.app-header__bar{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.wordmark{font-size:var(--t-display-size);line-height:var(--t-display-lh);color:var(--c-ink);font-weight:700}.wordmark__accent{color:var(--c-primary)}.btn{width:100%;min-height:var(--tap-min);padding:0 var(--sp-4);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1.2;display:inline-flex}.btn--primary{background:var(--c-primary);color:var(--c-primary-ink)}.btn--primary:active{background:var(--c-primary-pressed)}.btn--primary:disabled{background:var(--c-surface-sunken);color:var(--c-ink-muted);cursor:default}.btn--ghost{width:auto;padding:0 var(--sp-3);color:var(--c-ink-muted);border:1px solid var(--c-border);background:0 0;font-size:15px}.btn--ghost:active{background:var(--c-surface-sunken)}.login{gap:var(--sp-4);max-width:420px;padding:var(--sp-6) var(--sp-4);flex-direction:column;margin:0 auto;display:flex}.login__title{margin-bottom:var(--sp-2)}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font-size:var(--t-label-size);line-height:var(--t-label-lh);color:var(--c-ink);font-weight:600}.field__input{min-height:var(--tap-min);padding:0 var(--sp-3);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--c-ink);background:var(--c-surface)}.field__input:focus{border:2px solid var(--c-primary);outline:none}.field__input--error{border:1.5px solid var(--c-danger)}.form-error{align-items:center;gap:var(--sp-2);font-size:var(--t-label-size);line-height:var(--t-label-lh);color:var(--c-ink);font-weight:600;display:flex}.form-error__icon{color:var(--c-danger);flex:none}.anchor-list{margin:0;padding:0;list-style:none}.anchor-item{justify-content:center;gap:var(--sp-1);min-height:64px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);flex-direction:column;display:flex}.anchor-item__name{font-size:var(--t-subtitle-size);line-height:var(--t-subtitle-lh);color:var(--c-ink);font-weight:600}.anchor-item__meta{font-size:var(--t-label-size);line-height:var(--t-label-lh);color:var(--c-ink-muted);font-weight:600}.anchor-empty{padding:var(--sp-6) var(--sp-4);font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--c-ink-muted)}.chip{align-items:center;gap:var(--sp-1);height:24px;padding:0 var(--sp-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--t-label-size);line-height:var(--t-label-lh);color:var(--c-ink);font-weight:600;display:inline-flex}.chip--synced{background:var(--c-positive-fill)}.chip--syncing{background:var(--c-pending-fill)}.chip--offline{background:var(--c-attention)}.chip--failed{background:var(--c-danger-fill)}.network-badge{align-items:center;gap:var(--sp-2);font-size:var(--t-label-size);line-height:var(--t-label-lh);color:var(--c-ink-muted);font-weight:600;display:inline-flex}.network-badge__dot{border-radius:50%;flex:none;width:10px;height:10px}.network-badge__dot--synced{background:var(--c-positive)}.network-badge__dot--syncing{background:var(--c-pending)}.network-badge__dot--failed{background:var(--c-danger)}.network-badge__retry{min-height:var(--tap-min);padding:0 var(--sp-2);color:var(--c-primary);cursor:pointer;background:0 0;border:none;align-items:center;font-size:18px;font-weight:700;display:inline-flex}