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)}}.LoginPage_loginPageWrapper__Gb2U5{align-items:center;background-color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.LoginPage_loginContainer__Lryy9{background-color:#fff;max-width:100%;padding:60px 40px;text-align:center;width:400px}.LoginPage_title__zJstD{color:#000;font-size:48px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:60px;text-align:center}.LoginPage_errorMessage__aXbj-{background-color:#fff0f0;border:1px solid #fcc;border-radius:4px;color:#f44;font-size:14px;margin-bottom:16px;padding:8px 12px;text-align:center}.LoginPage_formGroup__mC-Lp{margin-bottom:20px;text-align:left}.LoginPage_label__npzm\+{color:#666;display:block;font-size:14px;font-weight:400;margin-bottom:8px}.LoginPage_input__2k9Ld{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.LoginPage_input__2k9Ld:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.LoginPage_input__2k9Ld::placeholder{color:#999}.LoginPage_loginBtn__mCzDm{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:20px 0 30px;padding:16px;transition:background-color .2s;width:100%}.LoginPage_loginBtn__mCzDm:hover{background-color:#333}.LoginPage_linkSection__icrRT{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:center;margin-bottom:40px}.LoginPage_link__qKACM{color:#666;cursor:pointer;text-decoration:none;transition:color .2s}.LoginPage_link__qKACM:hover{color:#000;text-decoration:underline}.LoginPage_divider__duIVC{color:#ccc}.LoginPage_socialLoginSection__ELgk9{display:flex;flex-direction:column;gap:12px}.LoginPage_socialBtn__3FYsM{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:flex-start;padding:14px 16px;text-decoration:none;transition:background-color .2s,border-color .2s;width:100%}.LoginPage_socialBtn__3FYsM:hover{background-color:#f8f9fa;border-color:#ccc}.LoginPage_socialIcon__-nd8t{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;width:20px}.LoginPage_googleBtn__O0EWp .LoginPage_socialIcon__-nd8t svg{height:18px;width:18px}.LoginPage_naverIcon__O8SgR{align-items:center;background-color:#03c75a;border-radius:2px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.LoginPage_kakaoIcon__NJg6L{background-color:#fee500;border-radius:3px;height:20px;position:relative;width:20px}.LoginPage_kakaoIcon__NJg6L:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c5.799 0 10.5 3.664 10.5 8.185 0 4.52-4.701 8.184-10.5 8.184a13.5 13.5 0 0 1-1.727-.11l-4.408 2.883c-.501.265-.678.236-.472-.413l1.47-3.576c-4.119-1.406-5.363-3.5-5.363-6.968C1.5 6.665 6.201 3 12 3Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:11px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.LoginPage_discordIcon__2OuDN{background-color:#5865f2;border-radius:3px;height:20px;position:relative;width:20px}.LoginPage_discordIcon__2OuDN:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36'%3E%3Cpath fill='%23fff' d='M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2a68.68 68.68 0 0 1-10.87 5.19 77 77 0 0 0 6.89 11.1 105.25 105.25 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53s5-12.74 11.43-12.74S54 46 53.89 53s-5.05 12.69-11.44 12.69Zm42.24 0C78.41 65.69 73.25 60 73.25 53s5-12.74 11.44-12.74S96.23 46 96.12 53s-5.04 12.69-11.43 12.69Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.Header_header__wSI9w{align-items:center;background:#fff;border-bottom:1px solid #aaa;display:flex;flex-shrink:0;gap:40px;height:60px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:13000}.Header_Frame12__qrb3w{align-items:center;display:flex;flex:1 0;gap:40px}.Header_logo__4nVlm{align-items:center;color:#111;display:flex;font-family:"Young Serif";font-size:40px;font-style:normal;font-weight:400;gap:10px;line-height:normal;width:445px}.Header_logo__4nVlm strong{font-weight:700}.Header_search__OnIK5{align-items:flex-start;display:flex;gap:10px;position:relative;width:910px}.Header_Frame8__2jg9S{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;flex:1 0;flex-direction:column;gap:10px;padding:8px 16px}.Header_Frame7__tIS3G{align-items:center;align-self:stretch;display:flex;gap:8px}.Header_Frame7_1__KnV1p{aspect-ratio:1/1;height:20px;width:20px}.Header_Frame7_2__ZBLs5{-webkit-appearance:none;appearance:none;background:none;border:none;box-shadow:none;color:#777;flex:1 0;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;height:19px;line-height:normal;margin:0;outline:none;padding:0}.Header_clearButton__PTkGJ{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:36px;top:50%;transform:translateY(-50%);width:20px}.Header_clearButton__PTkGJ:hover{background-color:#f0f0f0}.Header_searchResults__N1a-w{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:1000}.Header_searchResults__N1a-w div{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.Header_searchResults__N1a-w div:last-child{border-bottom:none}.Header_searchResults__N1a-w div:hover{background-color:#f8f9fa}.Header_userMenuWrapper__CGha-{align-items:center;display:flex;gap:20px;position:relative}.Header_writeButton__BZ-Of{align-items:flex-start;background-color:#fff;border:1px solid #aaa;border-radius:8px;color:#777;display:flex;font-family:Pretendard;font-style:normal;font-weight:400;gap:10px;height:35px;justify-content:flex-end;line-height:normal;padding:8px 16px;width:74px}.Header_writeButton__BZ-Of:hover{background-color:#f8f9fa;border-color:#ccc}.Header_loginButton__5vJjr{align-items:flex-start;background-color:#fff;border:1px solid #aaa;border-radius:8px;color:#777;display:flex;flex-shrink:0;font-family:Pretendard;font-style:normal;font-weight:400;gap:10px;height:35px;justify-content:flex-end;line-height:normal;padding:8px 16px;width:135px}.Header_loginButton__5vJjr:hover{background-color:#f8f9fa;border-color:#ccc;color:#333}.Header_profileImage__PWcE5{aspect-ratio:1/1;border-radius:40px;cursor:pointer;height:40px;width:40px}.Header_profileImage__PWcE5:hover{border-color:#ccc}.Header_menuPopup__zlNKr{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;min-width:140px;padding:6px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.Header_menuButton__DAVB\+{background:none;border:none;color:#333;cursor:pointer;font-size:14px;outline:none;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.Header_menuButton__DAVB\+:hover{background-color:#f8f9fa}@media (max-width:768px){.Header_header__wSI9w{padding:0 16px}.Header_loginButton__5vJjr,.Header_writeButton__BZ-Of{font-size:13px;padding:6px 12px}}@media (max-width:480px){.Header_logo__4nVlm{font-size:18px;min-width:100px}.Header_searchWrapper__AFDWj{margin:0 8px;max-width:200px}.Header_loginButton__5vJjr{font-size:12px;padding:6px 10px}.Header_writeButton__BZ-Of{display:none}}.FriendSidebar_friendsidebar__hKS1q{align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:16px;display:flex;flex-direction:column;gap:20px;height:840px;position:fixed;right:20px;top:100px;width:440px;z-index:12000}.FriendSidebar_topMenu__Uuoiw{align-items:center;align-self:stretch;display:flex;gap:16px;padding:20px 16px;position:relative}.FriendSidebar_Frame37__9dQ-c{align-items:center;display:flex;flex:1 0}.FriendSidebar_addFriend__IRWyA{aspect-ratio:1/1;height:24px;width:24px}.FriendSidebar_vector__Gcyen{fill:#777;flex-shrink:0;height:24px;width:22.5px}.FriendSidebar_topMenuButton__qc1WS{align-items:center;background:none;border:none;color:#8e8e93;cursor:pointer;display:flex;flex:5 1;gap:10px;height:35px;justify-content:center;padding:8px 16px;position:relative}.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_friends__BNKFI,.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_pending__tiQxN{flex:5 1}.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_add__\+rL6L{flex:1 1}.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_friends__BNKFI:after,.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_pending__tiQxN:after{background-color:#ddd;bottom:0;content:"";height:2px;left:0;position:absolute;transition:background-color .2s;width:100%}.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_friends__BNKFI.FriendSidebar_active__Bym5d:after,.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_pending__tiQxN.FriendSidebar_active__Bym5d:after{background-color:#000}.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_friends__BNKFI.FriendSidebar_active__Bym5d,.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_pending__tiQxN.FriendSidebar_active__Bym5d{color:#000}.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_add__\+rL6L:after{content:none}.FriendSidebar_topMenuButton__qc1WS.FriendSidebar_add__\+rL6L svg{height:20px;width:20px}.FriendSidebar_friendItem__eiwwC,.FriendSidebar_mainContent__fAgZW{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.FriendSidebar_friendItem__eiwwC{border-bottom:1px solid #e0e0e0;cursor:pointer;justify-content:center;margin-bottom:4px;padding:12px 12px 20px;position:relative;transition:background-color .2s ease}.FriendSidebar_friendItem__eiwwC:hover{background-color:#f8f9fa}.FriendSidebar_friendInfo__atSeC{align-items:center;align-self:stretch;display:flex;gap:12px}.FriendSidebar_profileCircle__9sGlK{aspect-ratio:1/1;background:gray;border-radius:50%;flex-shrink:0;height:30px;overflow:hidden;position:relative;width:30px}.FriendSidebar_profileCircle__9sGlK img{height:100%;object-fit:cover;width:100%}.FriendSidebar_Frame15__IR4gB{align-items:flex-end;display:flex;flex:1 0;gap:44px}.FriendSidebar_onlineDot__s06rw{background-color:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.FriendSidebar_friendInfo__atSeC span{color:#000;font-size:14px;font-weight:500}.FriendSidebar_dropdownMenu__4jjlI{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #00000026;min-width:120px;padding:5px;position:absolute;right:8px;top:100%;z-index:10}.FriendSidebar_dropdownButton__iPtRH{border:none;border-radius:4px;cursor:pointer;margin-bottom:5px;padding:5px 10px;width:100%}.FriendSidebar_gotoPageBtn__dGtZS{background-color:#2196f3;color:#fff}.FriendSidebar_deleteBtn__QNZhd{background-color:#f44336;color:#fff}.FriendSidebar_pendingItem__YfBsN{border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:4px;padding:12px 8px}.FriendSidebar_pendingInfo__RgaWZ{align-items:center;display:flex;gap:12px;width:100%}.FriendSidebar_pendingProfileCircle__-G0vx{background:gray;border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.FriendSidebar_pendingProfileCircle__-G0vx img{height:100%;object-fit:cover;width:100%}.FriendSidebar_pendingInfo__RgaWZ span{color:#8e8e93;font-size:13px;line-height:1.4}.FriendSidebar_pendingActions__98hdd{display:flex;gap:8px}.FriendSidebar_pendingActionButton__duqmn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.FriendSidebar_acceptBtn__U4bVi{background-color:#4caf50}.FriendSidebar_rejectBtn__BorGs{background-color:#f44336}.FriendSidebar_addFriendWrapper__NFVq3{display:flex;gap:10px;position:relative}.FriendSidebar_addFriendInput__SLRIW{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:8px}.FriendSidebar_addFriendButton__kvAPY{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 15px}.FriendSidebar_mainContent__fAgZW>p{color:#8e8e93;font-size:14px;padding:40px 20px;text-align:center}.FriendSidebar_addDropdown__bsyuN{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;gap:8px;left:50%;padding:10px;position:absolute;top:100%;transform:translateX(-50%);z-index:20}.feed-wrapper{align-self:stretch;background:#f8f8f8;gap:40px;justify-content:flex-end;min-height:100vh;padding:40px 500px 0 0}.feed-container,.feed-wrapper{align-items:flex-start;display:flex}.feed-container{flex-direction:column;gap:24px;width:920px}.post-card{align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px 120px 16px;width:680px}.post-card:last-child{border-bottom:none}.post-header{gap:12px;padding:0 16px 12px}.post-header,.profile-pic{align-items:center;display:flex}.profile-pic{background:#ccc;border-radius:50%;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.profile-pic img{height:100%;object-fit:cover;width:100%}.post-user-info{align-items:center;display:flex;flex-direction:row;gap:8px}.username{color:#000;font-weight:600}.post-time{color:#8e8e8e}.post-content{line-height:1.4;margin-bottom:12px;padding:0 16px 12px}.post-image-wrapper{align-items:center;aspect-ratio:1/1;background:#000;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.post-image-single{height:100%;object-fit:contain;width:100%}.action-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:4px}.post-actions{align-items:center;color:#8e8e8e;display:flex;font-size:14px;justify-content:space-between;padding:0 16px;width:100%}.post-actions-left{white-space:nowrap}.post-actions-left,.post-actions-right{align-items:center;display:flex;gap:8px}.post-actions-right{color:#8e8e8e;margin:0}.likes-count{color:#000;font-size:14px;font-weight:500}.comment-count{color:#8e8e8e}.photo-nav-btn{background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:8px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.photo-nav-btn.left{left:10px}.photo-nav-btn.right{right:10px}.photo-indicators{bottom:8px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator-dot{background:#ccc;border-radius:50%;height:8px;transition:background .3s ease;width:8px}.indicator-dot.active{background:#0095f6}.profilesidebar{align-items:center;background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;flex-shrink:0;gap:63px;height:984px;padding:80px 0 20px;position:fixed;right:1460px;top:60px;width:440px;z-index:12000}.profile-photo{aspect-ratio:1/1;border-radius:175px;flex-shrink:0;height:175px;width:175px}.profile-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:20px;padding:0 40px}.profile-container-name{font-size:32px}.profile-container-name,.profile-container-post{color:#000;font-family:Pretendard;font-style:normal;font-weight:400;line-height:normal}.profile-container-post{font-size:20px}.profile-container-introduction{color:#9e9e9e;font-family:Pretendard;font-size:32px;font-style:normal;font-weight:400;height:114px;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-buttons{align-items:center;align-self:stretch;display:flex;padding:12px 0 20px}.filter-buttonselect{color:#333;flex:1 0;font-size:24px;font-weight:700}.filter-buttongap,.filter-buttonselect{align-items:center;display:flex;font-family:Pretendard;font-style:normal;gap:10px;height:35px;justify-content:center;line-height:normal;padding:8px 16px}.filter-buttongap{color:#777;font-size:16px;font-weight:400}.filter-buttons button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;margin:0 8px;padding:12px 24px;transition:all .3s ease}.filter-buttonselect:hover{color:#333}.filter-buttonselect.active{color:#000!important;font-weight:700}.post-content{color:#666;margin-bottom:8px}.photo-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr)}.photo-item{cursor:pointer;height:300px;object-fit:cover;width:100%}.user-feed-background{background:#f8f8f8}.user-feed-wrapper{align-items:center;gap:10px;height:1025px;padding-top:40px;width:1420px}.profile-card,.user-feed-wrapper{background:#fff;display:flex;flex-direction:column;flex-shrink:0}.profile-card{align-items:flex-start;gap:76px;height:600px;width:920px}.profile-font{color:#333;font-family:Pretendard;font-size:40px;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:normal}.profile-incontainer{gap:20px}.profile-incontainer,.profile-incontainer2{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.profile-incontainer2{gap:40px;padding:0 20px}.profile-inincontainer{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:20px}.user-info-container h1{color:#374151;font-size:20px;font-weight:600;margin-bottom:28px;text-align:left}.profile-photo-wrapper{align-items:center;align-self:stretch;background:#f4f4f4;border-radius:8px;display:flex;gap:12px;padding:12px 20px 20px}.profile-photo-img{aspect-ratio:1/1;border-radius:60px;height:60px;width:60px}.profile-photo-text{color:#111;flex:1 0;text-align:left}.photo-change-btn,.profile-photo-text{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.photo-change-btn{align-items:center;background:#000;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 16px;width:120px}.photo-change-btn input{display:none}.uuid-container{align-items:center;color:#000;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;gap:12px;line-height:normal;padding:0 20px}.input-group,.uuid-container{align-self:stretch;display:flex}.input-group{align-items:flex-start;flex-direction:column;gap:8px;height:87px}.input-group-text{color:#777;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.input-group label{color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:10px;text-align:left}.uuid-display{background-color:#f9fafb;border-radius:7px;color:#6b7280;font-size:15px;margin:0;padding:14px;word-break:break-all}.input-container{flex-direction:column}.input-container,.input-incontainer{align-items:flex-start;align-self:stretch;display:flex;gap:4px}.input-incontainer{position:relative}.input-field{align-items:flex-start;background:#fff;border:1px solid #aaa;display:flex;flex:1 0;flex-direction:column;justify-content:center;padding:12px 16px}.input-field:focus{box-shadow:0 0 0 2px #3b82f61a}.char-count{color:#aaa;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:normal;pointer-events:none;position:absolute;right:16px;top:65%;transform:translateY(-50%)}.textarea-field{border:1px solid #d1d5db;border-radius:7px;box-sizing:border-box;font-size:15px;min-height:90px;outline:none;padding:10px 14px;resize:none;width:100%}.textarea-field:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.textarea-count{bottom:10px;color:#9ca3af;font-size:13px;position:absolute;right:14px}.save-btn-before{background:#ccc;border:none}.save-btn,.save-btn-before{align-items:center;align-self:stretch;border-radius:8px;color:#fff;display:flex;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;height:48px;justify-content:center;line-height:normal;padding:12px 16px}.save-btn{background:#000;cursor:pointer}.warning-message{align-items:flex-end;align-self:stretch;display:flex;gap:10px;padding-left:16px}.copy-icon{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.copy-icon:hover{opacity:.7}.write-wrapper{align-items:flex-start;background:#f8f8f8;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.write-container{align-items:center;max-width:680px}.write-card,.write-container{display:flex;flex-direction:column;width:100%}.write-card{align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 2px 8px #0000001a;gap:32px;padding:40px}.write-cardTitle{align-self:center;color:#333;font-family:Pretendard,-apple-system,sans-serif;font-size:32px;font-weight:700;margin:0}.write-formGroup{display:flex;flex-direction:column;gap:8px;width:100%}.write-label{color:#777;font-size:16px;font-weight:500}.write-inputBox{align-items:center;background:#fff;border:1px solid #aaa;border-radius:8px;display:flex;padding:12px 16px}.write-input,.write-textarea{background:#0000;border:none;font-size:14px;outline:none;width:100%}.write-textarea{line-height:1.5;min-height:200px;resize:none}.write-selectBox{background:#0000;border:none;font-size:14px;outline:none;width:100%}.write-fileUpload{display:flex;flex-direction:column;gap:16px}.write-fileLabel{align-items:center;align-self:flex-start;background:#fff;border:2px dashed #aaa;border-radius:8px;color:#777;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 24px}.write-filePreviewGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.write-filePreview{display:flex;flex-direction:column;gap:8px}.write-filePreviewImgWrapper{aspect-ratio:1;background:#f0f0f0;border-radius:8px;overflow:hidden;position:relative}.write-filePreviewImgWrapper img{height:100%;object-fit:cover;width:100%}.write-filePreviewBtn{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:24px;position:absolute;right:4px;top:4px;width:24px}.write-filePreviewText{color:#666;font-size:12px;margin:0;text-align:center;word-break:break-all}.write-uploading{background:#e3f2fd;border-radius:8px;padding:12px;text-align:center}.write-uploading p{color:#1976d2;font-size:14px;margin:0}.write-submitBtn{align-items:center;align-self:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-width:200px;padding:16px 32px}.write-submitBtnDisabled{background:#ccc;cursor:not-allowed}.post-and-comments{background:#fff;border-radius:8px;overflow:hidden;padding:0;width:100%}.detail-post-user-info{align-items:flex-start;display:flex;flex-direction:column}.username{font-size:14px;font-weight:700}.post-time{color:#888;font-size:12px}.post-content{color:#000;font-size:14px;padding:0 12px 12px;text-align:left}.detail-action-btn{background:none;border:none;cursor:pointer;font-size:18px}.post-owner-actions{display:flex;gap:8px}.delete-btn,.edit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.edit-btn{background-color:#007bff}.delete-btn{background-color:red}.likes-count{font-weight:700}.comment-main-row{align-items:center;display:flex;gap:6px}.comment-sub-row{color:#888;display:flex;font-size:12px;justify-content:space-between;margin-top:2px}.comment-buttons{display:flex;gap:6px}.comment-buttons button{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px}.comment-buttons button.delete-btn{color:red}.comment-item{margin-left:0;margin-left:var(--depth,0)}.comment-count{color:#888;font-size:14px;font-weight:500}.comment-input-wrapper{display:flex;gap:10px;margin-bottom:10px}.comment-input-wrapper input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:6px 8px}.comment-input-wrapper button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.comment-section{background:#0000;padding:12px 16px}.register-wrapper{background:#fff;gap:80px}.register-container,.register-wrapper{align-items:center;flex-direction:column}.register-container{display:flex;gap:40px}.register-title{color:#333;font-family:Pretendard;font-size:40px;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:normal}.register-input-container{align-self:stretch;gap:20px}.register-input-container,.register-input-wrapper{align-items:flex-start;display:flex;flex-direction:column}.register-input-wrapper{gap:40px;height:679px;width:584px}.register-row-input-container-buttonoff,.register-row-input-container-buttonon{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:4px}.register-form-row-first{height:82px}.register-form-row-first,.register-form-row-other{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:8px}.register-form-field{color:#777;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.register-input-field-buttonoff{align-self:stretch;background:#fff}.register-input-field-buttonoff,.register-middle-button{align-items:center;border:1px solid #aaa;border-radius:8px;display:flex;padding:12px 16px}.register-middle-button{background:#000;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;justify-content:center;line-height:normal;min-width:120px;transition:background-color .2s;white-space:nowrap;width:120px}.register-middle-button:hover:not(:disabled){background-color:#36393f}.register-middle-button:disabled{background-color:#ccc;cursor:not-allowed}.success-text{color:#42b883;font-size:14px;margin-bottom:16px;text-align:center}.register-btn{align-items:center;align-self:stretch;background:#000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;justify-content:center;line-height:normal;padding:12px 16px}.register-btn:hover{background-color:#36393f}.register-message{border-radius:8px;cursor:pointer;font-size:14px;margin-top:16px;padding:12px;text-align:center}.register-message.success{background-color:#d4edda;color:#155724}.register-message.error{background-color:#f8d7da;color:#721c24}.chat-wrapper{background:#f8f8f8;display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:0}.chat-container{height:100%}.chat-card,.chat-container{display:flex;flex-direction:column;width:100%}.chat-card{background:#fff;border-radius:0;box-shadow:none;height:calc(100vh - 80px);overflow:hidden}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 40px}.chat-title{color:#333;font-family:Pretendard;font-size:24px;font-weight:700;line-height:normal}.chat-status-online{color:#10b981}.chat-status-offline,.chat-status-online{font-family:Pretendard;font-size:14px;font-weight:500}.chat-status-offline{color:gray}.messages-container{background:#f8f8f8;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 40px}.message-wrapper{align-items:flex-start;display:flex;gap:12px;max-width:70%}.message-wrapper.my-message{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.other-message{align-self:flex-start}.message-profile-img{border-radius:50%;flex-shrink:0;height:40px;width:40px}.message-content-wrapper{display:flex;flex-direction:column;gap:4px}.my-message .message-content-wrapper{align-items:flex-end}.other-message .message-content-wrapper{align-items:flex-start}.message-sender-name{color:#666;font-family:Pretendard;font-size:12px;font-weight:500;margin-bottom:4px}.message-bubble{word-wrap:break-word;border-radius:18px;font-family:Pretendard;font-size:16px;font-weight:400;line-height:1.4;padding:12px 16px}.my-bubble{background:#000;border-bottom-right-radius:6px;color:#fff}.other-bubble{background:#fff;border:1px solid #e5e5e5;border-bottom-left-radius:6px;color:#333}.message-timestamp{font-size:11px;font-weight:400;margin-top:2px}.message-timestamp,.no-messages{color:#999;font-family:Pretendard}.no-messages{font-size:16px;padding:40px 0;text-align:center}.message-input-container{background:#fff;border-top:1px solid #e5e5e5;padding:20px 40px}.input-wrapper{align-items:center;display:flex;gap:12px}.message-input{background:#fff;border:1px solid #aaa;border-radius:24px;flex:1 1;font-family:Pretendard;font-size:16px;outline:none;padding:12px 16px}.message-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.send-btn{align-items:center;background:#ccc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background .2s;width:48px}.send-btn.active{background:#000}.send-btn.active:hover{background:#333}.send-btn:disabled{cursor:not-allowed}.char-count-message{color:#aaa;font-family:Pretendard;font-size:12px;margin-top:8px;text-align:right}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#999}.find-id-wrapper{align-items:center;background:#fff;flex-direction:column;gap:80px}.find-id-container{gap:10px}.find-id-centercontainer,.find-id-container{align-items:center;display:flex;flex-direction:column}.find-id-centercontainer{gap:40px;justify-content:center}.find-id-input-wrapper{gap:40px}.find-id-input-container,.find-id-input-wrapper{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.find-id-input-container{gap:20px}.find-id-title{color:#333;font-family:Pretendard;font-size:40px;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:normal}.form-row-first{height:82px}.form-row-first,.form-row-other{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:8px}.find-id-form-field{color:#777;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.input-field-buttonoff{align-self:stretch;width:460px}.input-field-buttonoff,.input-field-buttonon{align-items:center;background:#fff;border:1px solid #aaa;border-radius:8px;box-sizing:border-box;display:flex;padding:12px 16px}.input-field-buttonon{flex:1 1;min-width:0}.input-buttoncontainer{align-items:flex-start;box-sizing:border-box;display:flex;gap:4px;max-width:584px;width:100%}.input-label{background:#0000;border:none;color:#333;margin:0;outline:none;padding:0;width:100%}.input-label,.input-label::placeholder{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.input-label::placeholder{color:#aaa}.input-label:focus{outline:none}.input-label:disabled{background:#0000;color:#999;cursor:not-allowed}.input-field-buttonoff:focus-within,.input-field-buttonon:focus-within{border-color:#1877f2}.input-field-buttonoff.error,.input-field-buttonon.error{border-color:#ff6b6b}.find-id-middle-button{align-items:center;background:#000;border:1px solid #aaa;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;justify-content:center;line-height:normal;min-width:120px;padding:12px 16px;transition:background-color .2s;white-space:nowrap;width:120px}.find-id-middle-button:hover:not(:disabled){background-color:#36393f}.find-id-middle-button:disabled{background-color:#ccc;cursor:not-allowed}.warningMesseage{align-items:flex-end;align-self:stretch;display:flex;gap:10px;height:10px;padding-left:16px}.warningMesseageFont{color:red}.successMesseageFont,.warningMesseageFont{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:9.75px}.successMesseageFont{color:#42b883}.find-id-row-input-container-buttonon,.row-input-container-buttonoff{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:4px}.find-id-btn{align-items:center;background:#000;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;justify-content:center;line-height:normal;padding:12px 16px;width:100%}.find-id-btn:hover{background-color:#36393f}.result-container{margin-top:40px;text-align:center}.found-id-box{background-color:#f8f9fa;border:2px solid #42b883;border-radius:12px;margin-bottom:20px;padding:30px 20px}.result-text{color:#65676b;font-size:16px;margin:5px 0}.found-id{color:#42b883;font-size:24px;font-weight:700;letter-spacing:2px;margin:10px 0}.find-id-message{border-radius:8px;cursor:pointer;font-size:14px;margin-top:16px;padding:12px;text-align:center}.find-id-message.success{background-color:#d4edda;color:#155724}.find-id-message.error{background-color:#f8d7da;color:#721c24}.password-reset-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:400px;padding:40px 20px}.password-reset-title{color:#1c1e21;font-size:48px;font-weight:700;margin-bottom:40px;text-align:center}.form-row{gap:8px;margin-bottom:20px;min-height:56px}.form-field,.form-row{align-items:stretch;display:flex}.form-field{position:relative}.input-field{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;height:56px!important;max-height:56px;min-height:56px;outline:none;padding:0 16px;transition:border-color .2s;width:100%}.input-field::placeholder{color:#999;font-size:16px}.input-field.error{border-color:#ff6b6b}.input-field:focus{border-color:#1877f2}.button{align-items:center;background-color:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:56px!important;justify-content:center;max-height:56px;min-height:56px;padding:0 16px;transition:background-color .2s;white-space:nowrap;width:112px}.button:hover:not(:disabled){background-color:#555}.button:disabled{background-color:#ccc;cursor:not-allowed}.form-field-wrapper{display:flex;flex-direction:column;width:100%}.error-text{color:#ff6b6b;font-size:14px;height:20px;line-height:20px;margin-top:4px;text-align:left;visibility:hidden}.error-text.active{visibility:visible}.submit-row{margin-top:40px;text-align:center}.submit-btn{background-color:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:56px;transition:background-color .2s;width:100%}.submit-btn:hover{background-color:#555}.input-message{font-size:14px;height:20px;line-height:20px;margin-top:4px;text-align:left;visibility:hidden}.input-message.error{color:#ff6b6b;visibility:visible}.input-message.success{color:#42b883;visibility:visible}
/*# sourceMappingURL=main.9fd62ddd.css.map*/