/* Overlay terisolasi dari feed; tidak mengubah style posting yang sudah ada. */
.hh-create-menu[hidden] { display:none !important; }
.hh-create-menu { position:fixed; inset:0; z-index:2147483500; color:#113f3a; font:inherit; }
.hh-create-backdrop { position:absolute; inset:0; background:rgba(3,24,28,.72); }
.hh-create-panel { box-sizing:border-box; position:absolute; bottom:0; left:0; right:0; width:min(100%,520px); max-height:90dvh; overflow-y:auto; overscroll-behavior:contain; margin:auto; padding:20px 18px calc(20px + env(safe-area-inset-bottom, 0px)); border-radius:22px 22px 0 0; background:#fff; box-shadow:0 -8px 24px rgba(0,0,0,.25); }
.hh-create-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:20px; }
.hh-create-panel header button { border:0; background:#e7f4f1; width:40px; height:40px; border-radius:50%; font-size:27px; color:#14584e; }
.hh-create-panel p { margin:4px 0 14px; color:#677774; font-size:14px; }
.hh-create-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hh-create-options button { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:85px; padding:12px; border:1px solid #b9dcd3; border-radius:14px; background:#f5fbf8; color:#0a4940; text-align:left; font:600 14px/1.3 system-ui,sans-serif; }
.hh-create-options button span { display:block; margin-bottom:7px; font-size:25px; }
.hh-create-options button:active { background:#d5f1e7; }
.hh-create-return { margin-top:13px; padding:11px 16px; width:100%; border:1px solid #cbdcda; border-radius:12px; background:white; color:#115044; font:600 15px system-ui,sans-serif; }
.hh-create-open { overflow:hidden !important; }
@media(max-width:335px){.hh-create-options {grid-template-columns:1fr 1fr; gap:7px}.hh-create-options button {padding:9px; font-size:12px;}}