@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";@font-face{font-family:SDSwagger;src:url(/font/SDSwaggerTTF.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary: #082538;--color-primary-light: #0d3a5a;--color-primary-dark: #051a28;--color-accent: #e94560;--color-accent-light: #ff6b8a;--color-accent-dark: #c73e54;--color-white: #ffffff;--color-black: #000000;--color-gray-100: #f0f4f8;--color-gray-200: #d9e2ec;--color-gray-500: #627d98;--color-gray-800: #333333}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#082538;color:#333;overflow-x:hidden;max-width:100vw;touch-action:pan-y;-webkit-overflow-scrolling:touch}button{font-family:inherit}@media(min-width:768px)and (orientation:portrait){:root{--scale-ratio: 2.88}html{font-size:46px}}.video-frame-container{position:relative;width:240px;height:240px}.video-frame-content{position:absolute;top:7%;left:7%;width:86%;height:85%;border-radius:25px;overflow:hidden}.video-frame-content video,.video-frame-content img{width:100%;height:100%;object-fit:cover}.video-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;object-fit:contain}@media(min-width:768px)and (orientation:portrait){.video-frame-container{width:576px;height:576px}.video-frame-content{border-radius:58px}}.intro-page{min-height:100vh;display:flex;flex-direction:column;background:url(/images/img_bg_main.png) center top / cover no-repeat fixed;padding:40px 20px 100px}.intro-header{text-align:center;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px}.intro-header-logo{width:265px;height:auto}.intro-header-sequence{width:122px;height:35px;background-repeat:no-repeat}.intro-description{margin-top:16px;margin-bottom:16px;color:#fff;font-family:Pretendard,sans-serif;text-align:center;line-height:1.4}.intro-description-text{font-size:16px;font-weight:400;margin:0}.intro-description .bold{font-weight:700}.intro-description-line{position:relative;display:inline}.info-icon-wrapper{position:relative;display:inline-block;vertical-align:top}.info-icon-superscript{position:relative;display:inline-block;vertical-align:super;margin-left:-10px}.info-icon{width:10px;height:10px;vertical-align:top;cursor:pointer}.info-box-container{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100}.info-box{position:relative;width:166px;height:78px}.info-box-bg{width:100%;height:100%}.info-box-content{position:absolute;top:0;left:0;right:0;height:68px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:400;line-height:1.4;text-align:center}.intro-video-section{margin:0 auto 16px;position:relative;z-index:1}.intro-challenge-info{text-align:center;margin-bottom:24px;color:#fff;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:140%}.intro-challenge-info .bold{font-weight:700}.intro-video-media{width:100%;height:100%;display:block;object-fit:cover}.participate-button{width:100%;padding:1rem;color:var(--Basic-White, #FFF);text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:140%;border:none;border-radius:25px;background:var(--color-primary, #082538);cursor:pointer;transition:all .2s ease;animation:buttonColorPulse 2s ease-in-out infinite}.message-form-section{margin-top:80px;display:flex;padding:40px 16px 16px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;border-radius:30px;background:linear-gradient(91deg,var(--color-primary, #082538) 0%,#305468 100%)}.section-title{color:var(--Basic-White, #FFF);text-align:center;font-family:Pretendard,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:130%}.section-subtitle{color:var(--Basic-White, #FFF);text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:100%}.message-form{width:100%;display:flex;padding:24px 16px;flex-direction:column;align-items:center;gap:16px;border-radius:20px;background:#fff}.form-row{display:flex;gap:.5rem}.form-input{flex:1;padding:.75rem 1rem;font-size:.9rem;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:#41b6e6}.form-textarea{padding:.75rem 1rem;font-size:.9rem;border:1px solid #e0e0e0;border-radius:8px;min-height:80px;resize:none;outline:none;font-family:inherit;transition:border-color .2s ease}.form-textarea:focus{border-color:#41b6e6}.form-error{color:#e94560;font-size:.85rem;text-align:center}.privacy-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.privacy-checkbox input[type=checkbox]{display:none}.checkbox-circle{width:20px;height:20px;border:2px solid var(--color-primary, #082538);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.privacy-checkbox input[type=checkbox]:checked+.checkbox-circle{background:var(--color-primary, #082538)}.privacy-checkbox input[type=checkbox]:checked+.checkbox-circle:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-text{font-size:14px;color:var(--color-primary, #082538);line-height:1.4}.checkbox-text strong{font-weight:700}.submit-button{padding:.85rem;font-size:.95rem;font-weight:600;background:#41b6e6;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s ease}.submit-button:hover{background:#2da0d1}.submit-button:disabled{background:#ccc;cursor:not-allowed}.message-list-section{background:transparent;padding:1.5rem;margin:0 1rem;border-radius:16px}.message-list{display:flex;flex-direction:column;gap:1rem}.message-item{padding:1rem;background:#f8f9fa;border-radius:12px;border-left:3px solid #41b6e6}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-author{font-size:.9rem;font-weight:600;color:#333}.message-date{font-size:.75rem;color:#999}.message-content{font-size:.9rem;color:#555;line-height:1.5}.no-messages{text-align:center;color:#999;padding:2rem}.load-more-button{width:100%;padding:.75rem;margin-top:1rem;font-size:.9rem;font-weight:500;background:transparent;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;transition:all .2s ease}.load-more-button:hover{background:#f8f9fa;border-color:#41b6e6;color:#41b6e6}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.intro-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:56.25vh;text-align:center;z-index:100;display:flex;flex-direction:column;align-items:center}.intro-footer:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(91,126,149,0) 0%,var(--Key-03, #5B7E95) 100%);z-index:-1;pointer-events:none}.footer-image{width:100%;height:auto;display:block}@media(max-width:480px){.distance-value{font-size:2rem}.form-row{flex-direction:column}}@media(min-width:768px)and (orientation:portrait){.intro-page{align-items:center;width:100%;background-size:100% auto;padding:96px 48px 240px}.intro-header{gap:19px}.intro-header-logo{width:636px}.intro-header-sequence{width:293px;height:84px}.intro-description{margin-top:96px;margin-bottom:48px}.intro-description-text{font-size:38px}.info-icon{width:24px;height:24px;margin-left:5px}.info-box{width:398px;height:187px}.info-box-content{height:163px;font-size:34px}.intro-video-section{margin-bottom:48px}.intro-challenge-info{margin-bottom:96px;font-size:38px}.participate-button{padding:24px;font-size:38px;border-radius:60px}.message-form-section{max-width:823px;margin-top:192px;padding:96px 38px 38px;gap:58px;border-radius:72px}.section-title{font-size:58px}.section-subtitle{font-size:38px}.message-form{padding:58px 38px;gap:38px;border-radius:48px}.form-row{gap:12px}.form-input{padding:18px 24px;font-size:22px;border-radius:19px}.form-textarea{padding:18px 24px;font-size:22px;border-radius:19px;min-height:192px}.privacy-checkbox{gap:19px}.checkbox-circle{width:48px;height:48px;border-width:5px}.privacy-checkbox input[type=checkbox]:checked+.checkbox-circle:after{width:14px;height:24px;border-width:0 5px 5px 0;margin-bottom:5px}.checkbox-text{font-size:34px}.submit-button{padding:20px;font-size:23px;border-radius:19px}.message-list-section{max-width:823px;padding:36px;margin:0 24px;border-radius:38px}.message-list{gap:24px}.message-item{padding:24px;border-radius:29px;border-left-width:7px}.message-author{font-size:22px}.message-date{font-size:18px}.message-content{font-size:22px}.no-messages{padding:48px}.load-more-button{padding:18px;font-size:22px;border-radius:19px}.form-error{font-size:20px}.no-messages{font-size:34px}.intro-footer:before{height:360px}}.select-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#f0f4f8,#e8f4fc);padding:1.5rem;position:relative}.back-button{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;border:2px solid #333;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-button svg{width:20px;height:20px;color:#333}.back-button:hover{background:#f0f0f0}.select-header{text-align:center;margin-top:2rem;margin-bottom:2rem}.select-title{font-size:1.5rem;font-weight:800;color:#333;margin-bottom:.5rem}.select-title span{color:#e94560}.message-options{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#d0d0d0;border-radius:20px;margin-bottom:2rem}.message-option{padding:1.25rem 2rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#41b6e6,#2da0d1);border:none;border-radius:30px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #41b6e64d}.message-option:hover{transform:translateY(-2px);box-shadow:0 6px 20px #41b6e666}.message-option:active{transform:translateY(0)}.message-option.selected{background:linear-gradient(135deg,#e94560,#d63d56);box-shadow:0 6px 20px #e9456066;transform:scale(1.02)}.guide-section{text-align:center;margin-bottom:2rem}.guide-text{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.preview-section{padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.preview-message{font-size:1.8rem;font-weight:800;color:#1e3a5f;margin-bottom:1rem}.wave-text{color:#41b6e6;letter-spacing:-.1em}.preview-hint{font-size:.9rem;color:#666;line-height:1.5}.next-button{width:100%;max-width:400px;padding:1rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#41b6e6,#2da0d1);border:none;border-radius:25px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #41b6e64d;margin-top:auto}.next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #41b6e666}.next-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}@media(max-width:480px){.select-title{font-size:1.3rem}.preview-message{font-size:1.5rem}}@media(min-width:768px)and (orientation:portrait){.select-page{padding:4.32rem}.select-page .back-button{top:2.88rem;right:2.88rem;width:127px;height:127px;border-width:6px}.select-page .back-button svg{width:58px;height:58px}.select-header{margin-top:5.76rem;margin-bottom:5.76rem}.select-title{font-size:4.32rem;margin-bottom:1.44rem}.message-options{max-width:1152px;gap:2.88rem;padding:4.32rem;border-radius:58px;margin-bottom:5.76rem}.message-option{padding:3.6rem 5.76rem;font-size:3.17rem;border-radius:86px}.guide-section{margin-bottom:5.76rem}.guide-text{font-size:2.88rem;margin-bottom:4.32rem}.preview-section{padding:4.32rem;border-radius:46px}.preview-message{font-size:5.18rem;margin-bottom:2.88rem}.preview-hint{font-size:2.59rem}.next-button{max-width:1152px;padding:2.88rem;font-size:3.17rem;border-radius:72px}}.challenge-page{position:fixed;inset:0;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.konva-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.webcam-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-size:1rem;gap:1rem;z-index:100}.webcam-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#41b6e6;border-radius:50%;animation:spin 1s linear infinite}.debug-panel{position:absolute;top:5rem;left:1rem;width:280px;padding:1rem;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.8rem;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-panel h4{margin:0 0 .75rem;font-size:.9rem;color:#fbbf24}.debug-toggle{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;font-size:.75rem}.debug-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.debug-item span:first-child{color:#fff9;min-width:70px}.debug-item strong{color:#4ade80}.debug-item strong.detected{color:#22c55e;font-weight:700}.debug-stt{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.debug-stt span{color:#fff9;display:block;margin-bottom:.25rem}.stt-final{color:#4ade80;margin:.25rem 0;word-break:break-all;max-height:60px;overflow-y:auto}.stt-interim{color:#60a5fa;font-style:italic;margin:0;word-break:break-all}.debug-error{color:#f87171;margin-top:.5rem;font-size:.75rem}.debug-show{position:absolute;top:5rem;left:1rem;width:40px;height:40px;border:none;background:#0009;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;z-index:200}@media(min-width:768px)and (orientation:portrait){.webcam-loading{font-size:2.88rem;gap:2.88rem}.webcam-loading .loading-spinner{width:144px;height:144px;border-width:12px}.debug-panel{top:14.4rem;left:2.88rem;width:806px;padding:2.88rem;border-radius:35px;font-size:2.3rem}.debug-panel h4{margin-bottom:2.16rem;font-size:2.59rem}.debug-show{top:14.4rem;left:2.88rem;width:115px;height:115px;font-size:3.46rem}}.keyboard-overlay{position:fixed;inset:0;z-index:999;background:#0000004d}.korean-keyboard{width:100%;max-width:1080px;max-height:45vh;padding:20px 10px;background:#fffffffa;border-radius:20px 20px 0 0;display:flex;flex-direction:column;gap:10px;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:1000;box-shadow:0 -4px 20px #0003}.keyboard-row{display:flex;justify-content:center;gap:6px}.keyboard-key{min-width:50px;height:50px;padding:8px 12px;background:#fff;border:2px solid #E0E0E0;border-radius:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:20px;color:#333;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.keyboard-key:hover{background:#f5f5f5}.keyboard-key:active{background:#0078d0;color:#fff;transform:scale(.95)}.keyboard-key.key-shift{min-width:70px;background:#e8e8e8}.keyboard-key.key-shift.active{background:#0078d0;color:#fff}.keyboard-key.key-back{min-width:70px;background:#e8e8e8}.keyboard-key.key-space{min-width:200px;background:#fff}.keyboard-key.key-enter{min-width:120px;background:#0078d0;color:#fff;font-weight:800;font-size:18px}.keyboard-key.key-enter:hover{background:#0066b3}.keyboard-key.key-enter:active{background:#059}.korean-keyboard.numeric-mode{max-width:400px;align-items:center}.numeric-key{min-width:80px;font-size:24px}.numeric-enter{flex:1}@media(min-width:768px)and (orientation:portrait){.korean-keyboard{width:100vw;max-width:100vw;padding:3vh 1vw;padding-bottom:calc(3vh + 193px);border-radius:3vw 3vw 0 0;gap:1.5vh;box-shadow:0 -.6vh 3vw #0003;box-sizing:border-box}.korean-keyboard.numeric-mode{max-width:55vw;padding:3vh 2vw;padding-bottom:calc(3vh + 193px)}.korean-keyboard.numeric-mode .keyboard-row{width:100%;justify-content:center;gap:1.5vw}.keyboard-row{gap:.8vw}.keyboard-key{min-width:8vw;height:7.5vh;padding:1.2vh 1.5vw;border-width:.3vw;border-radius:1.2vw;font-size:3vh}.keyboard-key.numeric-key{min-width:14vw;height:9vh;font-size:5vh}.keyboard-key.numeric-enter{flex:1;font-size:3.5vh}.keyboard-key.key-shift,.keyboard-key.key-back{min-width:10vw}.keyboard-key.key-space{min-width:40vw}.keyboard-key.key-enter{min-width:25vw;font-size:2.7vh}}.slot-number{display:inline-flex;align-items:center}.slot-digit-container{display:inline-block;height:1.4em;overflow:hidden;position:relative;opacity:0;transition:opacity .15s ease-out;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 70%,transparent 100%)}.slot-digit-container.visible{opacity:1}.slot-digit-strip{display:flex;flex-direction:column;will-change:transform;padding-top:.2em}.slot-digit-item{display:flex;align-items:center;justify-content:center;height:1em;line-height:1}.slot-separator{display:inline-block}.ending-page-wrapper{min-height:100vh;width:100%;display:flex;justify-content:center;background:#000}.ending-page{--scale: var(--content-scale, 1);min-height:100vh;display:flex;flex-direction:column;align-items:center;background:url(/images/img_bg_main.png) center top / cover no-repeat;padding-bottom:calc(100px * var(--scale));padding-top:calc(40px * var(--scale));box-sizing:border-box;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;width:100%}@media(orientation:landscape){.ending-page{max-width:56.25vh}}.ending-page *{font-family:inherit}.ending-page input,.ending-page button,.ending-page textarea,.ending-page select{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.ending-header{width:100%;max-width:calc(375px * var(--scale, 1));text-align:center;background:transparent;margin:0 auto}.ending-header-image{width:calc(265px * var(--scale, 1));height:auto;margin-bottom:calc(24px * var(--scale, 1))}.video-section{width:100%;max-width:calc(375px * var(--scale, 1));padding:calc(2rem * var(--scale, 1)) 0;margin:0 auto}.video-container{width:calc(168px * var(--scale, 1));height:calc(300px * var(--scale, 1));aspect-ratio:14/25;background:#666;border-radius:calc(16px * var(--scale, 1));overflow:hidden;margin:0 auto calc(24px * var(--scale, 1)) auto;display:flex;align-items:center;justify-content:center}.result-video{width:100%;height:100%;object-fit:cover}.video-placeholder{color:#fff;font-size:1rem}.download-button{display:flex;width:fit-content;padding:calc(10px * var(--scale, 1)) calc(16px * var(--scale, 1));justify-content:center;align-items:center;gap:calc(8px * var(--scale, 1));border-radius:100px;background:#fff;border:none;color:var(--Key-01, #082538);text-align:center;font-family:Pretendard,sans-serif;font-size:calc(16px * var(--scale, 1));font-style:normal;font-weight:700;line-height:140%;cursor:pointer;transition:all .2s ease;margin:calc(24px * var(--scale, 1)) auto}.download-button:disabled{background:#ccc;cursor:not-allowed}.download-button svg{width:calc(16px * var(--scale, 1));height:calc(16px * var(--scale, 1))}.ending-page .map-section{width:100%;margin-bottom:40px}.ending-page .world-map-container{position:relative;width:100%;aspect-ratio:375 / 295;overflow:hidden;border-radius:12px;margin:0 auto}.ending-page .world-map-sprite{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat}.ending-page .remaining-distance-overlay{position:absolute;top:45%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;padding:calc(40px * var(--scale, 1)) calc(20px * var(--scale, 1)) calc(16px * var(--scale, 1)) calc(20px * var(--scale, 1));border-radius:calc(5px * var(--scale, 1));z-index:10}.ending-page .remaining-label{color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:calc(16px * var(--scale, 1));font-style:normal;font-weight:700;line-height:100%;margin-bottom:calc(8px * var(--scale, 1))}.ending-page .remaining-value{color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:calc(33px * var(--scale, 1));font-style:normal;font-weight:800;line-height:100%;letter-spacing:calc(-.8px * var(--scale, 1))}.ending-page .remaining-unit{color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:calc(24px * var(--scale, 1));font-style:normal;font-weight:400;line-height:100%;margin-left:calc(4px * var(--scale, 1))}.result-message{width:100%;text-align:center;margin:0 auto 40px}.result-text{color:#fff;text-align:center;font-family:Pretendard Variable,Pretendard,sans-serif;font-style:normal;font-weight:700;line-height:140%;margin-bottom:16px}.result-text-small{display:block;font-size:16px;margin-bottom:8px}.result-text-large{font-size:24px}.accumulated-distance{display:inline-flex;padding:8px;justify-content:center;align-items:center;gap:10px;border-radius:5px;border:1px solid #FFDE55;margin-top:4px;color:#ffde55;text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:16px}.share-section{width:100%;display:flex;flex-direction:column;align-items:center;border-radius:16px;margin-bottom:24px;margin-top:10px}.share-text{color:#fff;text-align:center;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:150%;margin:0 0 24px}.share-icons{display:flex;gap:16px}.share-icon-button{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.share-icon-button img{width:100%;height:100%}.share-icon-button:disabled{opacity:.6;cursor:not-allowed}.share-icon-button.kakao,.share-icon-button.share{background:transparent}.ending-page .home-button{width:calc(100% - 32px);margin:0 auto 24px;padding:16px;font-size:16px;font-weight:600;font-family:Pretendard Variable,Pretendard,sans-serif;background:#082538;border:none;border-radius:100px;color:#fff;cursor:pointer;transition:all .2s ease;display:block}.upload-loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#fffffff2;border-radius:16px;box-shadow:0 4px 24px #0003}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(65,182,230,.2);border-top-color:#41b6e6;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#666;font-size:1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem}.error-container .error-message{color:#e94560;font-size:1rem;text-align:center}.share-error{text-align:center;padding:.75rem 1rem;margin:0 1rem;background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:8px;color:#e94560;font-size:.9rem}.prize-section{display:flex;width:100%;flex-direction:column;align-items:center;gap:24px;margin:0 auto}.prize-header{display:flex;flex-direction:column;align-items:center;gap:16px}.event-tag{display:inline-flex;padding:calc(8px * var(--scale, 1)) calc(16px * var(--scale, 1));justify-content:center;align-items:center;border-radius:100px;border:calc(1px * var(--scale, 1)) solid #FFF;color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:calc(16px * var(--scale, 1));font-weight:700;line-height:1}.prize-title{width:100%;color:#fff;text-align:center;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:24px;font-weight:700;line-height:130%;margin:0}.prize-gift{display:flex;flex-direction:column;align-items:center;gap:8px}.gift-image-wrapper{position:relative;width:160px;height:160px}.gift-image{width:100%;height:100%;object-fit:contain}.gift-badge{position:absolute;top:0;left:0;width:48px;height:48px;display:flex;justify-content:center;align-items:center}.gift-badge-img{position:absolute;width:100%;height:100%;object-fit:contain}.gift-badge-text{position:relative;z-index:1;color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:14px;font-weight:700}.gift-name{color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:16px;font-weight:700;text-align:center;margin:0}.prize-form-card{width:calc(100% - 32px);margin:0 auto 16px;background:#fff;border-radius:20px;padding:24px 16px}.prize-form{display:flex;width:100%;flex-direction:column;gap:16px}.prize-form .form-row{display:flex;flex-direction:row;gap:8px;width:100%}.prize-form .form-input{padding:14px 16px;font-size:16px;font-family:Pretendard Variable,Pretendard,sans-serif;border:1px solid #e0e0e0;border-radius:100px;background:#fff;transition:border-color .2s ease;box-sizing:border-box;min-width:0}.prize-form .form-input[type=text]{flex:92}.prize-form .form-input[type=tel]{flex:211}.prize-form .form-input:focus{border-color:#082538;outline:none}.prize-form .form-input::placeholder{color:#999}.privacy-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.privacy-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;min-width:16px;min-height:16px;border:1px solid #082538;border-radius:50%;cursor:pointer;position:relative;flex-shrink:0;background:transparent;margin:0;padding:0;display:inline-block}.privacy-checkbox input[type=checkbox]:checked{background:#082538;border-color:#082538}.privacy-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.privacy-checkbox span{font-family:Pretendard Variable,Pretendard,sans-serif}.privacy-checkbox strong{text-decoration:underline;color:#333;font-weight:700}.prize-form .submit-button{padding:16px;font-size:16px;font-weight:600;font-family:Pretendard Variable,Pretendard,sans-serif;color:#fff;background:#0518255e;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease}.prize-form .submit-button:not(:disabled){color:#fff;background:#082538}.prize-form .submit-button:disabled{cursor:not-allowed}.prize-form .submit-error{color:#e94560;font-size:13px;text-align:center;margin:0}.privacy-checkbox .underline{text-decoration:underline}.share-event-button{width:calc(100% - 32px);margin:0 auto;display:block;padding:16px;background:#082538;border:none;border-radius:100px;color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:1.4;text-align:center;cursor:pointer;transition:background .2s ease}.hashtag-section{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%;margin-top:24px}.hashtag-title{color:#fff;text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:100%;margin:0}.hashtag-container{display:flex;flex-direction:column;gap:8px;align-items:center}.hashtag-row{display:flex;gap:8px;justify-content:center}.hashtag-copy-button{display:flex;padding:10px 16px;justify-content:center;align-items:center;border-radius:100px;background:#fff;border:none;color:var(--Key-01, #082538);text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:140%;cursor:pointer;margin-top:8px}.hashtag-tag{display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;border-radius:5px;background:#8fa9ba;-webkit-background-clip:padding-box;background-clip:padding-box;box-sizing:border-box;color:#082538;text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:100%;-webkit-appearance:none}.ending-hashtag-box{display:inline-block;padding:8px 16px;border-radius:5px;background-image:url(/images/Frame_Box.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;color:#fff;text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 2px 8px #00000026}@media(max-width:480px){.ending-page .distance-value{font-size:2rem}.result-text strong{font-size:1.2rem}.prize-title{font-size:24px}}@media(min-width:768px)and (orientation:portrait){.ending-page{align-items:center;padding-bottom:288px;padding-top:115px}.ending-header-image{width:763px;padding-left:0;padding-right:0;margin-bottom:69px}.video-section{padding:2.88rem;max-width:1080px;width:100%}.video-container{width:484px;height:864px;border-radius:46px;margin-bottom:2.88rem}.video-placeholder{font-size:2.88rem}.ending-page .map-section{max-width:1080px;margin-bottom:115px}.ending-page .world-map-container{width:100%;aspect-ratio:375 / 295;border-radius:35px;margin:0 auto}.result-message{max-width:1080px;margin-bottom:115px}.result-text-small{font-size:46px}.result-text-large{font-size:69px}.accumulated-distance{padding:23px;gap:29px;border-radius:14px;border-width:3px;margin-top:12px;font-size:46px}.share-section{max-width:1080px;padding:115px 46px;border-radius:46px}.share-text{font-size:46px;margin:0 0 69px}.share-icons{gap:46px}.share-icon-button{width:161px;height:161px}.ending-page .home-button{width:calc(100% - 92px);max-width:988px;margin:0 auto 69px;padding:46px;font-size:46px}.upload-loading-container{gap:24px;padding:48px 64px;border-radius:24px}.upload-spinner{width:64px;height:64px;border-width:5px}.upload-text{font-size:20px}.upload-subtext{font-size:16px}.loading-container{gap:2.88rem}.loading-container .loading-spinner{width:144px;height:144px;border-width:12px}.loading-container p{font-size:2.88rem}.error-container{padding:5.76rem;gap:4.32rem}.error-container .error-message{font-size:2.88rem}.share-error{padding:2.16rem 2.88rem;margin:0 2.88rem;border-radius:23px;font-size:2.59rem}.prize-section{max-width:1080px;gap:69px;padding:69px 46px}.prize-header{gap:46px}.prize-title{font-size:69px}.prize-gift{gap:23px}.gift-image-wrapper{width:461px;height:461px}.gift-badge{width:138px;height:138px}.gift-badge-text{font-size:40px}.gift-name{font-size:46px}.prize-form-card{width:calc(100% - 92px);max-width:988px;border-radius:58px;padding:69px 46px}.prize-form{gap:46px}.prize-form .form-row{gap:23px}.prize-form .form-input{padding:40px 46px;font-size:40px}.privacy-checkbox{gap:23px;font-size:40px}.share-event-button{width:calc(100% - 92px);max-width:988px;padding:46px;font-size:46px}.hashtag-section{gap:46px;margin-top:69px}.hashtag-title{font-size:46px}.hashtag-container,.hashtag-row{gap:23px}.hashtag-copy-button{padding:29px 46px;border-radius:288px;font-size:46px;margin-top:23px}.hashtag-tag,.ending-hashtag-box{padding:23px 46px;border-radius:14px;font-size:46px}.privacy-checkbox input[type=checkbox]{width:46px;height:46px;min-width:46px;min-height:46px;border-width:3px}.privacy-checkbox input[type=checkbox]:checked:after{width:17px;height:17px}.prize-form .submit-button{padding:46px;font-size:46px}.prize-form .submit-error{font-size:37px}}.video-with-overlay{position:relative;width:100%;height:100%}.preview-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15px}.preview-header{width:100px;height:auto;margin-bottom:15px}.preview-message{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);text-align:center;margin-bottom:10px}.preview-distance{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:60px}.preview-distance.confetti{bottom:80px}.preview-subtitle{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3);margin-bottom:6px}.preview-value{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.preview-countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.preview-countdown-img{width:100px;height:auto}.compose-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.qr-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-popup{position:relative;background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:90%;width:320px}.qr-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;line-height:1}.qr-popup-title{font-size:20px;font-weight:700;color:#333;margin:0 0 8px}.qr-popup-subtitle{font-size:14px;color:#666;margin:0 0 24px}.qr-code-container{display:flex;justify-content:center}@media(min-width:768px)and (orientation:portrait){.qr-popup{width:600px;padding:80px;border-radius:40px}.qr-popup-close{top:32px;right:32px;font-size:48px}.qr-popup-title{font-size:48px;margin-bottom:16px}.qr-popup-subtitle{font-size:32px;margin-bottom:48px}.qr-code-container svg{width:400px!important;height:400px!important}}.privacy-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.privacy-popup{background:#fff;border-radius:16px;width:100%;max-width:340px;max-height:80vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.privacy-popup-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0000001a;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.privacy-popup-title{padding:20px 20px 16px;margin:0;font-size:18px;font-weight:700;color:#082538;text-align:center;border-bottom:1px solid #eee}.privacy-popup-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.privacy-terms-image{width:100%;height:auto;display:block}.privacy-terms-text{color:#000;font-family:Pretendard,sans-serif;font-size:14px;line-height:1.6;text-align:left}.privacy-terms-text p{margin:0 0 12px}.privacy-terms-text .terms-main-title{font-size:18px;font-weight:700;text-align:center;margin:24px 0 16px}.privacy-terms-text .terms-section-title{font-weight:700;margin:20px 0 8px}.terms-table-image{width:100%;height:auto;display:block;margin:12px 0;border:1px solid #ddd;border-radius:4px}.privacy-agree-button{margin:16px;padding:16px;background:#082538;color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s ease}@media(min-width:768px){.privacy-popup{max-width:500px;max-height:70vh}.privacy-popup-title{font-size:24px;padding:24px 24px 20px}.privacy-popup-content{padding:24px}.privacy-agree-button{margin:20px 24px 24px;padding:18px;font-size:18px}}.share-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:url(/images/img_bg_main.png) center top / cover no-repeat fixed;padding:40px 0 120px}.share-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.share-header-logo{width:100%;max-width:280px;height:auto;margin-bottom:8px}.share-header-sequence{width:122px;height:35px;background-repeat:no-repeat}.share-course-section{position:relative;width:100%;aspect-ratio:375 / 295;overflow:hidden;margin-bottom:24px}.share-course-sprite{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat}.share-remaining-overlay{position:absolute;top:45%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;padding:40px 20px 16px;z-index:10}.share-remaining-label{color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:100%;margin-bottom:8px}.share-remaining-value{color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:32px;font-weight:800;line-height:100%;text-shadow:0px 0px 20px #082538}.share-remaining-unit{font-size:24px;font-weight:700;margin-left:2px}.share-description{margin-top:16px;margin-bottom:14px;color:#fff;font-family:Pretendard,sans-serif;text-align:center;line-height:1.4}.share-description-text{font-size:16px;font-weight:400;margin:0;color:#fff}.share-description .bold,.share-challenge-info .bold{font-weight:700}.share-challenge-info .accumulated-distance{display:inline-flex;padding:8px;justify-content:center;align-items:center;gap:10px;border-radius:5px;border:1px solid #FFDE55;margin-top:12px;color:#ffde55;text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:100%}.share-video-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.share-event-tag{display:inline-flex;padding:8px 16px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #FFF;background:transparent;color:#fff;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:1}.share-video-title{color:#fff;text-align:center;font-family:Pretendard,sans-serif;font-size:24px;font-weight:700;margin:0}.share-loading,.share-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff;text-align:center;gap:20px}.share-loading p,.share-error p{font-size:18px;font-weight:500}.share-video-section{width:168px;border-radius:30px;overflow:hidden;background:#212121;margin-bottom:24px}.share-video{width:100%;height:300px;display:block;object-fit:cover}.share-page .download-button{display:flex;width:fit-content;padding:10px 16px;justify-content:center;align-items:center;gap:8px;border-radius:100px;background:#fff;border:none;color:var(--Key-01, #082538);text-align:center;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:140%;cursor:pointer;transition:all .2s ease;margin:0 auto 24px}.share-page .download-button:disabled{background:#ccc;cursor:not-allowed}.share-page .download-button svg{width:16px;height:16px}.share-challenge-info{margin-bottom:24px;color:#fff;font-family:Pretendard,sans-serif;text-align:center;line-height:1.4}.share-challenge-info .share-description-text{font-size:16px}.share-challenge-info .info-icon-wrapper{position:relative;display:inline-block}.share-challenge-info .info-icon{width:16px;height:16px;margin-left:4px;margin-right:4px;margin-bottom:4px;vertical-align:middle;cursor:pointer}.share-challenge-info .info-box-container{position:absolute;bottom:calc(100% - 5px);left:50%;transform:translate(-50%);z-index:100}.share-challenge-info .info-box{position:relative;width:166px;height:78px}.share-challenge-info .info-box-bg{width:100%;height:100%}.share-challenge-info .info-box-content{position:absolute;top:0;left:0;right:0;height:68px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:400;line-height:1.4;text-align:center}.share-page .participate-button{width:100%;max-width:280px;padding:16px;font-size:18px;font-weight:700;color:#fff;background:var(--color-primary, #082538);border:none;border-radius:25px;cursor:pointer;transition:all .2s ease;animation:buttonColorPulse 2s ease-in-out infinite}@keyframes buttonColorPulse{0%{background-color:#082538}50%{background-color:#305468}to{background-color:#082538}}@media(min-width:768px)and (orientation:portrait){.share-page{padding:115px 58px 345px}.share-header{margin-bottom:69px}.share-header-logo{max-width:806px}.share-header-sequence{width:806px;height:230px}.share-description{margin-top:46px}.share-description-text{font-size:46px}.share-loading p,.share-error p{font-size:52px}.share-course-section{max-width:988px;margin-bottom:69px}.share-remaining-overlay{padding:116px 58px 46px}.share-remaining-label{font-size:46px;margin-bottom:23px}.share-remaining-value{font-size:92px}.share-remaining-unit{font-size:69px;margin-left:6px}.share-video-section{max-width:484px;border-radius:58px;margin-bottom:69px}.share-page .download-button{padding:29px 46px;gap:23px;font-size:46px;margin-bottom:69px}.share-page .download-button svg{width:46px;height:46px}.share-challenge-info{margin-bottom:69px}.share-challenge-info .accumulated-distance{padding:23px;gap:29px;border-radius:14px;border-width:3px;margin-top:35px;font-size:46px}.share-video-header{gap:46px;margin-bottom:46px}.share-event-tag{padding:23px 46px;font-size:46px}.share-video-title{font-size:69px}.share-challenge-info .share-description-text{font-size:46px}.share-challenge-info .info-icon{width:46px;height:46px;margin-left:12px;margin-right:12px;margin-bottom:12px}.share-challenge-info .info-box{width:478px;height:225px}.share-challenge-info .info-box-content{height:196px;font-size:40px}.share-page .participate-button{max-width:988px;padding:46px;font-size:52px;border-radius:72px}}.upload-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.upload-loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#fff;border-radius:16px}.upload-spinner{width:48px;height:48px;border:4px solid rgba(65,182,230,.2);border-top-color:#41b6e6;border-radius:50%;animation:spin 1s linear infinite}.upload-text{color:#333;font-size:16px;font-weight:600;margin:0}.upload-subtext{color:#666;font-size:14px;margin:0}.event-end-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:url(/images/img_bg_main.png) center top / cover no-repeat fixed;padding-top:40px;padding-left:20px;padding-right:20px}.event-end-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.event-end-header-logo{width:265px;height:auto}.event-end-header-sequence{width:122px;height:35px;background-repeat:no-repeat}.event-end-message{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:1.4;padding-bottom:80px}.event-end-message p{margin:0}.event-end-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:56.25vh;text-align:center;z-index:100;display:flex;flex-direction:column;align-items:center}.event-end-footer:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(91,126,149,0) 0%,var(--Key-03, #5B7E95) 100%);z-index:-1;pointer-events:none}.event-end-footer-image{width:100%;height:auto;display:block}@media(min-width:768px)and (orientation:portrait){.event-end-page{padding-top:96px;padding-left:48px;padding-right:48px}.event-end-header{gap:19px}.event-end-header-logo{width:636px}.event-end-header-sequence{width:293px;height:84px}.event-end-message{font-size:38px}.event-end-footer:before{height:360px}}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;position:relative;width:100%;max-width:56.25vh;margin:0 auto}.global-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:56.25vh;z-index:1000;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none}.global-footer:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(91,126,149,0) 0%,var(--Key-03, #5B7E95) 100%);z-index:-1;pointer-events:none}.global-footer img{width:100%;height:auto;display:block}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.header{text-align:center;margin-bottom:3rem}.header h1{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:800;color:#e94560;margin-bottom:.5rem;letter-spacing:-.02em}.subtitle{font-size:1.1rem;color:#ffffffb3;font-weight:500}.main{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.mic-button{position:relative;width:120px;height:120px;border-radius:50%;border:none;background:linear-gradient(145deg,#e94560,#c73e54);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 32px #e945604d,0 4px 16px #0003}.mic-button:hover{transform:scale(1.05);box-shadow:0 12px 40px #e9456066,0 6px 20px #0000004d}.mic-button:active{transform:scale(.98)}.mic-button.listening{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 8px 32px #4ade8066,0 4px 16px #0003}.mic-icon{width:48px;height:48px;z-index:1}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:#4ade8066;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.listening-box{margin-top:2rem;padding:1.5rem 2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;min-width:300px;text-align:center}.listening-text{font-size:1.3rem;color:#fff;font-weight:500}.interim-text{color:#ffffff80;font-style:italic}.debug-info{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#fbbf24;font-family:monospace;word-break:break-all}.countdown-container{display:flex;align-items:center;justify-content:center}.countdown-number{font-size:8rem;font-weight:800;color:#e94560;text-shadow:0 0 60px rgba(233,69,96,.5);animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.measuring-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.decibel-display{position:relative;width:80px;height:250px;background:#ffffff1a;border-radius:40px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.decibel-bar{width:100%;background:linear-gradient(to top,#22c55e,#4ade80,#fbbf24,#ef4444);border-radius:40px;transition:height .1s ease}.decibel-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.timer-display{display:flex;align-items:baseline;gap:.5rem}.timer-value{font-size:4rem;font-weight:800;color:#4ade80;font-variant-numeric:tabular-nums}.timer-label{font-size:1.5rem;color:#fff9}.stop-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.stop-button:hover{background:#ffffff40}.result-container{width:100%;display:flex;justify-content:center}.result-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2.5rem;text-align:center;min-width:320px}.result-card h2{font-size:1.8rem;color:#fff;margin-bottom:2rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.result-item:last-of-type{border-bottom:none}.result-label{font-size:1rem;color:#fff9}.result-value{font-size:1.8rem;font-weight:700;color:#4ade80}.retry-button{margin-top:2rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;background:linear-gradient(145deg,#e94560,#c73e54);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.retry-button:hover{transform:scale(1.02);box-shadow:0 8px 24px #e9456066}.error-message{margin-top:1.5rem;color:#f87171;font-size:.9rem;padding:.75rem 1rem;background:#f871711a;border-radius:8px;border:1px solid rgba(248,113,113,.2)}.error-card,.init-card{text-align:center;padding:3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:400px}.error-card h2{color:#f87171;margin-bottom:1rem;font-size:1.5rem}.init-card h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.error-card p,.init-card p{color:#ffffffb3;line-height:1.6}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#e94560;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.container{padding:1.5rem}.header h1{font-size:2rem}.mic-button{width:100px;height:100px}.mic-icon{width:40px;height:40px}.countdown-number{font-size:6rem}.timer-value{font-size:3rem}.result-card{padding:1.5rem;min-width:auto;width:100%}}@media(min-width:768px)and (orientation:portrait){.app-wrapper{align-items:center}.global-footer:before{height:173px}.global-footer img{max-width:1080px}.container{max-width:1080px;padding:58px}.header{margin-bottom:8.64rem}.header h1{font-size:7.2rem;margin-bottom:1.44rem}.subtitle{font-size:3.17rem}.main{max-width:1080px}.mic-button{width:346px;height:346px}.mic-icon{width:138px;height:138px}.listening-box{min-width:864px;padding:43px 58px;border-radius:46px;margin-top:5.76rem}.listening-text{font-size:3.74rem}.debug-info{margin-top:2.88rem;padding-top:2.88rem;font-size:2.16rem}.countdown-number{font-size:23rem}.measuring-container{gap:5.76rem}.decibel-display{width:230px;height:720px;border-radius:115px}.decibel-value{font-size:5.76rem}.timer-display{gap:1.44rem}.timer-value{font-size:11.52rem}.timer-label{font-size:4.32rem}.stop-button{padding:2.88rem 5.76rem;font-size:3.17rem;border-radius:35px}.result-card{min-width:922px;padding:72px;border-radius:69px}.result-card h2{font-size:5.18rem;margin-bottom:5.76rem}.result-item{padding:2.88rem 0}.result-label{font-size:2.88rem}.result-value{font-size:5.18rem}.retry-button{margin-top:5.76rem;padding:2.88rem 7.2rem;font-size:3.17rem;border-radius:35px}.error-message{margin-top:4.32rem;font-size:2.59rem;padding:2.16rem 2.88rem;border-radius:23px}.error-card,.init-card{max-width:1152px;padding:86px;border-radius:58px}.error-card h2,.init-card h2{margin-bottom:2.88rem;font-size:4.32rem}.error-card p,.init-card p{font-size:2.88rem}.loading-spinner{width:144px;height:144px;border-width:12px;margin-bottom:4.32rem}}