*{box-sizing:border-box}body{margin:0;background:#fff1f8;color:#65113c;font:16px/1.6 Arial,sans-serif}header{padding:18px clamp(16px,4vw,45px);background:#ffd6e9;border-bottom:1px solid #ec7cb1}header h1{font:32px Georgia,serif;margin:5px 0}nav{display:flex;flex-wrap:wrap;gap:14px}a{color:#9d0755}main{max-width:560px;margin:35px auto;padding:24px}label,input,button{display:block;width:100%;font:inherit}input{padding:14px;border:1px solid #be6492;border-radius:12px;margin:8px 0 16px}button{padding:12px 18px;border:0;border-radius:12px;background:#db1176;color:white;cursor:pointer;margin:8px 0}button:disabled{opacity:.6}#signedIn{display:flex;gap:18px;align-items:center;flex-wrap:wrap}#signedIn[hidden],[hidden]{display:none!important}#signOut{width:auto}#signedIn span{overflow-wrap:anywhere}.hint{font-size:14px}#authNotice,#vaultStatus{white-space:pre-wrap}iframe{border:0;width:100%;height:calc(100dvh - 165px);min-height:500px;display:block;background:#fff1f8}#workbookLink{font-weight:bold}body.unlocked main{margin:0 auto;padding:0 18px}body.unlocked #account{display:none}#accountHost{padding:0 18px}#accountHost:empty{display:none}@media(max-width:600px){header h1{font-size:26px}iframe{height:calc(100dvh - 210px)}main{margin:16px auto}}