.sj-compose-launcher,.sj-compose-dialog{--sj-compose-bg:#fff;--sj-compose-ink:#202632;--sj-compose-soft:#f0f2f5;--sj-compose-line:#dce2e9;color:var(--sj-compose-ink);background:var(--sj-compose-bg)}
html[data-sj-theme="dark"] :is(.sj-compose-launcher,.sj-compose-dialog){--sj-compose-bg:#222832;--sj-compose-ink:#eef2f7;--sj-compose-soft:#343d49;--sj-compose-line:#475362}
.sj-compose-launcher{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--sj-compose-line);border-radius:18px;width:100%;box-sizing:border-box;min-width:0}
.sj-compose-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px;max-width:44px}
.sj-compose-launcher img.avatar,.sj-compose-identity img.avatar{width:44px;height:44px;max-width:44px;flex:0 0 44px;object-fit:cover;border-radius:50%!important}
.sj-compose-dialog button[type="submit"]:disabled{opacity:.5;cursor:not-allowed}
.sj-compose-guest{display:grid;place-items:center;background:#e4efec;color:#00796b;font-size:13px;font-weight:800}
.sj-compose-prompt{display:flex;align-items:center;flex:1;min-width:0;min-height:44px;padding:10px 16px;border-radius:28px;background:var(--sj-compose-soft);color:var(--sj-compose-ink);font-size:15px;text-decoration:none!important;overflow-wrap:anywhere}
.sj-compose-prompt:hover{filter:brightness(.97)}
.sj-compose-shortcut{display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;border-radius:50%;color:#00856e;text-decoration:none!important}
.sj-compose-shortcut:hover{background:var(--sj-compose-soft)}
.sj-compose-launcher a:focus-visible,.sj-compose-dialog button:focus-visible{outline:3px solid #00856e;outline-offset:3px}
.sj-compose-is-open{overflow:hidden}
.sj-compose-dialog{border:1px solid var(--sj-compose-line);padding:0;border-radius:20px;width:min(600px,calc(100% - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:0 20px 90px #0005;overflow:auto;overscroll-behavior:contain;z-index:100000}
.sj-compose-dialog::backdrop{background:rgb(12 19 28 / .6)}
.sj-compose-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sj-compose-line);background:var(--sj-compose-bg);position:sticky;top:0;z-index:2}
.sj-compose-dialog-head h2{font-size:22px;line-height:1.2;margin:0}
.sj-compose-dialog-head button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:var(--sj-compose-soft);color:var(--sj-compose-ink);font-size:28px;line-height:1}
.sj-compose-dialog-body{padding:18px 20px 24px;min-width:0}
.sj-compose-identity{display:flex;align-items:center;gap:10px;margin-bottom:16px;min-width:0}.sj-compose-identity>div{min-width:0;overflow-wrap:anywhere}.sj-compose-identity small{display:block;margin-top:3px;font-size:12px;opacity:.75}
.sj-compose-dialog .sj-composer{margin:0;padding:0;border:0;background:transparent;box-shadow:none;max-width:100%;min-width:0}
.sj-compose-dialog :is(form,.sj-composer-addons,.sj-rich-editor){min-width:0;max-width:100%;box-sizing:border-box}
.sj-compose-dialog .sj-rich-editor{min-height:150px;font-size:19px;line-height:1.5}
.sj-compose-dialog .sj-composer-footer button{width:100%;min-height:44px}
.sj-compose-dialog .sj-composer-option input{max-width:100%;box-sizing:border-box}
.sj-compose-close-notice{color:#a43b12;font-size:14px}
@media(max-width:480px){.sj-compose-launcher{gap:6px;padding:10px}.sj-compose-avatar{width:36px;height:36px;flex-basis:36px;max-width:36px}.sj-compose-prompt{font-size:14px;padding:10px 12px}.sj-compose-shortcut{flex-basis:40px;min-width:40px}.sj-compose-dialog{width:calc(100% - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.sj-compose-dialog-body{padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.sj-compose-dialog-head{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.sj-compose-dialog{scroll-behavior:auto}}