dialog.demo-warning{--demo-yellow:#f5cc48;box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(558px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:2px;background:#15171a;color:#f2f2f1;box-shadow:0 22px 80px #0009;font-family:Inter,"Noto Sans KR",Arial,sans-serif;overflow:auto;z-index:2147483647}
.demo-warning::backdrop{background:#080b12a8;backdrop-filter:blur(4px)}
.demo-warning *{box-sizing:border-box}
.demo-warning .demo-caution{height:9px;background-image:linear-gradient(-45deg,var(--demo-yellow) 25%,#242528 25%,#242528 50%,var(--demo-yellow) 50%,var(--demo-yellow) 75%,#242528 75%);background-size:32px 32px}
.demo-warning[open] .demo-caution{animation:demo-caution-flow 1.05s linear infinite}
.demo-warning[open] .demo-caution-bottom{animation-direction:reverse}
.demo-warning[open] .demo-warning-word{animation:demo-warning-pulse 1.7s ease-in-out infinite}
.demo-warning-top,.demo-warning-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 28px 0;color:#999da4;font:500 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:1.5px}
.demo-warning-top span:last-child{color:var(--demo-yellow);white-space:nowrap;letter-spacing:1px}
.demo-warning-content{padding:27px 34px 29px}
.demo-warning-word{display:flex;align-items:center;gap:13px;color:var(--demo-yellow);font:900 clamp(38px,8.9vw,64px)/1 Arial,sans-serif;letter-spacing:-2.7px}
.demo-warning-word svg{width:39px;height:39px;flex-shrink:0}
.demo-warning-rule{height:1px;background:#37372f;margin:24px 0}
.demo-warning h2{margin:0!important;padding:0!important;font-size:clamp(21px,4.4vw,28px)!important;font-weight:800;line-height:1.45;letter-spacing:-1px;color:#f2f2f1;word-break:keep-all}
.demo-warning h2 em{color:var(--demo-yellow);font-style:normal}
.demo-warning p{color:#a8acb2;font-size:14px;line-height:1.8;margin:13px 0 27px;word-break:keep-all}
.demo-warning button.demo-warning-ack{width:100%;min-height:49px;border:0!important;border-radius:2px!important;background:var(--demo-yellow)!important;color:#191a1c!important;font-family:inherit;font-size:14px;font-weight:750;line-height:1.4;display:flex;justify-content:center;align-items:center;gap:12px;padding:13px 17px;cursor:pointer}
.demo-warning .demo-warning-ack:hover{filter:brightness(1.08)}
.demo-warning .demo-warning-ack:focus-visible{outline:3px solid #f5f6f7;outline-offset:4px}
.demo-warning-bottom{border-top:1px solid #292b2e;padding:13px 28px;letter-spacing:1px;color:#858992}
.demo-warning-bottom span:last-child{color:#b8bbc1}
@keyframes demo-caution-flow{from{background-position:0 0}to{background-position:32px 0}}
@keyframes demo-warning-pulse{0%,100%{opacity:1;text-shadow:0 0 15px #f5cc4833}50%{opacity:.48;text-shadow:0 0 0 #f5cc4800}}
@media(max-width:420px){.demo-warning-top{padding:18px 20px 0;font-size:9px;letter-spacing:.7px}.demo-warning-content{padding:27px 22px}.demo-warning-bottom{padding:12px 20px;letter-spacing:.5px;font-size:9px}.demo-warning-word{font-size:39px;letter-spacing:-1.8px;gap:9px}.demo-warning-word svg{width:29px;height:29px}.demo-warning p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.demo-warning *{animation:none!important;transition:none!important}}
@media print{.demo-warning{display:none!important}}