@import url(https://fonts.googleapis.com/css2?family=Xanh+Mono:ital@0;1&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Gowun Batang,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}.App{height:100vh;overflow:hidden;text-align:center;width:100vw}.App,.app-container{align-items:center;display:flex;justify-content:center;perspective:1000px;position:relative}.app-container{perspective-origin:50%}.app-container,.layer{height:100%;width:100%}.layer{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0;transform-style:preserve-3d;z-index:1}.info-card-layer{z-index:2}.city-selector-layer{z-index:3}.wooju-machine-layer{z-index:1}.card-layer{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:100vh;left:0;margin:0;padding:0;position:absolute;top:0;width:100vw;z-index:4}@media (min-width:1024px){.card-layer{align-items:center;display:flex;justify-content:center;padding:0}.card-layer img{height:100%;object-fit:contain;width:100%}}.logout-button-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #dc3545;border-radius:12px;bottom:auto!important;color:#dc3545;cursor:pointer;display:block!important;font-family:inherit;font-size:14px;font-weight:500;left:20px!important;margin:0!important;padding:8px 16px 8px 32px;position:fixed!important;right:auto!important;top:20px!important;transform:none!important;transition:all .3s ease;z-index:1000}.logout-button-mobile:after{content:"↪";font-size:12px;left:10px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.logout-button-mobile:hover:not(:disabled){background:#dc3545e6;box-shadow:0 4px 8px #dc354540;color:#fff;transform:translateY(-2px)}.logout-button-mobile:hover:not(:disabled):after{opacity:1;transform:translateY(-50%) translateX(2px)}.logout-button-mobile:disabled{background:#6c757d4d;border-color:#6c757d80;box-shadow:none;color:#ffffffb3;cursor:not-allowed;transform:none!important}* .logout-button-mobile,.App .logout-button-mobile,.app-container .logout-button-mobile{bottom:auto!important;display:block!important;left:20px!important;margin:0!important;position:fixed!important;right:auto!important;top:20px!important;transform:none!important}@media (min-width:1024px) and (max-width:1366px){.card-layer{padding:0}.card-layer img{height:100%;object-fit:contain;width:100%}}@media (min-width:834px) and (max-width:1023px){.card-layer{padding:0}.card-layer img{height:100%;object-fit:contain;width:100%}}@media (max-width:430px){.card-layer{padding:0}.card-layer img{height:100%;object-fit:contain;width:100%}}@media (max-width:390px){.card-layer{padding:0}.card-layer img{height:100%;object-fit:contain;width:100%}}@media (max-width:375px){.card-layer{padding:0}.card-layer img{height:100%;object-fit:contain;width:100%}}@media (min-width:1367px){.card-layer{padding:0}.card-layer img{height:100%;object-fit:contain;width:100%}}.chat-layer{z-index:5}.info-card-container{transform-style:preserve-3d;transition:all 3s cubic-bezier(.25,.46,.45,.94)}.info-card-layer.info-card-falling .info-card-container{opacity:.8;pointer-events:none;transform:translate3d(50px,1000px,-2000px) rotateX(40deg)}.info-card-layer.info-card-disappearing .info-card-container{opacity:0;pointer-events:none;transform:translate3d(50px,2200px,-10000px) rotateX(40deg)}.info-card-layer.card-panning .info-card-container{animation:cardPanAway 1.5s linear forwards;pointer-events:none}.info-card-layer.card-panning-back .info-card-container{animation:cardPanAway 1.5s linear reverse forwards;pointer-events:none}@keyframes cardPanAway{0%{transform:translateZ(0) rotateY(0deg)}to{transform:translate3d(-2000px,0,-4000px) rotateY(60deg)}}.city-selector-layer.city-appearing{animation:citySelectorEnter 1.5s linear forwards}.city-selector-layer.city-disappearing{animation:citySelectorEnter 1.5s linear reverse forwards}@keyframes citySelectorEnter{0%{transform:translate3d(2000px,0,-4000px) rotateY(-60deg)}to{transform:translateZ(0) rotateY(0deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes darken{0%{filter:brightness(1)}to{filter:brightness(.1)}}@keyframes zoomToBall{0%{transform:scale(1)}to{transform:scale(4)}}@keyframes flyUpAndIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.chat-layer{font-size:1.6rem;line-height:1.8}.chat-text-container{max-width:800px!important;width:85vw!important}.chat-input-container{width:min(90vw,max(400px,min(600px,50vw)))!important}}@media (max-width:767px){.chat-layer{font-size:1.4rem;line-height:1.7}.chat-text-container{max-width:90vw!important;width:90vw!important}.chat-input-container{max-width:350px!important;width:90vw!important}}@media (max-width:430px){.chat-input-container{margin-left:auto!important;margin-right:auto!important;max-width:320px!important;width:85vw!important}.chat-text-container{max-width:85vw!important;width:85vw!important}}@media (min-width:1024px) and (max-width:1366px){.chat-layer{font-size:1.5rem;line-height:1.8}}@media (min-width:1367px){.chat-layer{font-size:1.7rem;line-height:1.9}.chat-text-container{max-width:900px!important}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-text-container{align-items:center;contain:layout style paint;display:flex;justify-content:center;min-height:200px;overflow-wrap:break-word;text-rendering:optimizeLegibility;white-space:pre-wrap;will-change:contents;word-break:break-word}.chat-layer,.chat-text-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.chat-layer{transition:opacity .3s ease-in-out}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@keyframes buttonAppear{0%{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes float1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(3px,-5px) scale(1.02)}50%{transform:translate(-2px,-8px) scale(.98)}75%{transform:translate(-4px,-3px) scale(1.01)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-3px,-6px) scale(.99)}66%{transform:translate(4px,-4px) scale(1.03)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}20%{transform:translate(2px,-7px) scale(1.01)}40%{transform:translate(-1px,-5px) scale(.97)}60%{transform:translate(-3px,-9px) scale(1.02)}80%{transform:translate(5px,-3px) scale(.99)}}@keyframes float4{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2px,-6px) scale(1.03)}50%{transform:translate(3px,-8px) scale(.98)}75%{transform:translate(-4px,-4px) scale(1.01)}}.floating-button{animation:buttonAppear .6s ease-out}.floating-button:nth-child(4n+1){animation:buttonAppear .6s ease-out,float1 4s ease-in-out infinite}.floating-button:nth-child(4n+2){animation:buttonAppear .6s ease-out,float2 5s ease-in-out infinite}.floating-button:nth-child(4n+3){animation:buttonAppear .6s ease-out,float3 4.5s ease-in-out infinite}.floating-button:nth-child(4n+4){animation:buttonAppear .6s ease-out,float4 3.8s ease-in-out infinite}.floating-button:first-child{animation-delay:0s,0s}.floating-button:nth-child(2){animation-delay:0s,.5s}.floating-button:nth-child(3){animation-delay:0s,1s}.floating-button:nth-child(4){animation-delay:0s,1.5s}.floating-button:nth-child(5){animation-delay:0s,2s}.floating-button:nth-child(6){animation-delay:0s,2.5s}.floating-button:nth-child(7){animation-delay:0s,3s}.floating-button:nth-child(8){animation-delay:0s,3.5s}.floating-button:hover{box-shadow:0 0 15px #00ffffb3,0 0 30px #00ffff80,0 0 45px #00ffff4d,inset 0 0 30px #0ff3;text-shadow:0 0 15px #0ff;transform:scale(1.05)}.floating-button:active{box-shadow:0 0 20px #00ffffe6,0 0 40px #00ffffb3,0 0 60px #00ffff80,inset 0 0 40px #00ffff4d;transform:scale(.98)}@keyframes buttonDisappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.floating-button.disappearing{animation:buttonDisappear .5s ease-in forwards}@keyframes buttonSelected{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.floating-button.selected{animation:buttonSelected .3s ease-out forwards;z-index:1002}@keyframes selectedPulse{0%,to{box-shadow:0 0 20px #0ffc,0 0 40px #0ff9,0 0 60px #0ff6,inset 0 0 30px #00ffff4d}50%{box-shadow:0 0 25px #00ffffe6,0 0 50px #00ffffb3,0 0 75px #00ffff80,inset 0 0 40px #0ff6}}.floating-button.selected{animation:buttonSelected .3s ease-out forwards,selectedPulse 1s ease-in-out infinite}@keyframes fadeInButton{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.neon-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:2px solid #0ff;border-radius:50px;box-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d,0 0 30px #00ffff1a,inset 0 0 20px #00ffff1a;box-sizing:border-box;color:#0ff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:0;padding:8px 16px;text-shadow:0 0 10px #0ffc;transition:all .3s ease}@media (max-width:430px){.neon-button{font-size:.85rem;padding:6px 12px}}@media (max-width:375px){.neon-button{font-size:.8rem;padding:5px 10px}}.neon-button:hover{box-shadow:0 0 15px #00ffffb3,0 0 30px #00ffff80,0 0 45px #00ffff4d,inset 0 0 30px #0ff3;text-shadow:0 0 15px #0ff;transform:translateY(-1px)}.neon-button:active{box-shadow:0 0 20px #00ffffe6,0 0 40px #00ffffb3,0 0 60px #00ffff80,inset 0 0 40px #00ffff4d;text-shadow:0 0 20px #0ff;transform:scale(.98)}.float-slow{animation:float2 5s ease-in-out infinite}.neon-textbox{background:#0000;border:2px solid #84d1c7;border-radius:12px;box-shadow:0 0 8px #84d1c7cc,0 0 24px #84d1c759;box-sizing:border-box;caret-color:#84d1c7;color:#fff;flex:1 1;font-family:inherit;font-size:1.3em;margin-bottom:0;max-width:100%;min-width:0;outline:none;overflow:hidden;padding:16px 18px;text-overflow:ellipsis;text-shadow:0 0 8px #fff3;transition:border .2s,box-shadow .2s}.neon-textbox:focus{border:2.5px solid #fffc;box-shadow:0 0 16px #84d1c7f2,0 0 32px #84d1c780}.neon-textbox::placeholder{color:#cfeee9;opacity:1;text-shadow:0 0 8px #84d1c799}.info-card{background:#8b4513!important;border:3px solid #654321!important;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff!important;font-family:Xanh Mono,monospace;font-size:16px;letter-spacing:.05em;line-height:1.6;margin:20px auto;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative}.info-card:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='%23d4af37' stroke-width='.5' opacity='.2'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 50%,#ffffff1a 0,#0000 70%),radial-gradient(circle at 10% 20%,#8b451314 0,#0000 30%),radial-gradient(circle at 90% 80%,#a0522d0f 0,#0000 30%);opacity:.9}.info-card:after,.info-card:before{border-radius:5px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.info-card:after{background:linear-gradient(90deg,#0000 0,#0000 45%,#8b451326 50%,#0000 55%,#0000),linear-gradient(180deg,#0000 0,#0000 20%,#8b45131a 25%,#0000 30%,#0000 70%,#8b451314 75%,#0000 80%,#0000),linear-gradient(180deg,#0000 0,#0000 40%,#8b45130f 45%,#0000 50%,#0000),radial-gradient(circle at 5% 5%,#8b45131a 0,#0000 15%),radial-gradient(circle at 95% 95%,#8b451314 0,#0000 15%);z-index:1}.input-container{display:inline-block;position:relative}.hidden-input{cursor:text;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.letter-display{display:flex;flex-direction:row}.letter-box{color:#8b0000;display:block;font-family:Xanh Mono,monospace;font-size:16px;height:30px;padding-top:5px;position:relative;width:24px}.letter-box-border{border-bottom:1px solid #8b0000;border-left:1px solid #8b0000;display:block;height:10px;left:0;position:absolute;top:15px;width:100%}.letter-box:last-child .letter-box-border{border-right:1px solid #8b0000}.field-input{background:#fffc;border:2px solid #8b0000;border-radius:3px;color:#8b0000;font-family:Xanh Mono,monospace;font-size:16px;padding:12px;transition:all .3s ease}.field-input:focus{background:#fffffff2;border-color:#d4af37;box-shadow:0 0 5px #d4af3780;outline:none}.field-input::placeholder{color:sienna;opacity:.7}.field-input:disabled{background:#8080804d;color:#666;cursor:not-allowed}@media (max-width:768px){.info-card{margin:10px;padding:20px}.time-input-group{align-items:flex-start;flex-direction:column;gap:10px}.date-inputs{flex-wrap:wrap;gap:10px}}
/*# sourceMappingURL=main.99fd54b3.css.map*/