body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 6.11vw}.login-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-top:15.84vh}.login-subtitle,.login-title{line-height:1.4;text-align:center}.login-subtitle{color:#697584;font-size:1.88vh;margin-top:10px}.login-image{background-color:#f2f3f4;height:40.14vh;margin-top:4vh;width:78.88vw}.social-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:5.87vh;margin-top:auto;width:100%}.social-button{align-items:center;border:none;border-radius:12px;display:flex;font-size:1.88vh;height:6.1vh;justify-content:center;padding-left:6.11vw;padding-right:6.11vw;position:relative;width:100%}.social-button img{height:1.88vh;left:5.85vw;position:absolute;width:4.58vw}.social-button.kakao{background-color:#fee502;color:#000}.social-button.apple{background-color:#000;color:#fff}.Start1-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw}.Start1-header{align-items:center;display:flex;height:5.16vh;justify-content:center;padding:6.46vh 0 3.52vh;position:relative;width:100%}.Start1-headername{color:#181e29;font-size:2vh;font-weight:700;line-height:1.4}.Start1-cancel-button{align-items:center;background-color:initial;border:none;color:#181e29;cursor:pointer;display:flex;font-size:2vh;height:6.11vw;justify-content:center;left:0;padding:0;position:absolute;width:6.11vw}.Start1-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-bottom:1.17vh}.Start1-subtitle,.Start1-title{line-height:1.4;text-align:left}.Start1-subtitle{color:#697584;font-size:1.88vh;margin-bottom:3.52vh}.Start1-image{background-color:#f2f3f4;height:38.73vh;margin:0 auto;width:87.8vw}.Start1-buttons{display:flex;flex-direction:column;gap:.94vh;margin-bottom:3.99vh;margin-top:auto;width:100%}.Start1-button{align-items:center;border:none;border-radius:12px;display:flex;font-size:1.88vh;height:6.1vh;justify-content:center;padding:0 6.11vw;width:100%}.Start1-button.join{background-color:#f1f1ff;color:#7b6fff}.Start1-button.create{background-color:#7b6fff;color:#f1f1ff}.Create-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw;position:relative}.Create-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-bottom:1.17vh}.Create-subtitle,.Create-title{line-height:1.4;text-align:left}.Create-subtitle{color:#697584;font-size:1.88vh;margin-bottom:3.52vh}.Create-input-wrapper{height:5.63vh;left:6.11vw;position:absolute;right:6.11vw;top:28.4vh;width:auto}.Create-name input{align-items:center;border:none;border-bottom:1px solid #e8e9ea;box-sizing:border-box;color:#c6c6ce;display:flex;font-size:2.11vh;height:100%;line-height:1.5;outline:none;padding:0 10.18vw 0 0;width:100%}.Create-name input.active{border-bottom:1.5px solid #a9a1ff}.Create-name input.error{border-bottom:2px solid #ff4242}.Create-clear-button{background:none;border:none;color:#999;cursor:pointer;font-size:2.35vh;line-height:1;padding:0;position:absolute;right:4.07vw;top:50%;transform:translateY(-50%)}.Create-error-message{color:#ff4242;font-size:1.64vh;left:6.11vw;line-height:1.5;margin-top:1.17vh;position:absolute;top:35.2vh}.Create-submit{background-color:#fff;bottom:34px;box-sizing:border-box;left:0;padding:0 6.11vw;position:fixed;width:100%}.Create-submit-button{background-color:#7b6fff;border:none;border-radius:1.41vh;color:#fff;font-size:1.88vh;height:6.1vh;width:100%}.Overlay{align-items:center;background-color:#181e294d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Overlay-content{background-color:#fff;border-radius:1.88vh;box-shadow:0 4px 10px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:31.7vh;justify-content:flex-start;padding:2.35vh 5.1vw;width:81.4vw}.Join-Overlay-title{color:#181e29;font-size:2.35vh;font-weight:700;margin-bottom:.7vh}.Join-Overlay-subtitle,.Join-Overlay-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:1.4;text-align:left}.Join-Overlay-subtitle{color:#697584;font-size:1.64vh;font-weight:500}.Room-Overlay-info{align-items:center;background-color:#f3f4f6;border-radius:1.41vh;box-sizing:border-box;display:flex;flex-direction:column;height:9.39vh;justify-content:center;margin:2.82vh 0;padding:0;width:71.25vw}.Room-Overlay-title{color:#697584;font-size:1.64vh;font-weight:400;margin-bottom:.7vh}.Room-Overlay-subtitle,.Room-Overlay-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:140%;text-align:left}.Room-Overlay-subtitle{color:#181e29;font-size:2.11vh;font-weight:600}.Overlay-buttons{display:flex;gap:2.54vw;justify-content:center}.Overlay-buttons button{border-radius:1.41vh;cursor:pointer;font-family:Pretendard,sans-serif;font-size:1.88vh;height:5.63vh;letter-spacing:-.025em;line-height:140%;width:34.36vw}.Overlay-buttons button:first-child{background-color:#fff;border:.12vw solid #e8e9ea;color:#181e29}.Overlay-buttons button:last-child{background-color:#7b6fff;border:none;color:#fff}.Join-Overlay-subtitle,.Join-Overlay-title{text-align:left}.Invite-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw;position:relative}.Invite-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-bottom:1.17vh}.Invite-subtitle,.Invite-title{line-height:1.4;text-align:left}.Invite-subtitle{color:#697584;font-size:1.88vh;margin-bottom:3.52vh}.Invite-code-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:4.69vh;width:100%}.Invite-code-background{align-items:center;background-color:#f2f3f4;border-radius:1.41vh;box-sizing:border-box;display:flex;height:10.1vh;justify-content:center;width:100%}.Invite-code-text{color:#181e29;font-size:2.35vh;line-height:1.5}.Invite-copy-button{background-color:initial;border:none;color:#697584;cursor:pointer;font-size:1.88vh;height:2.82vh;margin-top:1.17vh;text-decoration:underline;width:100%}.Invite-submit{background-color:#fff;border:none;bottom:3.99vh;box-sizing:border-box;left:0;padding:0 6.11vw;position:fixed;width:100%}.Invite-submit-button{background-color:#7b6fff;border:none;width:100%}.Invite-submit-button,.Invite-toast{border-radius:1.41vh;color:#fff;font-size:1.88vh;height:6.1vh}.Invite-toast{align-items:center;animation:fadeinout .5s ease;background-color:#818790;bottom:12.79vh;display:flex;justify-content:left;left:50%;line-height:1.3;padding-left:2vw;position:fixed;transform:translateX(-50%);white-space:nowrap;width:87.78vw;z-index:999}@keyframes fadeinout{0%{opacity:0;transform:translateX(-50%) translateY(10%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.End-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw}.End-title{color:#181e29;font-size:2.58vh;font-weight:700;line-height:1.4;margin-bottom:4.69vh;text-align:left}.End-image{background-color:#f2f3f4;height:43.43vh;margin:0 auto;width:87.8vw}.End-buttons{display:flex;flex-direction:column;gap:.94vh;margin-bottom:5.87vh;margin-top:auto;width:100%}.End-button{align-items:center;border:none;border-radius:1.41vh;display:flex;font-size:1.88vh;height:6.1vh;justify-content:center;padding:0 6.11vw;width:100%}.End-button.go{background-color:#7b6fff;color:#f1f1ff}.Tutorial-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:0 6.11vw}.Tutorial-slider-wrapper{box-sizing:initial;flex:1 1;margin-left:-6.11vw;margin-right:-6.11vw;overflow:hidden;position:relative;width:calc(100% + 12.22vw)}.Tutorial-slider{transition:transform .3s ease-in-out;width:300vw}.Tutorial-slide,.Tutorial-slider{display:flex;height:100%;margin:0;padding:0}.Tutorial-slide{align-items:center;box-sizing:border-box;flex-direction:column;flex-shrink:0;width:100vw}.Tutorial-title{color:#181e29;font-size:5.6vw;font-weight:700;margin-bottom:1.17vh;margin-top:17.49vh}.Tutorial-subtitle,.Tutorial-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:1.4;text-align:center;-webkit-user-select:none;user-select:none}.Tutorial-subtitle{color:#697584;font-size:4.07vw;font-weight:400;margin-bottom:2.35vh}.Tutorial-image{background-color:#f2f3f4;height:45.77vh;margin-bottom:2.23vh;-webkit-user-select:none;user-select:none;width:87.8vw}.slide1{background-color:#ffe5e5}.slide2{background-color:#e5f1ff}.slide3{background-color:#e9e5ff}.Tutorial-indicator{display:flex;gap:2.03vw;justify-content:center;margin-bottom:7.5vh}.Tutorial-indicator-dot{background-color:#d9d9d9;border-radius:50%;cursor:pointer;height:.94vh;transition:background-color .3s;width:2.04vw}.Tutorial-indicator-dot.active{background-color:#7b6fff}.Tutorial-buttons{margin-bottom:4vh;width:100%}.Tutorial-button{align-items:center;background-color:#7b6fff;border:none;border-radius:1.41vh;color:#f1f1ff;cursor:pointer;display:flex;font-size:1.88vh;font-weight:400;height:6.1vh;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.Inbox-container,.Tutorial-button{font-family:Pretendard,sans-serif;padding:0 6.11vw}.Inbox-container{background:#fff;box-sizing:border-box;height:100vh;position:relative}.Inbox-title{color:#181e29;font-size:5.6vw;font-weight:700;letter-spacing:-.025em;line-height:1.4;padding-top:8.21vh;-webkit-user-select:none;user-select:none}.Inbox-Image{background-color:#f2f3f4;height:28.97vh;margin-top:13.26vh;width:87.8vw}.Inbox-Image,.Inbox-empty{margin-bottom:0;-webkit-user-select:none;user-select:none}.Inbox-empty{color:#697584;font-size:4.07vw;font-weight:400;letter-spacing:-.025em;line-height:1.3;margin-top:2.35vh;text-align:center}.Inbox-Plus{align-items:center;background-color:#7b6fff;border-radius:50%;bottom:13.03vh;box-shadow:0 2px 8px #7b6fff66;color:#fff;cursor:pointer;display:flex;font-size:10vw;font-weight:700;height:14.26vw;justify-content:center;line-height:1;position:fixed;right:6.11vw;-webkit-user-select:none;user-select:none;width:14.26vw;z-index:10}.Inbox-list{display:flex;flex-direction:column;gap:.23vh;margin-top:calc(5.6vw + 2.35vh)}.Inbox-message{align-items:center;border:none;cursor:pointer;display:flex;height:10.56vh;margin:0;padding:0;position:relative}.Inbox-profile{border-radius:50%;flex-shrink:0;height:6.57vh;margin-right:4.07vw;object-fit:cover;width:14.25vw}.Inbox-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.Inbox-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.47vh}.Inbox-sender{color:#181e29;font-family:Pretendard,sans-serif;font-size:4.07vw;font-weight:600;letter-spacing:-.025em;line-height:130%}.Inbox-date{font-size:3.31vw;line-height:130%}.Inbox-date,.Inbox-preview{color:#697584;font-family:Pretendard,sans-serif;font-weight:400;letter-spacing:-.025em}.Inbox-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:3.56vw;height:4.93vh;line-height:150%;margin-top:.47vh;overflow:hidden;position:relative;text-overflow:ellipsis;width:54.2vw}.Inbox-unread-dot{background-color:#007bff;border-radius:50%;height:1.17vh;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2.55vw}.Send-container{background:#fff;box-sizing:border-box;height:100vh;padding:0 6.11vw;position:relative}.Send-container,.Send-title{font-family:Pretendard,sans-serif}.Send-title{color:#181e29;font-size:5.59796vw;font-weight:700;letter-spacing:-.025em;line-height:140%;margin-bottom:4.69484vh}.user-list{display:flex;flex-direction:column;gap:3.28638vh;list-style:none;margin:0;padding:0}.user-item{justify-content:space-between;width:100%}.user-info,.user-item{align-items:center;display:flex}.user-info{min-width:0}.user-profile{border-radius:50%;flex-shrink:0;height:4.69484vh;object-fit:cover;width:10.17812vw}.user-name{color:#313c4b;font-family:Pretendard,sans-serif;font-size:4.58015vw;font-weight:600;letter-spacing:-.025em;line-height:100%;margin-left:2.03562vw;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2.58216vh;justify-content:center;width:5.59796vw}.check-circle.unchecked{background-color:initial;border:2px solid #d1d6db}.check-circle.checked{background-color:#7b6fff;border:none;color:#fff}.check-icon{font-size:3.56234vw}.Write-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding-left:6.11vw;padding-right:6.11vw;padding-top:0;position:relative}.Write-title-subtitle-wrapper{align-items:flex-start;display:flex;justify-content:space-between;margin-top:2.7vh}.Write-texts{display:flex;flex-direction:column}.Write-title{color:#181e29;font-size:2.58vh;font-weight:700}.Write-subtitle,.Write-title{letter-spacing:-.025em;line-height:140%}.Write-subtitle{color:#697584;font-size:1.88vh;font-weight:400;margin-top:.94vh}.Write-image-placeholder{background-color:#d9d9d9;border-radius:2.03vw;flex-shrink:0;height:11.39vh;width:25.19vw}.Write-textbox-wrapper{margin-top:3.87vh;min-height:16.9vh;position:relative;width:87.81vw}.Write-textarea{border:1px solid #e8e9ea;border-radius:1.41vh;box-sizing:border-box;color:#181e29;font-family:Pretendard,sans-serif;font-size:1.88vh;font-weight:400;letter-spacing:-.025em;line-height:150%;min-height:16.9vh;overflow:hidden;padding:1.87vh 4.07vw 3.6vh;position:relative;resize:none;width:100%;z-index:3}.Write-textarea::placeholder{color:#c6c6ce}.Write-charcount{background:#0000;bottom:1.2vh;color:#a5a5a7;font-size:1.52vh;left:4.07vw;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:3}.Write-charcount,.Write-soft-button{font-family:Pretendard,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:150%}.Write-soft-button{align-items:center;align-self:flex-start;background-color:#f1f1ff;border:none;border-radius:.7vh;color:#7b6fff;cursor:pointer;font-size:1.76vh;height:4.22vh;justify-content:center;width:45.54vw}.Write-soft-wrapper{align-items:center;display:flex;gap:3vw;justify-content:flex-start;margin-top:1.41vh}.Write-soft-usage{align-items:center;color:#555;color:#a9a1ff;display:flex;font-size:3.82vw;letter-spacing:-.025em;line-height:150%}.Write-submit{background-color:#fff;border:none;bottom:3.99vh;box-sizing:border-box;left:0;padding:0 6.11vw;position:fixed;width:100%}.Write-submit-button{background-color:#7b6fff;border:none;border-radius:1.41vh;color:#fff;font-size:1.88vh;height:6.1vh;width:100%}.Write-overlay{align-items:center;background-color:#181e294d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.Write-overlay-box{align-items:center;background-color:#fff;border-radius:4.07vw;box-sizing:border-box;display:flex;flex-direction:column;height:32.87vh;padding-top:4.69vh;width:81.43vw}.Write-overlay-image{background-color:#d9d9d9;border-radius:2.03vw;height:11.39vh;width:25.19vw}.Write-overlay-title{margin-top:3.17vh}.Write-overlay-subtitle,.Write-overlay-title{color:#697584;font-family:Pretendard,sans-serif;font-size:1.64vh;font-weight:500;letter-spacing:-.025em;line-height:140%;text-align:center}.Write-overlay-subtitle{margin-top:.94vh;white-space:pre-line}.Write-original-box{align-self:flex-start;margin-top:0;position:relative;width:87.81vw}.Write-original-toggle{background-color:#fff;border:1px solid #e8e9ea;border-radius:0 0 1.41vh 1.41vh;border-top:none;color:#555;cursor:pointer;font-size:1.76vh;margin-bottom:-1.8vh;margin-top:0;padding:2.97vh 4.07vw 1.17vh;position:relative;text-align:left;top:-1.8vh;transition:all .3s ease;width:100%;z-index:2}.Write-original-toggle.open+.Write-soft-wrapper,.Write-original-toggle:not(.open)+.Write-soft-wrapper{margin-top:1.41vh}.Write-original-toggle.open{background-color:#fff;border-bottom:none;border-left:1px solid #e8e9ea;border-radius:0;border-right:1px solid #e8e9ea}.Write-original-toggle:after{color:#181e29;content:"▼";font-size:1.88vh;position:absolute;right:4.07vw;top:50%;transform:translateY(-50%);transition:transform .3s ease}.Write-original-toggle.open:after{content:"▲";position:absolute}.Write-original-toggle.open:before{background-color:#e8e9ea;border-radius:0 0 1.41vh 1.41vh;bottom:0;content:"";height:1px;left:4.07vw;position:absolute;right:4.07vw}.original-text-wrapper{display:none}.original-text-wrapper.show{border-bottom:1px solid #e8e9ea;border-left:1px solid #e8e9ea;border-radius:0 0 1.41vh 1.41vh;border-right:1px solid #e8e9ea;display:block;margin-top:-1.8vh;overflow:hidden}.original-text,.original-text-wrapper.show{background-color:#fff;box-sizing:border-box}.original-text{border:none;border-radius:0;box-shadow:none;color:#333;font-size:1.88vh;line-height:1.5;margin-top:0;padding:2.82vh 4.07vw 1.41vh;top:-1.8vh;width:100%}.original-text p{margin:0}.SendEnd-container{background:#fff;box-sizing:border-box;font-family:Pretendard,sans-serif;height:100vh;overflow:hidden;padding:0 6.11vw;position:relative}.SendEnd-title{color:#181e29;font-size:5.11vw;font-weight:700;line-height:7vh;margin-top:17.48vh}.SendEnd-subtitle,.SendEnd-title{font-family:Pretendard,sans-serif;text-align:center}.SendEnd-subtitle{color:#697584;font-size:4.07vw;font-weight:400;letter-spacing:-.025em;line-height:140%;margin-top:1.17vh}.SendEnd-image{background-color:#d9d9d9;border-radius:2vw;display:block;height:51.87vh;margin-left:auto;margin-right:auto;margin-top:2.82vh;width:87.81vw}.MessageDetail-container{background:#fff;box-sizing:border-box;font-family:Pretendard,sans-serif;height:100vh;padding:0 6.11vw;position:relative}.MessageDetail-image1{align-items:center;background-color:#f3f4f6;border-radius:0;display:flex;height:25.45vw;justify-content:center;margin:3.1vw auto 0;overflow:hidden;width:25.45vw}.MessageDetail-image1 img{display:block;height:100%;object-fit:cover;width:100%}.MessageDetail-title{color:#181e29;font-size:4.6vw;font-weight:700;letter-spacing:-.025em;line-height:130%;margin-bottom:2.82vh;margin-top:.82vh;text-align:center}.MessageDetail-image2{background-color:#f9f9f9;background-position:50%;background-size:cover;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3.1vw;border-top-right-radius:3.1vw;height:16.7vh;margin:0 auto;width:87.8vw}.MessageDetail-content{background-color:#fdfdfd;border:1px solid #ddd;border-bottom-left-radius:2vw;border-bottom-right-radius:2vw;border-top-color:#e8e9ea;border-top-left-radius:0;border-top-right-radius:0;color:#181e29;font-size:4.1vw;font-weight:400;letter-spacing:-.025em;line-height:150%;margin-bottom:5.1vw;padding:5.6vw;top:-1px;white-space:pre-wrap}
/*# sourceMappingURL=main.cf6b5451.css.map*/