.account-panel{margin:12px 0;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:5px;font-size:12px}
.account-panel summary{cursor:pointer;color:var(--muted)}
.account-panel p{line-height:1.5;margin:8px 0}.account-panel form{max-width:420px}.account-panel input{box-sizing:border-box;width:100%;font-size:16px}.account-panel .buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.account-panel a{color:inherit}.account-privacy{font-size:11px;color:var(--muted)}
body.auth-locked .weekbar,body.auth-locked #week-view,body.auth-locked #trends-view,body.auth-locked #soma-view,body.auth-locked #scratchpad,body.auth-locked #scratch-collapse,body.auth-locked footer details,body.auth-locked #save-status{display:none!important}

body.auth-locked .theme-picker,body.auth-locked #quote-banner,body.auth-locked #quote-toggle,body.auth-locked footer{display:none!important}
body.auth-locked main{max-width:440px;padding:40px 18px}
body.auth-locked header{justify-content:flex-start;margin-bottom:24px}
body.auth-locked #preview-account{max-width:none;margin:0;padding:0;background:transparent;border:0}
body.auth-locked #preview-account>summary{display:none}
body.auth-locked .account-panel label{margin:14px 0}
body.auth-locked .account-panel input{min-height:44px}
body.auth-locked .account-panel button{min-height:40px}
body.auth-locked .account-privacy{margin-top:20px}

#account-intro:empty,#preview-auth-status:empty{display:none}

/* Keep account controls discreet once signed in. */
body:not(.auth-locked) #preview-account{display:none}
footer,footer p,footer summary,footer a,footer button,footer label.file-button{font-family:inherit;font-size:11px!important;line-height:1.5;color:var(--muted)}
footer .footer-signout{display:block;background:none;border:0;box-shadow:none;border-radius:0;padding:3px 0;min-height:0;text-decoration:underline;cursor:pointer;margin-top:6px}
footer .footer-signout[hidden]{display:none}
footer .footer-signout:hover{background:none;color:var(--text);text-decoration:underline}
#footer-auth-status:empty{display:none}
#footer-auth-status{margin:6px 0}

footer a[href="/privacy.html"],.account-privacy a{white-space:nowrap;display:inline-block}

footer .footer-links{display:flex;align-items:center;gap:14px;margin-top:6px}footer .footer-links .footer-signout,footer .footer-links a{margin:0!important;padding:3px 0;line-height:1.5;white-space:nowrap}

#save-status[hidden]{display:none!important}

.account-privacy{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.auth-locked .account-panel #share-app{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted)}
body.auth-locked .account-panel #share-app:hover{color:var(--text);background:var(--surface)}
#share-status{font-size:11px;color:var(--muted);margin:0}#share-status:empty{display:none}

#share-app{display:none}body.auth-locked header{position:relative;padding-right:36px}body.auth-locked header #share-app{display:inline-flex;position:absolute;right:0;top:0;align-items:center;justify-content:center;width:32px;height:36px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted)}body.auth-locked header #share-app:hover{color:var(--text);background:transparent}body.auth-locked header #share-app svg{width:15px;height:15px}

body.auth-locked header{padding-right:0}body.auth-locked .account-privacy{justify-content:flex-start;gap:9px}body.auth-locked .account-panel #share-app{display:inline-flex;width:28px;height:28px;min-height:28px;align-items:center;justify-content:center;padding:0;border:0;box-shadow:none;background:transparent;font-size:18px;line-height:1;opacity:1}