.topbar-title{display:flex;align-items:center;gap:10px;margin:0 0 0 -10px;padding:6px 10px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.topbar-title:hover{background:#eef2ec}.topbar-title:focus-visible{outline:2px solid var(--green);outline-offset:2px}.topbar-title>span:last-child{display:flex;flex-direction:column}.topbar-title-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:white;color:#526c55}.topbar-title[aria-pressed=false] .topbar-title-icon{background:var(--mint);border-color:#b8d1b8;color:var(--green-dark)}.sidebar{transition:transform .22s ease,box-shadow .22s ease}.main-column{transition:margin-left .22s ease}.sidebar-hotzone{position:fixed;inset:0 auto 0 0;width:14px;z-index:6}.sidebar-autohide .main-column{margin-left:0}.sidebar-autohide .sidebar{transform:translateX(-100%);z-index:20}.sidebar-autohide .sidebar:focus-within,.sidebar-autohide.sidebar-peek .sidebar{transform:none;box-shadow:8px 0 32px rgba(32,37,31,.12)}@media (max-width:760px){.topbar-title{pointer-events:none}.sidebar-hotzone,.topbar-title-icon{display:none}.mobile-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.main-column,.sidebar{transition:none}}.local-pill.is-syncing .badge-dot{background:#d4b04f;box-shadow:0 0 0 3px #f8f0d6}.local-pill.is-error .badge-dot{background:#c0675f;box-shadow:0 0 0 3px #f8e3e1}.topbar-login{padding:6px 14px;border-radius:99px;background:var(--green);color:white;font-size:12px;font-weight:700}.topbar-login:hover{background:var(--green-dark)}.account{position:relative}.account-button{padding:0;border:0;overflow:hidden;cursor:pointer}.account-button img{width:100%;height:100%;object-fit:cover}.account-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;gap:10px;width:250px;padding:14px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 10px 28px rgba(32,37,31,.12)}.account-who{display:grid;gap:2px;min-width:0}.account-who strong{color:var(--ink);font-size:14px}.account-who span{overflow:hidden;color:#7a847b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.account-sync{margin:0;color:#6b756b;font-size:12px;line-height:1.6}.account-menu button{padding:8px 10px;border:0;border-radius:8px;background:#f0f3ed;color:#556b56;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.account-menu button:hover{background:#e7ede4}