/* 미드나잇: 이 스킨의 디자인과 선택 썸네일 */
.qr-sample-midnight{background:radial-gradient(circle at 15% 26%,#ddc18a 0 1px,transparent 2px),radial-gradient(circle at 82% 67%,#ddc18a 0 1px,transparent 2px),#202c46;color:#ddc18a;}
.qr-sample-midnight:before{content:'';position:absolute;inset:-24px 12px;border:1px solid #9f8e724d;border-radius:50%;}
.qr-sign[data-skin=midnight] .qr-sign-inner{box-sizing:border-box;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:127.333cqw;padding:8cqw 9cqw 5cqw;transform:scale(var(--qr-content-scale,1));transform-origin:top center;}
.qr-sign[data-skin=midnight] .qr-sign-kicker{display:none;margin:0 0 3cqw;font-size:2.2cqw;letter-spacing:.25em;font-weight:500;}
.qr-sign[data-skin=midnight] .qr-sign-welcome{position:relative;width:100%;line-height:1.1;}
.qr-sign[data-skin=midnight] .qr-welcome-botanical{display:block;font-family:Georgia,serif;font-size:11cqw;font-style:italic;letter-spacing:-.055em;font-weight:400;}
.qr-sign[data-skin=midnight] .qr-sign-rule{display:flex;align-items:center;justify-content:center;gap:2.5cqw;margin:3cqw 0;}
.qr-sign[data-skin=midnight] .qr-sign-rule>span{width:8cqw;height:1px;background:currentColor;opacity:.4;}
.qr-sign[data-skin=midnight] .qr-sign-rule svg{width:3.5cqw;height:3.5cqw;}
.qr-sign[data-skin=midnight] .qr-sign-message{max-width:100%;font-size:4.6cqw;line-height:1.4;font-weight:500;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;}
.qr-sign[data-skin=midnight] .qr-code-mount{box-sizing:border-box;width:52cqw;margin-top:5cqw;padding:3.7cqw;background:#fff;}
.qr-sign[data-skin=midnight] .qr-code-mount img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:0;border-radius:0;}
.qr-sign[data-skin=midnight] .qr-scan-instruction{display:flex;align-items:center;justify-content:center;gap:2cqw;margin-top:5cqw;}
.qr-sign[data-skin=midnight] .qr-scan-instruction>svg{width:4.5cqw;height:5.5cqw;flex-shrink:0;}
.qr-sign[data-skin=midnight] .qr-scan-instruction p{margin:0;text-align:left;font-size:3.1cqw;line-height:1.65;letter-spacing:-.02em;}
.qr-sign[data-skin=midnight] .qr-scan-instruction strong{font-size:3.5cqw;font-weight:600;}
.qr-sign[data-skin=midnight] .qr-sign-logo{display:block;width:14cqw;height:auto;margin-top:auto;padding-top:4cqw;opacity:.7;}
.qr-sign[data-skin=midnight]{color:#f0edf2;background:#202c46;}
.qr-sign[data-skin=midnight]:before{content:'';position:absolute;inset:4cqw;border:1px solid #9f8e7259;border-radius:50cqw 50cqw 0 0;}
.qr-sign[data-skin=midnight]:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 13% 14%,#ddc18a 0 .22cqw,transparent .3cqw),radial-gradient(circle at 83% 24%,#ddc18a 0 .17cqw,transparent .24cqw),radial-gradient(circle at 8% 70%,#ddc18a 0 .15cqw,transparent .24cqw),radial-gradient(circle at 91% 86%,#ddc18a 0 .2cqw,transparent .3cqw),radial-gradient(circle at 85% 9%,#ddc18a 0 .14cqw,transparent .24cqw),radial-gradient(ellipse at 0 0,#51617d4d,transparent 60%);pointer-events:none;}
.qr-sign[data-skin=midnight] .qr-sign-inner{padding-top:13cqw;}
.qr-sign[data-skin=midnight] .qr-sign-kicker{display:block;color:#cbbd9f;font-size:2cqw;letter-spacing:.3em;}
.qr-sign[data-skin=midnight] .qr-welcome-botanical{color:#e4c995;font-size:10cqw;font-style:normal;}
.qr-sign[data-skin=midnight] .qr-sign-rule{color:#d5bc87;}
.qr-sign[data-skin=midnight] .qr-sign-rule svg{width:2.5cqw;height:2.5cqw;border:1px solid currentColor;transform:rotate(45deg);}
.qr-sign[data-skin=midnight] .qr-sign-rule svg path{display:none;}
.qr-sign[data-skin=midnight] .qr-code-mount{border:1px solid #e4c995;outline:1px solid #ad987069;outline-offset:1.5cqw;}
.qr-sign[data-skin=midnight] .qr-sign-logo{filter:brightness(0) invert(1);opacity:.6;}