:root{font-family:system-ui,sans-serif;color:#f2f3e9;background:#171918;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;align-items:center;gap:22px;padding:12px 24px;border-bottom:1px solid #3a403c}a{color:#ffc39e;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}header strong{font-size:16px}#sync{margin-left:auto;font-size:12px;color:#ccd3c7}button{font:inherit;border:0;border-radius:22px;padding:12px 20px;background:#ff936c;color:#241a16;cursor:pointer;min-height:44px}a:focus-visible,button:focus-visible{outline:3px solid #d8ffae;outline-offset:3px}#ComposeTarget{width:100%;height:calc(100dvh - 64px);background:#f8fafc}#gate{max-width:570px;margin:15vh auto;padding:32px;text-align:center}#gate h1{font-size:30px}#gate p{line-height:1.6;color:#b9c3b5}#choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:600px){header{height:92px;flex-wrap:wrap;gap:4px 18px;padding:8px 16px}header strong{margin-left:auto}#sync{order:3;margin-left:0;width:calc(100% - 112px)}#account{font-size:12px}#retry{order:4;font-size:11px;padding:7px 12px;min-height:32px}#ComposeTarget{height:calc(100dvh - 92px)}#gate{margin:10vh 12px;padding:20px}}

html,body{width:100%;height:100%;overflow:hidden}#ComposeTarget{overflow:hidden;max-width:100%}