#am-snack>[data-open]{position:fixed;right:16px;top:250px;z-index:25;display:grid;place-items:center;box-sizing:border-box;width:52px;height:52px;border:1px solid #ffffff40;border-radius:50%;padding:10px;background:var(--am-hud,#263e2ee8);color:white;backdrop-filter:blur(12px)}
#am-snack svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#am-snack svg circle{fill:currentColor;stroke:none}
#am-snack dialog{position:fixed;z-index:38;inset:auto;right:16px;top:250px;margin:0;box-sizing:border-box;width:min(330px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--am-hud,#263e2ee8);color:#fff;border:1px solid #ffffff26;border-radius:20px;padding:20px;font-family:inherit;font-size:14px;line-height:1.6;box-shadow:0 8px 28px #0002;backdrop-filter:blur(12px)}
#am-snack dialog header{position:sticky;top:0;z-index:1;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin:0}
#am-snack h2{font:inherit;font-size:19px;font-weight:600;margin:0}
#am-snack .am-snackDescription{font-size:12px;color:#ffffffb8;margin:6px 0 18px}
#am-snack .am-snackBalance{display:flex;align-items:center;gap:10px;border-radius:12px;background:#ffffff12;padding:10px 12px}
#am-snack .am-snackBalance svg{width:25px;height:25px;flex:none}
#am-snack [data-balance]{font-size:14px;margin:0}
#am-snack [data-status]{font-size:12px;color:#ffffffbf;white-space:pre-wrap;margin:12px 0}
#am-snack [data-status]:empty{display:none}
#am-snack button{font:inherit;cursor:pointer}
#am-snack dialog [data-use],#am-snack dialog [data-check]{display:block;width:100%;min-height:44px;margin:12px 0 0;border:0;border-radius:12px;background:#6e9e67;color:#fff;padding:10px 16px;font-weight:650}
#am-snack dialog [data-check]{background:#ffffff1a;font-size:12px}
#am-snack button:disabled{opacity:.55;cursor:default}
#am-snack dialog [data-close]{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#fff;font-size:25px;line-height:1}
#am-snack button:focus-visible{outline:3px solid #b7d6f6;outline-offset:3px}
#am-snack [hidden]{display:none!important}
@media(max-width:640px){#am-snack dialog{width:min(300px,calc(100vw - 32px));padding:18px}}

#am-snack dialog [data-use]:disabled{background:#b0b0b04d;color:#ffffff9e;opacity:1}
#am-snack dialog [data-close]:focus{outline:none;box-shadow:none}
#am-snack dialog [data-close]:focus-visible{outline:none;text-decoration:none}

#am-snack dialog [data-close]:focus-visible{outline:3px solid #b7d6f6;outline-offset:2px;text-decoration:none}

/* 두 안내는 하나의 설명처럼 붙여 읽는다. */
#am-snack .am-snackDescription{margin:6px 0 0}
#am-snack .am-snackDescription+.am-snackDescription{margin:0 0 14px}