body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;letter-spacing:.02em;margin:0}.mono,code{font-family:SF Mono,Consolas,Menlo,Monaco,Courier New,monospace}*{box-sizing:border-box}b,h1,h2,h3,h4,h5,h6,strong{font-weight:600}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.App{text-align:center}.App-header{align-items:center;background-color:#1d1f24;color:#fff;display:flex;flex-direction:column;font-family:Pretendard Variable,Noto Sans KR,sans-serif;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:2rem 1rem}.qr-card{background-color:#fff;border:1px solid #00000008;border-radius:16px;box-shadow:0 12px 30px #00000026,0 4px 10px #0000001a;margin-bottom:2rem;max-width:360px;padding:2.5rem 2rem;position:relative;width:85%}.qr-card p{color:#333;margin:.5rem 0}.qr-card .accom-name{bottom:1.2rem;color:#777;font-size:.75rem;font-weight:400;margin:0;max-width:45%;overflow:hidden;position:absolute;right:1.5rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.qr-instruction{align-items:center;display:flex;gap:6px;justify-content:center;margin:1rem 0 .5rem}.qr-instruction p{color:#6b7280;font-size:.8rem;line-height:1.4;margin:0}.qr-instruction-icon{height:16px;opacity:.6;width:16px}.qr-distance-guide{align-items:center;display:flex;gap:6px;justify-content:center;margin:0 0 1rem;text-align:center}.qr-distance-guide p{color:#6b7280;font-size:.8rem;line-height:1.4;margin:0}.qr-container{animation:pulse 2s infinite;background-color:#f0f4f9;border:1px solid #0000000d;border-radius:10px;box-shadow:0 0 12px #0000000a;display:inline-block;margin:0 0 .6rem;padding:10px;position:relative}.qr-container:after{display:none}.qr-tooltip{background-color:#1d1f24e6;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:13px;font-weight:500;left:50%;margin-bottom:8px;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;z-index:10}.qr-container:hover .qr-tooltip{opacity:1}.qr-card .otp{background-color:#f5f7fa;border:1px solid #00000014;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#1c1f26;font-family:SF Mono,Consolas,Menlo,monospace;font-size:1.7rem;font-weight:700;letter-spacing:0;line-height:1.3;margin-top:.5rem;padding:16px 20px;text-align:center;transition:all .2s ease}.qr-card .otp:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.password-section{background-color:#f8f9fb;border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 12px #00000008;margin-top:1rem;padding:12px 16px;width:100%}.password-label{align-items:center;display:flex;gap:6px;margin-bottom:8px}.lock-icon{height:16px;margin-right:2px;opacity:.9;width:16px}.password-title{color:#1c1f26;font-size:.9rem;font-weight:600}.password-subtitle{background-color:#f0f2f5;border-radius:4px;color:#6b7280;font-size:.7rem;font-weight:400;margin-left:4px;padding:2px 6px}.asterisk{color:#9ca3af;font-size:1.5rem;font-weight:500;margin-left:2px;opacity:.7;vertical-align:middle}.error-message{color:#e74c3c;font-size:1.2rem;font-weight:500;padding:1rem}.error-hint{color:#777;font-size:.9rem;padding:0 1rem 1rem}.room-info{align-items:center;background-color:#f5f7fa;border:1px solid #0000000d;border-radius:10px;display:flex;flex-direction:column;margin-bottom:1.2rem;padding:8px 20px 12px;position:relative;width:100%}.room-label{color:#555;font-size:.7rem;font-weight:500;letter-spacing:.05em;margin-bottom:.15rem}.room-display,.room-label{text-align:center;width:100%}.room-display{align-items:center;background:linear-gradient(180deg,#0000 85%,#1c1f2614 0,#1c1f2614 95%,#0000 0);display:flex;gap:8px;justify-content:center;margin-top:2px;padding-bottom:5px}.door-icon{filter:drop-shadow(0 3px 5px rgba(244,122,32,.2));height:32px;margin-bottom:1px;transition:all .3s ease;width:32px}.door-icon:hover{filter:drop-shadow(0 4px 6px rgba(244,122,32,.3));transform:scale(1.05) rotate(-2deg)}.room-name{color:#1c1f26;display:inline-block;font-size:2.2rem;font-weight:600;line-height:1;margin:0;text-align:center}.qr-help-tip{align-items:center;display:flex;gap:4px;justify-content:center;margin:0 0 1rem;text-align:center}.qr-help-tip p{color:#9ca3af;font-size:.75rem;font-style:italic;margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1.5px)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #f47a2066}50%{box-shadow:0 0 15px 5px #f47a2033}to{box-shadow:0 0 0 0 #f47a2000}}.ruler-icon-animated{animation:bounce 3s ease infinite;transform-origin:center bottom}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animated-qr{animation:scaleIn .5s ease forwards}.room-name.animated{animation:fadeInUp .5s ease forwards}.pin-digit{animation:fadeInUp .3s forwards;display:inline-block;margin:0 1px;opacity:0}.pin-space{display:inline-block;width:8px}.asterisk.pin-digit{animation-delay:.55s}.pin-digit:first-child{animation-delay:.1s}.pin-digit:nth-child(2){animation-delay:.15s}.pin-digit:nth-child(3){animation-delay:.2s}.pin-digit:nth-child(4){animation-delay:.25s}.pin-digit:nth-child(5){animation-delay:.3s}.pin-digit:nth-child(6){animation-delay:.35s}.pin-digit:nth-child(7){animation-delay:.4s}.pin-digit:nth-child(8){animation-delay:.45s}.pin-digit:nth-child(9){animation-delay:.5s}.qr-container canvas{border-radius:5px}.expiry-time{align-items:center;background-color:initial;border-radius:0;bottom:1.2rem;box-shadow:none;display:flex;flex-direction:row;font-size:.75rem;left:1.5rem;max-width:45%;padding:0;position:absolute;z-index:5}.expiry-label{color:#777;font-size:.75rem;font-weight:400;margin-right:4px}.expiry-countdown{color:#777;font-family:SF Mono,Consolas,Menlo,monospace;font-size:.75rem;font-weight:500}
/*# sourceMappingURL=main.713ace28.css.map*/