:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{width:100%;margin:0;min-height:100dvh;overflow-x:hidden}#root{width:100%;max-width:390px;min-height:100dvh;margin:0 auto;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.marquee{width:100%;overflow:hidden;background-color:#000;color:#fff;font-size:20px;white-space:nowrap;padding:.5rem 0;flex-shrink:0}.marquee__inner{display:inline-flex;animation:marquee-flow 15s linear infinite}.marquee__text{padding-right:2rem;flex-shrink:0;color:#fff}@keyframes marquee-flow{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.first-screen{position:relative;width:100%;max-width:390px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;padding:1.5rem 0 0;box-sizing:border-box;background-color:#fff;overflow-x:hidden}.first-screen__maintext{width:80%;max-width:80%;height:auto;object-fit:contain;margin-top:-2rem;transform:scale(.75)}.first-screen__mainimg{width:100%;max-width:100%;height:auto;object-fit:contain;margin-top:-3rem;margin-bottom:2.5rem;transform:scale(.8)}.first-screen__touch-hint-box{position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);padding:10px 30px;background-color:#fff;border:1px solid #000000;box-sizing:border-box;display:flex;align-items:center;justify-content:center;animation:first-screen-blink 1s ease-in-out infinite;z-index:10}.first-screen__touch-hint-text{color:#000;font-size:1rem;text-align:center;white-space:nowrap}@keyframes first-screen-blink{0%,to{opacity:1}50%{opacity:0}}.slider-screen{width:100%;max-width:390px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;padding-top:10dvh;box-sizing:border-box;overflow-x:hidden;background-color:#fff}.slider-screen--fire{animation:slider-bg-fire 1.5s ease-in-out infinite}@keyframes slider-bg-fire{0%,to{background-color:#fff}50%{background-color:#ff000a}}.slider-screen__title{width:50%;max-width:200px;margin:0 auto 2rem;padding:.35rem .4rem;font-family:Pretendard;font-size:.95rem;font-weight:400;color:#000;text-align:center;background-color:transparent;border:1px solid #000;border-radius:0;flex-shrink:0;box-sizing:border-box}.slider-screen__image{width:100%;margin-top:0;flex-shrink:0;overflow:hidden;border-radius:.5rem;transform:scale(1.8);transform-origin:center top}.slider-screen__image img{width:100%;height:auto;display:block}.slider-screen__top{padding-bottom:13rem;width:100%;display:flex;flex-direction:column;align-items:center}.slider-screen__image-wrap{position:relative;width:62%;display:flex;flex-direction:column;align-items:center}.slider-screen__hint{position:absolute;left:50%;transform:translate(-50%);top:calc(180% + 2rem);margin:0;font-size:.8rem;line-height:1.4;color:#000;text-align:center;white-space:nowrap;z-index:1}.slider-screen__bar-wrap{position:relative;z-index:2;width:100%;margin-top:0;flex-shrink:0}.slider-screen__bar{width:100%;min-height:24px;height:24px;background-color:#000;border-radius:0;position:relative;display:flex;align-items:center;justify-content:center;z-index:1;overflow:visible}.slider-screen__labels{width:100%;position:relative;padding:1rem 0 0;box-sizing:border-box}.slider-screen__label{position:absolute;font-size:.9rem;color:#000;transform:translate(-50%)}.slider-screen__label:nth-child(1){left:25%}.slider-screen__label:nth-child(2){left:50%}.slider-screen__label:nth-child(3){left:75%}.slider-screen__cta{display:block;margin:3.5rem auto 0;padding:0;border:none;background:none;cursor:pointer;line-height:0}.slider-screen__cta svg{display:block;width:200px;height:40px}.slider-screen__dots{position:absolute;inset:0;z-index:0;pointer-events:none}.slider-screen__dot{position:absolute;width:8px;height:8px;top:50%;margin-top:-4px;border-radius:50%;background-color:#fff}.slider-screen__dot:nth-child(1){left:25%;transform:translate(-50%)}.slider-screen__dot:nth-child(2){left:50%;transform:translate(-50%)}.slider-screen__dot:nth-child(3){left:75%;transform:translate(-50%)}.slider-screen__input{position:absolute;left:0;width:100%;top:0;height:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:auto;z-index:20}.slider-screen__input::-webkit-slider-runnable-track{height:0;border:none}.slider-screen__input::-webkit-slider-thumb{-webkit-appearance:none;width:88px;height:88px;border:none;cursor:pointer;background:transparent;box-shadow:none;position:relative;z-index:20;opacity:0}.slider-screen__input::-moz-range-track{height:0;border:none}.slider-screen__input::-moz-range-thumb{width:88px;height:88px;border:none;cursor:pointer;background:transparent;box-shadow:none;position:relative;z-index:20;opacity:0}.slider-screen__thumb{position:absolute;width:88px;height:88px;pointer-events:none;z-index:21}.slider-screen__thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.result-screen{position:relative;width:100%;min-height:100dvh;background-color:#fff;overflow:hidden;touch-action:none}.result-screen__hint-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;padding:.75rem 1.25rem;background-color:#fff;border:1px solid #000000;color:#000;font-size:.95rem;text-align:center;white-space:nowrap;box-sizing:border-box;pointer-events:none;animation:result-hint-blink 3s ease-in-out forwards}@keyframes result-hint-blink{0%{opacity:0}16.67%{opacity:1}33.33%{opacity:0}50%{opacity:1}66.67%{opacity:0}83.33%{opacity:1}to{opacity:0;visibility:hidden}}.result-screen__scale-wrap{position:absolute;left:50%;bottom:0;width:100%;max-width:390px;height:100dvh;display:flex;flex-direction:column;gap:0;margin:0;padding:0;box-sizing:border-box;will-change:transform;transform-origin:bottom center}.result-screen__yellow{margin:0;min-height:0;flex-shrink:0;background-color:#fdf001;display:flex;align-items:center;justify-content:center;position:relative}.result-screen__yellow--narrow .result-screen__label-wrap{transform:scale(.5)}.result-screen__rect{margin:0;min-height:0;flex-shrink:0;background-color:#01903e;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.result-screen__label-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease-out}.result-screen__label-text{color:transparent;-webkit-text-stroke:2px #000;font-size:clamp(6rem,24vw,12rem);font-weight:700;white-space:nowrap;pointer-events:none}.result-screen__label-num{position:absolute;left:100%;top:0;margin-left:.15em;color:transparent;-webkit-text-stroke:1.5px #000;font-family:Pretendard,sans-serif;font-size:clamp(2rem,10vw,5rem);font-weight:700;line-height:1;pointer-events:none}