.hb-page{--hb-bg: #170639;--hb-ink: #fff7ea;--hb-muted: #cdbfe6;--hb-accent: #b765cf;--hb-plum: rgba(126, 96, 222, .28);--hb-line: rgba(196, 170, 255, .5);min-height:100dvh;background:var(--hb-bg) url(/assets/bg-CrA84MXf.webp) center top / 100% auto no-repeat;color:var(--hb-ink);display:flex;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:hidden}@media(min-aspect-ratio:3/4){.hb-page{background-size:100% 100%}}.hb-page button{font-family:inherit;cursor:pointer}.hb-page button:disabled{cursor:not-allowed}.hb-page button:focus-visible{outline:2px solid #ffd35c;outline-offset:2px}.hb-welcome,.hb-section{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:14px}.hb-welcome{position:relative;text-align:center}.hb-logo{width:104px;aspect-ratio:248 / 46;display:block;flex:none}.hb-title-art{width:min(76%,34dvh);aspect-ratio:900 / 373;display:block}.hb-hero{position:relative;width:min(72%,32dvh);aspect-ratio:900 / 798}.hb-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hb-hero-sample{transform-origin:82% 41%;animation:hb-sway 3.4s ease-in-out -1.2s infinite reverse}.hb-hero-sample+.hb-hero-sample{transform-origin:50% 50%;animation:hb-sway 2.8s ease-in-out infinite}.hb-hero-enter{animation:hb-zoom .5s ease-in forwards}.hb-title-line{width:min(86%,340px);aspect-ratio:1100 / 198;display:block}.hb-title{margin:0;font-size:21px;line-height:1.3;font-weight:800;text-wrap:balance}.hb-fineprint{margin:0;color:var(--hb-muted);font-size:14px;line-height:1.5;text-align:center;text-wrap:balance;word-break:keep-all}.hb-inapp-note{color:var(--hb-ink);font-size:15px;font-weight:700}.hb-primary,.hb-secondary{width:100%;min-height:54px;border-radius:999px;font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hb-primary{border:0;background:linear-gradient(180deg,#b765cf,#a152c2);color:#fff;box-shadow:0 8px 22px #7e3aaa80}.hb-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px 12px #7e3aaa80}.hb-primary:disabled,.hb-primary[aria-disabled=true]{background:#4b4058;color:#c9bfd6;box-shadow:none}.hb-print-hint{color:#ffd35c;font-weight:700}.hb-secondary{border:1px solid var(--hb-line);background:var(--hb-plum);color:var(--hb-ink);font-size:16px;min-height:48px}.hb-secondary:disabled{opacity:.7}.hb-event{border:2px solid #ffd35c;background:transparent;color:#ffd35c;text-decoration:none}.hb-event-info{width:100%;margin:0;padding:14px 12px;border:2px solid rgba(170,140,245,.55);border-radius:22px;background:#8c70e83d;display:flex;flex-direction:column;gap:10px;text-align:left;font-size:14px;line-height:1.5}.hb-event-title{margin:0;font-size:20px;font-weight:900;text-align:center}.hb-event-headline{margin:-6px 0 0;color:#ffd35c;font-size:15px;font-weight:800;line-height:1.3;text-align:center;text-wrap:balance}.hb-event-steps{margin:0;padding:0 0 10px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 3px;border-bottom:1px solid rgba(196,170,255,.6)}.hb-event-steps li{display:inline-flex;align-items:center;gap:3px;font-size:14px;font-weight:800;white-space:nowrap}.hb-event-steps li+li:before{content:"→";margin-right:1px;color:#d9c2ff;font-weight:400}.hb-event-steps span{width:20px;height:20px;border-radius:50%;background:#e3c8ff;color:#2a1158;font-size:14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.hb-prizes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);row-gap:10px}.hb-prizes li{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 2px}.hb-prizes li:not(:nth-child(3n+1)){border-left:1px solid rgba(196,170,255,.6)}.hb-prizes img{width:clamp(24px,7.5vw,40px);height:auto;flex:none}.hb-prize-text{min-width:0;display:flex;flex-direction:column;line-height:1.15}.hb-prize-rank{font-size:14px;font-weight:800}.hb-prize-text strong{font-size:clamp(16px,5vw,24px);font-weight:900;color:#d9c2ff}.hb-prizes li:first-child strong{color:#ffd35c}.hb-prize-rest{font-size:13px;font-weight:700}.hb-prize-text>*{white-space:nowrap}@media(max-width:359px){.hb-prizes li{flex-direction:column;text-align:center}}.hb-event-info dl{margin:0;display:flex;flex-direction:column;gap:4px}.hb-event-info dl>div{display:flex;gap:10px}.hb-event-info dt{flex:none;width:62px;color:#ffd35c;font-weight:800}.hb-event-info dd{margin:0;white-space:pre-line}.hb-share-top{position:absolute;top:0;right:0;z-index:1;min-width:44px;min-height:44px;padding:0 11px;border-radius:999px;border:0;background:#ffd35c;color:#231a33;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.hb-share-top-label{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .2s ease,margin-left .2s ease}.hb-share-top:hover .hb-share-top-label,.hb-share-top:focus-visible .hb-share-top-label{max-width:200px;margin-left:6px}.hb-guide{display:flex;flex-direction:column;gap:12px;color:#231a33}.hb-guide-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5}.hb-guide-steps strong{display:block;font-size:15px}.hb-guide-cta{text-decoration:none;background:#a152c2;border-color:#a152c2;color:#fff}.hb-guide-note{margin:0;font-size:14px;color:#6b6478;text-align:center}.hb-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.hb-heading{margin:0;min-width:0;font-size:22px;font-weight:800}.hb-heading:focus,.hb-title:focus{outline:none}.hb-heading-center{text-align:center}.hb-header-spacer{width:44px}.hb-progress{flex:none;min-width:44px;text-align:right;color:#ffd35c;font-weight:800;font-variant-numeric:tabular-nums}.hb-icon-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--hb-line);background:var(--hb-plum);color:var(--hb-ink);display:inline-flex;align-items:center;justify-content:center;flex:none}.hb-icon-button:disabled{opacity:.35}.hb-carousel-wrap{position:relative;width:100vw;max-width:520px}.hb-carousel{display:flex;gap:16px;height:min(48dvh,460px);overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 20%;scrollbar-width:none;align-items:center}.hb-carousel::-webkit-scrollbar{display:none}.hb-frame-card{flex:none;width:100%;height:100%;scroll-snap-align:center;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .2s ease}.hb-frame-card[aria-pressed=true]{opacity:1}.hb-frame-thumb{position:relative;display:block;height:100%;max-width:100%;background:#0b0418;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px #965ae659}.hb-frame-thumb.hb-frame-wide{width:100%;height:auto}.hb-frame-thumb img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.hb-frame-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#b9a9cf;font-size:14px;font-weight:700}.hb-frame-name{margin:0;font-weight:800;font-size:15px;color:#d9c2ff}.hb-arrow{position:absolute;top:45%;z-index:2}.hb-arrow-left{left:10px}.hb-arrow-right{right:10px}@media(hover:none){.hb-arrow{display:none}}.hb-dots{display:flex;gap:8px}.hb-dots span{width:8px;height:8px;border-radius:50%;background:var(--hb-line)}.hb-dots .hb-dot-on{background:#ffd35c}.hb-stage{position:relative;width:min(100%,31dvh);background:#fff;border-radius:6px;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.hb-stage-wide{width:100%}.hb-stage-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.hb-slot{position:absolute;overflow:hidden;padding:0;border:0;z-index:1}.hb-slot-empty{background:#f1ecf7;color:#8d7bab;display:flex;align-items:center;justify-content:center}.hb-slot-filled{touch-action:none;cursor:grab;-webkit-touch-callout:none}.hb-slot-filled img{position:absolute;max-width:none;pointer-events:none}.hb-printing{justify-content:center}.hb-printer{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-bottom:12px}.hb-printer-slot{position:relative;z-index:2;width:88%;height:22px;border-radius:11px;background:linear-gradient(#5a3f96,#1d1040);box-shadow:0 6px 12px #000000b3}.hb-printout{width:min(62%,30dvh);margin-top:-10px;background:#fff;animation:hb-print 2.4s cubic-bezier(.3,0,.3,1) both}.hb-printout-wide{width:80%}.hb-printout img{width:100%;height:100%;display:block}.hb-result{width:min(100%,31dvh);border-radius:6px;box-shadow:0 10px 30px #965ae659}.hb-result-wide{width:100%}.hb-moving{position:relative;overflow:hidden}.hb-moving-base{width:100%;display:block}.hb-moving-clip{position:absolute;max-width:none;-o-object-fit:cover;object-fit:cover;pointer-events:none}.hb-moving-clip.hb-mirror{transform:scaleX(-1)}.hb-caption{width:100%;border:1px solid var(--hb-line);border-radius:22px;background:#7e60de2e;padding:14px;display:flex;flex-direction:column;gap:8px}.hb-caption-label{margin:0;font-size:14px;color:var(--hb-muted)}.hb-caption-text{margin:0;font-size:15px;line-height:1.5;word-break:keep-all;-moz-user-select:all;user-select:all;-webkit-user-select:all}.hb-nowrap{white-space:nowrap}.hb-share-label{margin-top:6px;text-align:center}.hb-share-row{display:flex;justify-content:center;gap:10px}.hb-share-item{flex:1;max-width:84px;border:0;background:none;padding:0;color:var(--hb-ink);display:flex;flex-direction:column;align-items:center;gap:6px}.hb-share-icon{width:54px;height:54px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center}.hb-share-item:active .hb-share-icon{transform:scale(.94)}.hb-share-name{font-size:14px;font-weight:700}.hb-share-instagram{background:linear-gradient(45deg,#f9ce34,#ee2a7b 50%,#6228d7)}.hb-share-threads{background:#000;border:1px solid #fff7ea}.hb-share-kakao{background:#fee500;color:#191919}.hb-share-facebook{background:#1877f2}.hb-sheet{display:flex;flex-direction:column;gap:10px}.hb-sheet-zoom{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hb-sheet-move{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hb-modal button[aria-label=닫기]{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.hb-sheet-button{min-height:50px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#231a33;font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hb-sheet-danger{color:#c2402f}.hb-camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px))}.hb-camera-close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px}.hb-camera-view{position:relative;width:min(100%,520px);max-height:60dvh;border-radius:16px;overflow:hidden;background:#150d24;border:3px solid var(--hb-accent, #ff6b35)}.hb-camera-view video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hb-mirror{transform:scaleX(-1)}.hb-count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:110px;font-weight:900;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.7);animation:hb-count .8s ease-out both}.hb-rec{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;background:#0009;color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.hb-rec i{width:10px;height:10px;border-radius:50%;background:#ff3b30}.hb-camera-note{margin:0;color:#fff7ea;font-size:15px;font-weight:700;text-align:center}.hb-camera-actions{display:flex;align-items:center;gap:36px}.hb-camera .hb-icon-button{border:1px solid #4a3670;background:#2a1b45;color:#fff7ea}.hb-camera-spacer{width:44px}.hb-shutter{width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:#ff6b35;cursor:pointer}.hb-shutter:disabled{opacity:.4}.hb-cast{width:100%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.hb-cast img{height:52px;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));animation:hb-bob 2.6s ease-in-out infinite}.hb-cast img:nth-child(2n){animation-delay:-1.3s}.hb-cast img:nth-child(3n){animation-delay:-.6s}.hb-cast-row{justify-content:center;gap:14px}.hb-cast-row img{height:44px}.hb-clouds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;overflow:hidden}.hb-clouds:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f3f0ff;animation:hb-cloud-veil 1.8s ease-in-out both}.hb-clouds img{position:absolute;height:auto;animation:hb-cloud 1.8s cubic-bezier(.65,0,.35,1) both}.hb-page .hb-sound{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;background:#2a1b45d9}.hb-toast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top,0px));width:-moz-max-content;width:max-content;transform:translate(-50%);z-index:70;max-width:calc(100vw - 32px);background:#fff7ea;color:#231a33;padding:12px 18px;border-radius:18px;font-size:15px;font-weight:700;text-align:center;box-shadow:0 6px 20px #00000080}@keyframes hb-zoom{to{transform:scale(1.3);opacity:.2}}@keyframes hb-cloud{0%,to{transform:translate(calc(var(--hb-from) * 140vw))}38%,62%{transform:translate(0)}}@keyframes hb-cloud-veil{0%,22%,78%,to{opacity:0}40%,60%{opacity:1}}@keyframes hb-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes hb-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes hb-print{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes hb-count{0%{transform:scale(1.6);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:.9}}@media(prefers-reduced-motion:reduce){.hb-hero-enter,.hb-printout,.hb-count{animation-duration:.01ms}.hb-cast img,.hb-hero-sample{animation:none}.hb-clouds img{display:none}}