body:not(.yb-authenticated) .app{visibility:hidden}
.yb-auth-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:#f3f5fa}.yb-auth-gate[hidden]{display:none}.yb-auth-card{width:min(430px,100%);padding:32px;background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 20px 60px #15253d20;display:grid;gap:12px}.yb-auth-brand{font-weight:900;font-size:22px;color:#15253d}.yb-auth-card h1{margin:0;color:#172334}.yb-auth-copy{color:#6b7b90;line-height:1.5}.yb-auth-card label{font-size:12px;font-weight:700}.yb-auth-card input{padding:12px;border:1px solid #dce3ed;border-radius:9px;font:inherit}.yb-auth-card button[type=submit]{padding:13px;border:0;border-radius:10px;background:#15253d;color:white;font-weight:800}.yb-auth-link{background:none;border:0;color:#315faa;text-decoration:underline;text-align:left}#yb-auth-status{min-height:20px;font-size:12px;color:#18764a}#yb-auth-status[data-error=true]{color:#b43f45}.yb-account-chip{position:fixed;right:12px;bottom:12px;z-index:50;background:white;border:1px solid #e5eaf2;border-radius:10px;padding:8px}.yb-account-chip[hidden]{display:none}
.yb-sync-indicator{position:fixed;right:14px;bottom:14px;z-index:60;padding:9px 12px;border:1px solid #dfe6f0;border-radius:999px;background:#fff;color:#53657b;font-size:12px;box-shadow:0 8px 24px #15253d18}.yb-sync-indicator[data-state=synced]{color:#18764a;background:#e9f8ef}.yb-sync-indicator[data-state=saving],.yb-sync-indicator[data-state=loading],.yb-sync-indicator[data-state=pending]{color:#315faa;background:#edf3ff}.yb-sync-indicator[data-state=offline],.yb-sync-indicator[data-state=error],.yb-sync-indicator[data-state=conflict]{color:#a43d45;background:#fff0f1}.yb-sync-panel{position:fixed;left:14px;right:14px;bottom:62px;z-index:70;padding:16px;background:#fff7df;border:1px solid #e7c86e;border-radius:14px;box-shadow:0 12px 36px #15253d26;display:grid;gap:10px}.yb-sync-panel p{margin:0;color:#6b5a2a;font-size:13px}.yb-sync-panel button{width:max-content;padding:9px 12px;border-radius:9px;border:1px solid #d6b657;background:#fff;color:#5d4a16}