*{box-sizing:border-box}body{font-family:Arial,'Segoe UI',sans-serif;color:#202124}button,input,select,textarea{font:inherit}button{cursor:pointer}.primary{border:0;background:#0b57d0;color:white;border-radius:22px;padding:12px 20px;text-decoration:none;display:inline-block}.auth-page{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f0f4f9;padding:22px}.auth-card{background:white;border-radius:24px;padding:38px;width:100%;max-width:440px;box-shadow:0 3px 24px #17304d0d}.auth-card.setup{max-width:610px}.auth-card h1{font-size:25px;font-weight:400}.wordmark{color:#0b57d0;font-size:26px;font-weight:600;margin-bottom:28px}.auth-card label,dialog label{display:block;font-size:13px;margin:20px 0}.auth-card input,.auth-card select,dialog input{display:block;width:100%;padding:13px;border:1px solid #c4c9d0;border-radius:8px;margin-top:8px;background:white}.auth-card input:focus,dialog input:focus{outline:2px solid #0b57d0;outline-offset:2px}.wide{width:100%;margin-top:8px}.muted,.auth-note{color:#697079;line-height:1.6;font-size:13px}.auth-note{font-size:11px;margin-top:24px}.error{background:#fce8e6;color:#9f2118;padding:13px;border-radius:8px;font-size:13px;line-height:1.6}.secret{display:block;overflow-wrap:anywhere;background:#e8f0fe;border-radius:8px;padding:18px;font-size:18px;letter-spacing:1px}#status{white-space:normal;max-width:75%;line-height:1.5}#more{display:block;padding:16px;border:1px solid #d6deea;border-radius:10px;margin:18px auto}#more[hidden]{display:none}.body-text{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 Arial,sans-serif}.thread .actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.thread .actions button{border:1px solid #dadce0;padding:8px 13px;border-radius:20px}.drafts-float{position:fixed;bottom:14px;left:18px;background:#e8f0fe;padding:10px 16px;border-radius:20px;color:#174ea6;font-size:12px}.thread .tag{margin:8px 0;display:inline-block}.message-body{overflow-wrap:anywhere}.message time{white-space:normal}.toolbar #back{white-space:nowrap}.editor[hidden]{display:none!important}.editor .editor-note{padding:6px 16px 12px}.editor .editor-footer{flex-wrap:wrap}.editor .editor-footer button{font-size:12px}.draft-card{border:1px solid #d6deea;border-radius:12px;margin:12px 0;padding:16px}.draft-card button{color:#0b57d0}dialog code{overflow-wrap:anywhere}.thread h1{overflow-wrap:anywhere}.row .sender{overflow:hidden}.folder-notice{padding:20px;line-height:1.6;color:#6b7077}.safe-note{font-size:11px;color:#6b7077;margin:20px 0}.message-body .attachments .attachment{max-width:100%;overflow-wrap:anywhere}@media(max-width:700px){.auth-card{padding:26px 22px;border-radius:18px}.auth-page{padding:12px}.brand{display:none}.top{gap:7px}.top #logout{font-size:11px;padding:5px}.workspace aside{top:64px}.workspace{min-height:calc(100dvh - 64px)}.editor{top:64px;height:calc(100dvh - 64px)}.editor.inline{height:auto}.toolbar{align-items:flex-start}.toolbar .count{font-size:11px}.drafts-float{bottom:8px;left:8px;font-size:10px}.workspace main{min-height:calc(100dvh - 75px)}.message>summary .unread-point{font-size:10px}.message-body{padding-left:0}}

#update-dialog{max-width:650px;line-height:1.6}#update-dialog input{padding:12px}#rollback-update{display:inline-block;border:1px solid #dadce0;border-radius:22px;padding:11px 16px;margin:8px}#rollback-update[hidden]{display:none}#update-result{font-size:13px;color:#174ea6}#updates{white-space:nowrap;font-size:12px}@media(max-width:700px){#updates{font-size:0;width:25px;flex-shrink:0}#updates:before{content:"↥";font-size:20px}.top #logout{font-size:10px}}

.body-text a{color:#0b57d0;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.body-text a:hover{color:#0842a0}.body-text a:focus-visible{outline:2px solid #0b57d0;outline-offset:2px}
.load-retry,.thread-retry{color:#0b57d0;background:#fff;border:1px solid #b7c9df;border-radius:16px;padding:5px 11px;margin:3px 0;font-size:12px;cursor:pointer}.load-retry:focus-visible,.thread-retry:focus-visible{outline:2px solid #0b57d0;outline-offset:2px}
.rich-body{flex:1;min-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;color:#202124;padding:16px;font:14px/1.5 Arial,sans-serif;outline:none}.rich-body img{display:inline-block;max-width:100%;height:auto;vertical-align:middle;margin:4px 0}.editor #body[hidden],.rich-body[hidden]{display:none!important}
.editor .quote-remove{align-self:flex-start;flex-shrink:0;margin:2px 16px 8px;padding:6px 10px;border:1px solid #dadce0;border-radius:16px;font-size:12px;color:#5f6368}.editor .quote-remove[hidden]{display:none!important}
