.bnWrap{position:fixed;inset:0;z-index:320;display:flex;align-items:flex-end;pointer-events:none}.bnWrap.on{pointer-events:auto}.bnBackdrop{position:absolute;inset:0;background:rgba(20,18,30,.5);opacity:0;transition:opacity .22s ease}.bnWrap.on .bnBackdrop{opacity:1}.bnSheet{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:30px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--sm-white);text-align:center;transform:translateY(100%);transition:transform .26s cubic-bezier(.22,1,.36,1)}.bnWrap.on .bnSheet{transform:translateY(0)}.bnPhoto{position:relative;width:92px;height:92px;margin-bottom:26px;border-radius:50%;background-color:var(--sm-yellow-soft);background-size:cover;background-position:50%;box-shadow:0 0 0 4px var(--sm-white),0 0 0 6px var(--sm-yellow)}.bnPhoto.pbg-tarot{background-image:url(/profbg/tarot.webp)}.bnPhoto.pbg-saju{background-image:url(/profbg/saju.webp)}.bnPhoto.pbg-sinjeom{background-image:url(/profbg/sinjeom.webp)}.bnPhoto>img:first-child{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top}.bnLive{position:absolute;left:50%;bottom:-12px;z-index:2;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px 0 7px;border:2px solid var(--sm-white);border-radius:999px;background:var(--sm-ink);font-size:var(--sm-fs-xs);font-weight:800;line-height:1;white-space:nowrap;color:var(--sm-yellow);transform:translateX(-50%)}.bnLive img{flex:none;width:13px;height:13px;border-radius:0;object-fit:contain}.bnLive.away{padding:0 10px;background:var(--sm-disabled);color:var(--sm-white)}.bnTitle{font-size:var(--sm-fs-h2);font-weight:800;letter-spacing:-.02em;color:var(--sm-ink)}.bnDesc{margin:10px 0 0;font-size:var(--sm-fs-body);line-height:1.6;color:var(--sm-sub)}.bnDesc em{font-style:normal;font-weight:700;color:var(--sm-gold)}.bnError{margin:10px 0 0;font-size:var(--sm-fs-sub);color:var(--sm-danger)}.bnPrimary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:54px;margin-top:24px;border:0;border-radius:14px;background:var(--sm-yellow);box-shadow:0 8px 18px rgba(229,184,0,.28);font-size:var(--sm-fs-title);font-weight:800;color:var(--sm-ink);cursor:pointer}.bnPrimary:disabled{opacity:.7;cursor:default}.bnGhost{width:100%;height:46px;margin-top:6px;border:0;background:none;font-size:var(--sm-fs-body);font-weight:600;color:var(--sm-sub);cursor:pointer}