:where(#post,#invite){box-sizing:border-box;font-family:Georgia,'Yu Mincho',serif;border:1px solid #b49b66;border-radius:16px;background:#f9f2e5;color:#263449;width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 20px 60px #10203750;line-height:1.8}
:where(#post,#invite) *{box-sizing:border-box}:where(#post,#invite)::backdrop{background:#14223799}
:where(#post,#invite) button{min-height:44px;padding:11px 20px;border:1px solid #b49b66;border-radius:8px;background:#23344d;color:#fff7e3;font:inherit;cursor:pointer}
:where(#post,#invite) button:disabled{opacity:.55;cursor:default}:where(#post,#invite) :focus-visible{outline:3px solid #ba9140;outline-offset:3px}
:where(#post,#invite) .close{display:block;margin-left:auto;background:transparent;color:#263449;padding:6px 12px}
:where(#post,#invite) h2{font-size:23px;line-height:1.6}#invite{text-align:center}#invite .messenger{width:120px;height:154px;object-fit:contain;border-radius:18px}
#post form>label,#post fieldset{display:block;margin:20px 0}#post fieldset{border:1px solid #c6b48c;border-radius:8px;padding:14px}#post fieldset label{display:inline-flex;align-items:center;min-height:44px;margin-right:12px;gap:6px}
#post textarea{display:block;width:100%;margin-top:8px;border:1px solid #baa77f;border-radius:6px;padding:12px;background:#fffdf7;font:16px/1.6 sans-serif;color:#263449}#post input[type=checkbox]{width:20px;height:20px}#post .privacy{font-size:13px}#post .bubble{border:1px solid #c2ac7c;border-radius:16px;padding:14px;background:#fffaf0}
@media(max-width:400px){:where(#post,#invite){padding:18px}:where(#post,#invite) h2{font-size:21px}#post .bubble{font-size:14px}}
#post .delivery{min-height:280px;display:block;overflow:hidden;padding-top:12px}
#post .porte-walk{position:relative;width:160px;height:240px;margin:22px auto 0}
#post .porte-walk img{position:absolute;inset:0;width:160px;height:240px;object-fit:contain;border-radius:0}
#post .walk-b{opacity:0;transform:none}
#post .delivery .bubble{position:relative;margin:0 auto;max-width:270px;text-align:center}
#post.sent .delivery{animation:none}
#post.sent .porte-walk{animation:porte-depart 5s ease-in 1.2s forwards}
#post.sent .walk-a{animation:porte-a 720ms steps(1,end) infinite}
#post.sent .walk-b{animation:porte-b 720ms steps(1,end) infinite}
@keyframes porte-a{0%,100%{opacity:1}50%{opacity:0}}
@keyframes porte-b{0%,100%{opacity:0}50%{opacity:1}}
@keyframes porte-depart{0%{transform:translateX(0);opacity:1}85%{opacity:1}100%{transform:translateX(180px);opacity:0}}
@media(prefers-reduced-motion:reduce){#post.sent .porte-walk,#post.sent .walk-a,#post.sent .walk-b{animation:none}.walk-a{opacity:1}.walk-b{opacity:0}}

:where(#post,#invite) .post-bgm-stop{font-size:12px;background:transparent;color:#263449;padding:6px 10px}

#post-launcher{position:fixed;right:calc(14px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:96px;z-index:39;font:12px/1.4 Georgia,'Yu Mincho',serif;color:#263449}
#post-launcher[hidden]{display:none}#post-launcher button{font:inherit;cursor:pointer;touch-action:manipulation}#post-launcher button:focus-visible{outline:3px solid #ad7c29;outline-offset:4px}
.post-launcher-open{border:0;background:transparent;padding:0;width:96px;color:inherit;display:grid;justify-items:center;gap:5px}
.post-launcher-art{position:relative;display:block;width:80px;height:80px;border-radius:50%;border:2px solid #baa169;background:radial-gradient(circle at 40% 30%,#fff9e9,#e6d5b7);box-shadow:0 4px 16px #15233630,inset 0 0 0 4px #fff4d9;overflow:visible}
.post-launcher-art img{position:absolute;right:2px;bottom:3px;width:46px;height:70px;object-fit:contain;transform:none}.mailbox-art{position:absolute;left:5px;bottom:3px;width:38px;height:62px}
.post-launcher-label{background:#faf3e4;border:1px solid #c5ae80;padding:3px 6px;border-radius:12px;white-space:nowrap;font-size:11px}
.post-launcher-dismiss{position:absolute;right:-6px;top:-31px;width:44px;height:44px;z-index:1;border:0;background:transparent;display:grid;place-items:center;color:#263449}.post-launcher-dismiss span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #baa169;background:#fcf6e9;font:22px/1 sans-serif;box-shadow:0 2px 6px #15233620}
@media(max-width:400px){#post-launcher{right:calc(8px + env(safe-area-inset-right))}}

#post .post-mailcat-guide{display:block;width:84px;height:100px;object-fit:contain;margin:8px auto;transform:none}
#post.sent>.post-mailcat-guide,#post.sent>p{display:none}

#post-launcher.post-launcher-reader{bottom:calc(200px + env(safe-area-inset-bottom))}