.account-button{font-size:var(--text-small);white-space:nowrap;gap:6px;padding:8px 10px}.account-dropdown-root{z-index:40;flex-shrink:0;position:relative}.account-dropdown{border:1px solid var(--border);background:var(--paper);width:220px;max-width:calc(100vw - 28px);color:var(--dark);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #10251b1f}.account-dropdown-action{width:100%;min-height:44px;color:var(--green);font-size:var(--text-control);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.account-dropdown-action svg{flex-shrink:0}.account-dropdown-action:not(:disabled):hover{background:var(--sage)}.account-dropdown-logout{color:#a43f38;margin-top:4px}:root[data-theme=dark] .account-dropdown-logout{color:#f3a49a}.account-dropdown-logout:not(:disabled):hover{background:color-mix(in srgb, currentColor 8%, transparent)}.account-dropdown-root :is(button,a):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.account-dropdown>.error{font-size:var(--text-small);overflow-wrap:anywhere;margin:8px 10px}.account-status-dot{background:var(--green,#194e3b);border-radius:50%;width:7px;height:7px}.account-menu-status{border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-small);overflow-wrap:anywhere;margin:0 0 6px;padding:10px 12px 12px;line-height:1.5}.account-panel{margin-bottom:20px;padding:24px}.account-panel>.button,.account-panel>.text-button{margin:8px 8px 0 0}.account-email{overflow-wrap:anywhere;font-weight:600}.auth-form form,form.auth-form{gap:16px;display:grid}.auth-form label{font-weight:500;font-size:var(--text-small);gap:8px;display:grid}.auth-form input{border:1px solid var(--border,#ddd);width:100%;min-height:44px;color:inherit;background:var(--paper);font:inherit;font-size:var(--text-body);border-radius:10px;padding:10px 12px}.auth-form small,.auth-form .muted{font-size:var(--text-small);line-height:1.6}.auth-form>.muted{font-size:var(--text-body);margin:8px 0 20px}.auth-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.auth-password-field{display:block;position:relative}.auth-password-field input{padding-right:48px}.auth-password-toggle{inset-block:0;width:44px;min-height:44px;color:var(--green);border-radius:8px;place-items:center;display:grid;position:absolute;right:2px}.auth-password-toggle:hover{background:var(--sage)}.auth-signup .auth-provider .muted{align-items:center;gap:12px;margin-top:20px;display:flex}.auth-signup .auth-provider .muted:before,.auth-signup .auth-provider .muted:after{content:"";background:var(--border);flex:1;height:1px}.auth-signup-actions{justify-items:center;gap:4px;margin-top:16px;display:grid}.auth-signup-actions p{text-align:center}.auth-signup-actions .text-button{text-underline-offset:3px;min-height:44px;text-decoration:underline}.account-dialog .auth-form .button{margin:0}.auth-confirmation-icon{width:56px;height:56px;color:var(--green);background:var(--sage);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.auth-confirmation .auth-links{align-items:center;gap:16px 20px;margin-top:32px}.auth-confirmation h2{margin:0 0 12px;font-size:26px;line-height:1.3}.auth-confirmation p{font-size:var(--text-body);line-height:1.6}.auth-confirmation .auth-confirmation-recipient{margin:0}.auth-confirmation-recipient .account-email{margin-top:6px;display:block}.auth-confirmation .auth-confirmation-instruction{margin:20px 0 0}.auth-confirmation>.muted{margin:24px 0 0}.auth-confirmation>[role=alert],.auth-confirmation>[role=status]{margin:20px 0 0}.account-dialog:has(.auth-confirmation) .dialog-inner{padding:36px;position:relative}.account-dialog:has(.auth-confirmation) .dialog-header{margin:0}.account-dialog:has(.auth-confirmation) .dialog-header h2{display:none}.account-dialog:has(.auth-confirmation) .dialog-header .icon-button{position:absolute;top:28px;right:28px}.account-dialog .auth-confirmation .auth-links .button{margin:0}.auth-provider{text-align:center;margin:20px 0}.auth-provider .muted{margin:12px 0 0}.google-sign-in-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.google-sign-in-icon img{object-fit:contain;display:block}.auth-page{max-width:560px;margin:60px auto;padding:24px}.auth-page>.panel{margin-top:24px;padding:28px}.auth-page .button{margin-top:20px}.account-dialog .panel{box-shadow:none;border:0;margin:0;padding:0}.account-dialog p{line-height:1.6}.account-dialog .button{margin:8px 8px 0 0}.conflict-choices{grid-template-columns:1fr 1fr;gap:20px;display:grid}.conflict-choices section{border:1px solid var(--border,#ddd);border-radius:12px;padding:16px}.sync-notice{font-size:var(--text-small);background:var(--paper);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 24px;display:flex}@media (max-width:640px){.account-dialog:has(.auth-confirmation) .dialog-inner{padding:24px}.account-dialog:has(.auth-confirmation) .dialog-header .icon-button{top:16px;right:16px}.auth-confirmation h2{font-size:24px}.conflict-choices{grid-template-columns:1fr}.account-button{font-size:var(--text-small);padding:6px}.auth-page{margin:20px auto;padding:16px}.sync-notice{padding:10px 16px}}.account-button{font-size:var(--text-control)}.dialog.dialog-shell.account-sheet{max-width:520px}.dialog.dialog-shell.account-sheet .dialog-header{border-bottom:0;padding-bottom:8px}.dialog.dialog-shell.account-sheet .dialog-header h2{margin:0;font-size:24px}.dialog.dialog-shell.account-sheet .dialog-header .icon-button{border:1px solid var(--border);border-radius:50%}.account-overview{gap:20px;display:grid}.account-summary-card{border:1px solid var(--border);border-radius:14px;overflow:hidden}.account-identity{align-items:center;gap:14px;padding:14px 16px;display:flex}.account-avatar{background:var(--sage);height:40px;color:var(--green);border-radius:50%;flex:0 0 40px;place-items:center;display:grid}.account-overview .account-email{min-width:0;font-size:var(--text-body);margin:0}.account-overview .button{white-space:normal;justify-content:center;gap:10px;width:100%;min-height:48px;margin:0;display:flex}.account-overview .button svg{flex-shrink:0}.account-settings-group{border:1px solid var(--border);border-radius:14px;overflow:hidden}.account-action-row{width:100%;min-height:56px;color:var(--dark);text-align:left;font-size:var(--text-body);background:0 0;border:0;border-radius:0;grid-template-columns:22px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:14px 16px;font-weight:600;display:grid}.account-settings-group>.account-action-row~.account-action-row{border-top:1px solid var(--border)}.account-action-row span{overflow-wrap:anywhere;min-width:0}.account-action-row strong,.account-action-row small{display:block}.account-action-row small{color:var(--muted);font-size:var(--text-small);margin-top:3px;font-weight:400;line-height:1.5}.account-action-row>svg:last-child{color:var(--muted)}.account-action-row .is-expanded{transform:rotate(90deg)}.account-action-row:not(:disabled):is(:hover,:focus-visible):where(:not([aria-expanded])){background:var(--hover-background,var(--sage));color:var(--hover-text,var(--dark))}.account-action-row:focus-visible{outline-offset:-3px}.account-password-content:not([hidden]){padding:4px 16px 20px}.account-signout{gap:10px;display:grid}.account-overview .account-signout p{font-size:var(--text-small);color:var(--muted);margin:0;padding-inline:4px;line-height:1.5}.account-data-management{border-top:1px solid var(--border);padding-top:18px}.account-data-actions,.account-data-actions>.account-action-row+.account-action-row{border-top:1px solid var(--border)}.account-danger-row,.account-danger-row:not(:disabled):is(:hover,:focus-visible){color:#a43f38}:root[data-theme=dark] .account-danger-row,:root[data-theme=dark] .account-danger-row:not(:disabled):is(:hover,:focus-visible){color:#f3a49a}.account-overview>.error{margin:0}@media (max-width:700px){.dialog.dialog-shell.account-sheet{border-radius:24px 24px 0 0;max-width:100%}.dialog.dialog-shell.account-sheet .dialog-header{padding-top:28px;position:relative}.account-overview{gap:16px}.account-identity,.account-action-row{gap:12px;padding-inline:12px}}
