:root{--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Pretendard", sans-serif;--bg-primary: #0b0d13;--bg-secondary: #131722;--bg-card: rgba(22, 27, 38, .7);--text-main: #f3f4f6;--text-muted: #9ca3af;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .35);--accent-hover: #60a5fa;--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .2);--glass-bg: rgba(15, 18, 26, .75);--ease-spring: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family);background-color:#fff;color:#111827;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:1.5rem;background:#fff}.open-icon-btn{background:transparent;border:none;padding:0;margin:0;outline:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s var(--ease-spring),opacity .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.open-icon-btn:hover{transform:scale(1.08)}.open-icon-btn:active{transform:scale(.96)}.open-icon-btn:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:6px;border-radius:8px}.letter-icon-img{width:92px;max-width:50vw;height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.active{opacity:1;pointer-events:auto;visibility:visible}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070be0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal-container{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;-webkit-user-select:none;user-select:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(180deg,#0b0d13e6,#0b0d1300);z-index:10}.counter-badge{font-size:.9rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted);background:var(--glass-bg);padding:.4rem .85rem;border-radius:9999px;border:1px solid var(--border-subtle)}.zoom-toolbar{display:flex;align-items:center;gap:.35rem;background:var(--glass-bg);padding:.25rem .5rem;border-radius:9999px;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-value{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:48px;text-align:center;color:#e5e7eb;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:background .15s ease}.zoom-value:hover{background:#ffffff1a}.tool-btn{background:transparent;border:none;color:#d1d5db;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;cursor:pointer;transition:all .2s ease}.tool-btn:hover{color:#fff;background:#ffffff1f}.tool-btn:active{transform:scale(.92)}.close-btn{background:var(--glass-bg);border:1px solid var(--border-subtle);width:38px;height:38px}.close-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.carousel-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%}.image-viewport{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:grab}.image-viewport.is-dragging{cursor:grabbing!important}.image-viewport.is-zoomed{cursor:grab}.image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;touch-action:none}.carousel-img{max-width:90vw;max-height:78vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #0009;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform;transition:transform .05s linear}.carousel-img.smooth-transition{transition:transform .3s cubic-bezier(.2,.9,.3,1),opacity .25s ease}.spinner{position:absolute;width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;opacity:0;pointer-events:none;transition:opacity .2s ease}.spinner.visible{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--glass-bg);border:1px solid var(--border-subtle);color:#f3f4f6;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s var(--ease-spring);box-shadow:0 8px 20px #0006}.prev-btn{left:1.5rem}.next-btn{right:1.5rem}.nav-btn:hover{background:#1e2432e6;border-color:#ffffff4d;transform:translateY(-50%) scale(1.08)}.nav-btn:active{transform:translateY(-50%) scale(.95)}.modal-footer{display:flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem;background:linear-gradient(0deg,#0b0d13f2,#0b0d1300);z-index:10}.indicators{display:flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:9999px;background:#ffffff40;border:none;cursor:pointer;transition:all .25s var(--ease-spring);padding:0}.dot:hover{background:#fff9;transform:scale(1.2)}.dot.active{width:26px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}@media(max-width:640px){.nav-btn{width:42px;height:42px}.prev-btn{left:.75rem}.next-btn{right:.75rem}.carousel-img{max-width:96vw;max-height:70vh}.slide-choice-container{gap:1.75rem}.choice-buttons-row{gap:2rem}.choice-text-img{max-width:78vw}}.slide-choice-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;width:100%;height:100%;animation:fadeInChoice .3s var(--ease-spring);-webkit-user-select:none;user-select:none}@keyframes fadeInChoice{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.choice-text-header{display:flex;align-items:center;justify-content:center;width:100%}.choice-text-img{width:auto;max-width:min(432px,80vw);height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.choice-buttons-row{display:flex;align-items:center;justify-content:center;gap:3.5rem}.choice-icon-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s var(--ease-spring),filter .25s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.choice-icon-btn:hover{transform:scale(1.12);filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}.choice-icon-btn:active{transform:scale(.94)}.choice-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.choice-icon-img{display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.choice-icon-img.icon-heart{width:67px;height:auto}.choice-icon-img.icon-star{width:75px;height:auto}.coupon-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.coupon-modal.active{opacity:1;pointer-events:auto;visibility:visible}.coupon-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.coupon-mobile-box{position:relative;z-index:1;width:100%;max-width:400px;max-height:88vh;overflow-y:auto;background:#fff;color:#111827;border-radius:20px;padding:1.5rem 1.25rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 25px 60px -10px #0006,0 0 0 1px #0000000d;animation:couponPopIn .3s var(--ease-spring)}@keyframes couponPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.coupon-close-btn{position:sticky;top:0;align-self:flex-end;margin-bottom:-1rem;z-index:10;width:34px;height:34px;border-radius:50%;background:#f3f4f6e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:all .2s ease}.coupon-close-btn:hover{background:#e5e7eb;color:#111827}.coupon-image-card{width:100%;border-radius:14px;overflow:hidden;background:#f9fafb;box-shadow:0 8px 24px #00000014,0 0 0 1px #0000000a;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.coupon-image-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px #00000024}.coupon-image-card:active{transform:scale(.99)}.coupon-modal-img{width:100%;height:auto;display:block;object-fit:contain;-webkit-user-select:auto;user-select:auto;-webkit-user-drag:auto}.coupon-desc-text{width:100%;font-size:.88rem;font-weight:400;color:var(--text-main);line-height:1.68;text-align:left;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.15rem;font-family:inherit}.app-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(30px);background:#111827f2;color:#fff;padding:.75rem 1.35rem;border-radius:9999px;font-size:.9rem;font-weight:600;box-shadow:0 10px 25px #0000004d;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);z-index:3000;white-space:nowrap}.app-toast.show{opacity:1;transform:translate(-50%) translateY(0)}