/* 통합 글쓰기 허브 바텀시트 */
.wh-sheet{position:fixed;inset:0;z-index:11000;pointer-events:none;}
.wh-sheet.open{pointer-events:auto;}
.wh-dim{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;
  transition:opacity .22s ease;backdrop-filter:blur(2px);}
.wh-sheet.open .wh-dim{opacity:1;}
.wh-card{position:absolute;left:0;right:0;bottom:0;
  max-width:520px;margin:0 auto;
  background:linear-gradient(180deg,#16171c,#0c0c0f);
  border:1px solid rgba(255,255,255,.08);border-bottom:none;
  border-radius:22px 22px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));
  transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 -20px 60px rgba(0,0,0,.5);}
.wh-sheet.open .wh-card{transform:translateY(0);}
.wh-grip{width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.22);
  margin:6px auto 12px;}
.wh-head{font-size:15px;font-weight:800;color:#fff;margin:0 4px 12px;
  letter-spacing:-.2px;}
.wh-list{display:flex;flex-direction:column;gap:10px;}
.wh-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;
  padding:14px 14px;border-radius:15px;cursor:pointer;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);
  transition:transform .12s ease,background .16s ease,border-color .16s ease;}
.wh-item:active{transform:scale(.98);}
.wh-item.wh-primary{background:
    linear-gradient(180deg,color-mix(in srgb,var(--wh-accent) 16%,transparent),
                    rgba(255,255,255,.03));
  border-color:color-mix(in srgb,var(--wh-accent) 55%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--wh-accent) 30%,transparent) inset;}
.wh-item.wh-locked{opacity:.62;}
.wh-emoji{font-size:26px;width:44px;height:44px;flex:none;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--wh-accent) 18%,#000);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--wh-accent) 40%,transparent) inset;}
.wh-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;}
.wh-title{font-size:15px;font-weight:800;color:#fff;display:flex;align-items:center;gap:7px;}
.wh-soon{font-size:10px;font-weight:800;color:#0a0a0b;background:var(--wh-accent);
  padding:2px 6px;border-radius:99px;letter-spacing:-.2px;}
.wh-desc{font-size:12px;color:#9aa0ad;line-height:1.35;}
.wh-arrow{font-size:22px;color:#6b7280;font-weight:700;margin-left:2px;}
@keyframes wh-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}
  50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.wh-shake{animation:wh-shake .32s ease;}