[hidden]{display:none!important}
:root{--script-font:"Script MT Bold","Snell Roundhand","Brush Script MT","Segoe Script",cursive}
#authScreen{max-width:620px;margin:0 auto;padding:80px 20px 40px}
.signin-card{padding:clamp(22px,5vw,38px);border:7px solid transparent;border-radius:24px;
  background:linear-gradient(145deg,#fff,#fce5f2) padding-box,url("rose-glitter.svg") repeat border-box;
  box-shadow:0 8px 22px #2108236b}
.signin-card h2{margin:0;font:400 clamp(2.5rem,8vw,3.8rem)/1.1 var(--script-font);color:#761957}
.signin-card .wordmark-letters{color:#6a164e;background:none;-webkit-text-stroke:0;filter:none}
.signin-card p{line-height:1.5}
.signin-card input{min-width:0;width:100%;min-height:44px}
.remember-choice{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;margin:18px 0}
.remember-choice input{width:18px;min-height:18px;accent-color:#8c1768}
.signin-card button.primary{width:100%;min-height:46px}
#loginError,#passwordError{color:#8e1744}
.connection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:10px 14px;
  background:var(--satin-pink);border:1px solid #af6c9d;border-radius:14px;font-size:.83rem;box-shadow:0 3px 7px #21082333}
#syncStatus{margin-right:auto;font-weight:650}
#syncStatus[data-error="true"]{color:#9c164a}
.connection-bar button{width:auto;padding:5px 9px;min-height:36px;font-size:.85rem}
#signedInEmail{overflow-wrap:anywhere;opacity:.85}
.backup-card{margin-top:20px!important;max-width:620px}
.backup-card h3{font:italic 700 1.35rem var(--display-font);margin:0 0 10px}
.backup-card p{line-height:1.5}
.backup-actions{display:flex;flex-wrap:wrap;gap:10px}
.backup-actions button{width:auto;padding:8px 12px;border:1px solid #b975a6;border-radius:10px;text-align:center;background:var(--satin-pink)}
button:disabled{cursor:wait;opacity:.6}
#passwordDialog h2{margin:0;font:italic 700 1.6rem var(--display-font)}
#passwordDialog input{min-width:0;width:100%}
#workspace>section{margin-top:0}
@media(max-width:550px){
  .connection-bar{gap:6px}
  #syncStatus{flex-basis:70%}
  #signedInEmail{flex-basis:100%;order:1}
  #openPassword,#signOut{order:2}
  #calendar .day{min-height:72px}
  #calendar .day button{font-size:.65rem;overflow-wrap:anywhere;padding:4px 2px}
}