:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--primary-color: #333;--secondary-color: #777;--background-color: #fff}body{margin:0;font-family:var(--font-family);color:var(--primary-color);background-color:var(--background-color)}.layout{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}main{flex:1;padding:1rem}footer{padding:1rem;border-top:1px solid #eee;text-align:center}.sync-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;border-radius:999px;background-color:#3350cc1a;color:var(--primary-color);font-size:.9rem}.sync-indicator__dot{width:.6rem;height:.6rem;border-radius:50%;background-color:#36c;animation:sync-indicator-pulse 1.2s ease-in-out infinite}@keyframes sync-indicator-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}