.sfc-popup[hidden],.sfc-first-card__complete[hidden]{display:none!important}
.sfc-popup{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#342d26}
.sfc-popup__backdrop{position:absolute;inset:0;background:rgba(31,30,27,.48);backdrop-filter:blur(7px)}
.sfc-first-card{position:relative;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:54px clamp(22px,6vw,72px) 42px;border:1px solid rgba(202,157,71,.28);border-radius:32px;background:linear-gradient(145deg,#fff 12%,#fffbf3 68%,#fbf5eb);box-shadow:0 30px 90px rgba(33,27,19,.26);text-align:center}
.sfc-first-card__kicker{margin:0 0 19px;color:#b47c20;font-size:11px;font-weight:800;letter-spacing:.3em}
.sfc-first-card h2{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(29px,4vw,45px);font-weight:400;letter-spacing:.06em}
.sfc-first-card__intro{margin:27px auto 31px;color:#766d65;font-size:14px;line-height:2}
.sfc-first-colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.sfc-first-color{--sfc-color:#d8bd74;position:relative;display:flex;min-width:0;min-height:132px;padding:14px 8px 11px;border:1px solid rgba(174,151,116,.25);border-radius:16px;background:rgba(255,255,255,.83);align-items:center;flex-direction:column;cursor:pointer;transition:.18s ease}
.sfc-first-color input{position:absolute;opacity:0;pointer-events:none}
.sfc-first-color__orb,.sfc-first-confirm__orb,.sfc-complete-orb{display:block;border-radius:50%;background:var(--sfc-color);box-shadow:inset 5px 7px 12px rgba(255,255,255,.55),0 7px 20px color-mix(in srgb,var(--sfc-color) 30%,transparent)}
.sfc-first-color__orb{width:42px;height:42px;margin-bottom:9px;border:6px solid rgba(255,255,255,.9)}
.sfc-first-color strong{font-size:13px;white-space:nowrap}.sfc-first-color small{margin-top:7px;color:#877d73;font-size:10px;line-height:1.55}
.sfc-first-color:has(input:checked){border-color:#c38d32;box-shadow:0 8px 25px rgba(183,130,43,.13)}
.is-gold{--sfc-color:#edc84e}.is-blue{--sfc-color:#5897d6}.is-aqua{--sfc-color:#69ced2}.is-orange{--sfc-color:#f09a4d}.is-green{--sfc-color:#7abb70}.is-red{--sfc-color:#e66c6e}.is-purple{--sfc-color:#9d74be}
.sfc-first-confirm{width:min(490px,100%);margin:27px auto 0;padding:22px;border:1px solid rgba(194,150,76,.3);border-radius:22px;background:rgba(255,253,248,.9)}
.sfc-first-confirm__choice{display:flex;align-items:center;justify-content:center;gap:12px}.sfc-first-confirm__orb{width:44px;height:44px;border:6px solid #fff}
.sfc-first-confirm__choice span:last-child{text-align:left}.sfc-first-confirm__choice small,.sfc-first-confirm__choice strong{display:block}.sfc-first-confirm__choice small{color:#8d8175;font-size:9px}.sfc-first-confirm__choice strong{font-size:18px}
.sfc-first-confirm>p{margin:7px 0 0;color:#6f655d;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:16px}
.sfc-first-confirm button,.sfc-complete-button{min-width:220px;margin-top:24px;padding:14px 26px;border:0;border-radius:999px;background:linear-gradient(135deg,#d1a349,#b77c1f);box-shadow:0 11px 27px rgba(183,124,31,.24);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.sfc-first-confirm button:disabled{opacity:.55}.sfc-popup__error{min-height:1.2em!important;margin:7px 0 -12px!important;color:#b63e44!important;font-family:inherit!important;font-size:11px!important}
.sfc-first-card__note{margin:25px 0 0;color:#94887d;font-size:10px}
.sfc-first-card__complete{padding:35px 0 28px}.sfc-complete-orb{width:116px;height:116px;margin:38px auto 40px;border:12px solid #fff}
.sfc-first-card__complete h2{font-size:clamp(36px,5vw,62px)}.sfc-complete-copy{margin:45px auto 0;color:#675d54;font-size:18px;line-height:1.8}.sfc-complete-copy p{margin:7px 0}.sfc-complete-button{min-width:380px;margin-top:46px;padding:19px 32px;font-size:18px}
.sfc-popup.is-saving{pointer-events:none}.sfc-popup.is-saving .sfc-first-card{opacity:.83}
@media(max-width:760px){.sfc-first-card{padding:35px 14px 26px;border-radius:25px}.sfc-first-card__kicker{margin-bottom:12px;font-size:9px}.sfc-first-card h2{font-size:27px}.sfc-first-card__intro{margin:17px auto 20px;font-size:12px;line-height:1.8}.sfc-first-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sfc-first-color{min-height:102px;padding:9px 5px}.sfc-first-color:nth-child(5){grid-column:1}.sfc-first-color:last-child{grid-column:3/5}.sfc-first-color__orb{width:34px;height:34px;margin-bottom:5px;border-width:4px}.sfc-first-color strong{font-size:11px}.sfc-first-color small{margin-top:4px;font-size:8px}.sfc-first-confirm{margin-top:16px;padding:14px}.sfc-first-confirm button{margin-top:14px}.sfc-first-card__note{margin-top:14px}.sfc-first-card__complete{padding:17px 0}.sfc-complete-orb{width:82px;height:82px;margin:25px auto 28px;border-width:9px}.sfc-first-card__complete h2{font-size:31px}.sfc-complete-copy{margin-top:28px;font-size:14px}.sfc-complete-button{min-width:0;width:90%;margin-top:30px;padding:16px 20px;font-size:15px}}