:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.home-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100%;height:100%;background-color:#f8f8fa;box-sizing:border-box;gap:30px}.filter-container{display:flex;flex-direction:column;width:260px;padding:25px 20px;margin:30px 0 30px 20px;background-color:#fff;border:1px solid #e3e3e3;border-radius:16px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.filter-title{font-size:22px;font-weight:700;color:#111;margin-bottom:15px;text-align:left}.filter-subtitle{font-size:15px;font-weight:600;color:#444;margin-bottom:6px;margin-top:10px}.checkbox-wrapper{display:flex;align-items:center;gap:6px;font-size:15px;color:#222;margin-top:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper input{accent-color:#ae00ff;width:16px;height:16px;cursor:pointer}.divider{width:100%;height:1px;background-color:#e8e8e8;margin:14px 0}.price-range{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}.price-input{flex:1;min-width:60px;padding:5px 8px;border:1px solid #ae00ff;border-radius:6px;font-size:14px;text-align:right;outline:none}.price-input:focus{border-color:#8200cc;box-shadow:0 0 3px #ae00ff4d}.reset-button{background:none;border:none;color:#ae00ff;font-size:13px;font-weight:500;cursor:pointer;margin-top:5px;align-self:flex-start;text-decoration:underline;transition:.2s}.reset-button:hover{color:#8200cc}.book-list-container{display:flex;height:100%;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px;gap:24px;box-sizing:border-box;overflow-y:auto}.status-text{grid-column:1 / -1;text-align:center;font-size:18px;font-weight:600;color:#888;padding-top:60px}.book-card{display:flex;flex-direction:column;justify-content:flex-start;background-color:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:12px;text-decoration:none;color:inherit;box-sizing:border-box;transition:all .25s ease;box-shadow:0 1px 4px #0000000d;height:100%;min-height:367px;max-height:367px;overflow:hidden}.book-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000014}.book-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:10px;background-color:#f0f0f0}.book-title{font-size:16px;font-weight:700;color:#222;margin-bottom:10px;line-height:1.4;word-break:keep-all;font-weight:semi-bold;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.book-card-footer{display:flex;flex-direction:column;width:100%;margin-top:auto}.book-info-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.book-heart{display:flex;align-items:center;gap:3px;font-size:13px;font-weight:600;color:#ae00ff}.book-heart img{width:14px;height:14px}.book-date{font-size:12px;color:#777}.book-info-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.book-price{font-size:15px;font-weight:700;color:#000}.book-status{background-color:#ae00ff;color:#fff;font-size:12px;font-weight:600;padding:3px 6px;border-radius:5px}.login-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:25px 25px 50px;border:1px solid #b516ff;box-sizing:border-box;color:#000;background-color:#fff;width:600px;left:50%;gap:20px;transform:translate(-50%)}.enterbox-container{display:flex;width:100%;flex-direction:column;gap:10px}.logo{width:200px;height:200px;margin-bottom:20px}.enterbox{padding:10px;border:1px solid #b516ff;box-sizing:border-box;color:#000;background-color:#fff;width:100%;height:45px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}.enterbox-title{font-size:22px;font-weight:700}.login-button{font-size:18px;font-weight:600;border:1px solid #b516ff;background-color:#b516ff;box-sizing:border-box;color:#fff;padding:5px 10px;border-radius:10px;font-weight:700;cursor:pointer}.join-find-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:80%;font-size:14px;font-weight:700;cursor:pointer;padding:5px 10px;border-radius:10px}.join-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:600px;height:100vh;padding:25px 25px 50px;border:1px solid #b516ff;box-sizing:border-box;color:#000;background-color:#fff;height:100%;left:50%;gap:15px;transform:translate(-50%)}.join-title{font-size:24px;font-weight:600;margin-bottom:15px}.double-input-container{position:relative;width:100%;display:flex;gap:10px}.join-input-container{display:flex;flex-direction:row;align-items:center;width:100%}.join-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%}.join-input{width:100%;height:100%;outline:none;border:1px solid #b516ff;border-radius:10px;padding:10px;box-sizing:border-box;background-color:#f5f5f5;color:#000}.join-input-title{font-size:16px;font-weight:700;margin-left:8px}.email-verify-button{width:100%;height:100%;border:1px solid #b516ff;border-radius:10px;padding:10px;box-sizing:border-box;background-color:#b516ff;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.email-verify-button:hover{background-color:#fff;color:#b516ff;border:1px solid #b516ff}.join-profile-set{width:50%;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.join-profile-box{border:1px solid black;width:160px;height:160px;object-fit:cover;padding:10px;border-radius:10px;box-sizing:border-box}.join-profile-button{background-color:#b516ff;color:#fff;font-size:16px;font-weight:700}.join-button{width:180px;height:50px;border:1px solid #b516ff;border-radius:10px;font-size:16px;font-weight:700;padding:10px;box-sizing:border-box;background-color:#b516ff;color:#fff}.input-disabled{background-color:#f0f0f0;color:#888;cursor:not-allowed}.join-input select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:40px;padding:0 12px;border:1px solid #b516ff;border-radius:8px;background-color:#fdfdfd;background-image:url('data:image/svg+xml;utf8,<svg fill="%23b516ff" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;font-size:16px;color:#333;cursor:pointer;transition:border-color .3s ease}.join-input select:focus{border-color:#8c00cc;box-shadow:0 0 0 2px #b516ff33;outline:none}.single-page-container{position:absolute;width:100%;height:calc(100vh - 103px);display:flex;flex-direction:row;align-items:flex-start;justify-content:center;background-color:#f5f5f5;padding:30px;box-sizing:border-box;gap:40px}.image-gallery{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.main-image-wrapper{position:relative;width:100%;height:auto;aspect-ratio:4 / 3;border:1px solid #ccc;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fafafa}.main-image{width:100%;height:100%;object-fit:contain}.arrow-button{position:absolute;width:50px;height:50px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.6;transition:opacity .2s}.arrow-button:hover{opacity:1}.arrow-button.left{left:10px}.arrow-button.right{right:10px}.thumbnail-container{margin-top:15px;display:flex;gap:8px;overflow-x:auto;justify-content:center;width:100%}.thumbnail-item{width:70px;height:70px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:border .2s;flex-shrink:0}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.thumbnail-item.selected{border:3px solid #b516ff}.text-section{flex:1;display:flex;flex-direction:column;gap:8px;padding:10px;box-sizing:border-box}.seller-wrapper{display:flex;justify-content:space-between;align-items:center}.seller-info{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.seller-img{width:50px;height:50px;border-radius:50%}.siren-wrapper{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:5px}.siren-wrapper label{display:flex;flex-direction:row;align-items:center;cursor:pointer;font-size:12px}.siren{width:20px;height:20px}.bookName-wrapper{display:flex;align-items:center;gap:10px}.title{font-size:28px;font-weight:700}.status{border:1px solid #b516ff;background-color:#b516ff;color:#fff;border-radius:12px;padding:3px 8px}.price-likeCount{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.price{font-weight:700;font-size:24px}.hearts{width:18px;height:18px}.content{display:flex;flex:1;border:1px solid #b516ff;border-radius:12px;padding:15px;box-sizing:border-box;margin-top:0}.buy-button{width:100%;height:45px;background-color:#b516ff;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.info-set{display:flex;flex-direction:row;align-items:center;gap:15px}.course-info{font-size:16px;font-weight:700;color:#555}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:20px 30px;border-radius:10px;width:300px;text-align:center}.reason-list{display:flex;flex-direction:column;align-items:flex-start;margin-top:15px;gap:8px}.modal-buttons{margin-top:20px;display:flex;justify-content:space-between}.box-container{position:relative;display:flex;flex-direction:column;border-left:4px solid #b516ff;width:200px;max-height:350px;padding:15px;justify-content:center}.title{width:100%;white-space:nowrap}.line{width:90%;height:2px;background-color:#b516ff;margin:30px 0}.category-box{display:flex;font-size:20px;font-weight:700;justify-content:start;flex-direction:column;gap:25px;color:#000}.category-box a{color:#000;text-decoration:none}.category-box a:hover{color:#b516ff}.button-set{display:flex;flex-direction:row;gap:10px}.like-whole-container{width:100%;height:calc(100vh - 103px);border:1px solid #b516ff;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center}.like-left-container{display:flex;position:relative;flex:0;margin-left:20px}.like-right-container{width:100%;height:100%;display:flex;position:relative;color:#000;flex:3;flex-direction:column;justify-content:center;align-items:center}.like-book-list-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;box-sizing:border-box;align-items:start;padding:20px;width:1050px;height:100%;border:1px solid black}.like-book-card{width:100%;border:1px solid #ccc;max-height:400px;border-radius:8px;overflow:hidden;background-color:#fff;transition:transform .2s ease,box-shadow .2s ease}.like-book-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.like-book-image{width:100%;height:260px;object-fit:cover;border-bottom:1px solid #eee}.like-book-title{font-size:16px;font-weight:700;color:#000;margin:10px 8px 5px}.like-info-status-wrapper{display:flex;align-items:center;justify-content:space-between;margin:5px 8px}.like-book-price{font-size:16px;color:#000}.like-book-status{color:#fff;background-color:#ae00ff;padding:3px 8px;border-radius:5px;margin-right:5px;font-size:13px;font-weight:700}.like-book-date{font-size:12px;color:#666;margin:5px 8px 10px;text-align:right}.bought-whole-container{width:100%;height:calc(100vh - 103px);border:1px solid #b516ff;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center}.bought-left-container{display:flex;position:relative;flex:0;margin-left:20px}.bought-right-container{width:100%;height:100%;display:flex;position:relative;flex:3;flex-direction:column;justify-content:center;align-items:center}.bought-book-list-container{flex-direction:column;align-items:center;justify-content:center;width:1050px;height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;box-sizing:border-box;align-items:start;padding:20px}.bought-book-card{width:100%;border:1px solid #ccc;max-height:400px}.bought-book-image{width:100%;height:200px;object-fit:cover;border-radius:6px;margin-bottom:8px}.bought-book-title{font-size:16px;font-weight:700;color:#000;margin:0}.bought-info-status-wrapper{display:flex;align-items:center;justify-content:space-between}.bought-book-price{font-size:16px;color:#000}.bought-book-status{color:#fff;background-color:#ae00ff;padding:3px 5px;border-radius:5px;margin-right:5px;font-size:13px;font-weight:700}.bought-book-date{font-size:12px;color:#666}.selling-whole-container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center}.selling-left-container{display:flex;position:relative;flex:0 0 200px;margin-left:20px;align-items:flex-start;justify-content:center}.selling-right-container{flex:3;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;height:100%;min-height:100%}.sell-container{padding:20px;display:flex;flex-direction:column;gap:20px;width:1100px;box-sizing:border-box}.sell-plate{display:flex;width:1100px;background-color:#f6e3ff;border-radius:30px;padding:20px;box-sizing:border-box;justify-content:space-between;align-items:center}.sell-picture{width:162px;min-width:162px;max-width:162px;height:162px;object-fit:cover;border:1px solid #b516ff;border-radius:10px}.middle-set{flex:1;height:100%;padding:0 10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.middle-upper-set{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:5px}.title-set{display:flex;flex-direction:row;align-items:center;gap:5px}.book-title{font-size:20px;font-weight:700}.sell-book-status{padding:3px 8px;background-color:#b516ff;color:#fff;font-weight:semi-bold;border-radius:5px}.book-price{font-size:18px;font-weight:700}.upload-date{font-size:14px;color:gray}.like-set{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2px}.heart-img{width:20px;height:20px}.book-heart{font-size:17px}.middle-down-set{display:flex;flex:1;width:100%;height:100%;padding:5px;background-color:#f6f6f6;align-items:flex-start;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:10px}.book-explain{padding:10px;font-size:15px}.plate-button-set{display:flex;flex-direction:column;gap:10px}.sell-button{display:flex;justify-content:center;align-items:center;padding:8px 0;width:150px;background-color:#da8aff;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;text-decoration:none}.my_info-whole-container{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100%;width:100%;gap:40px;margin:0;box-sizing:border-box}.left-container{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;left:30px}.right-container{position:relative;display:flex;flex:3;flex-direction:column;justify-content:flex-start;align-items:center;right:180px}.profile-img{width:125px;height:125px;margin-bottom:20px;border:1px solid #b516ff;border-radius:10px}.info-box{width:350px;border:1px solid #b516ff;padding:20px;display:flex;flex-direction:column;gap:10px}.wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.title{width:100px;font-weight:700}.button-set{display:flex;gap:20px;margin-top:15px}.buttons{width:100px;border:1px solid #b516ff;padding:10px;display:flex;justify-content:center;align-items:center;background-color:#b516ff;color:#fff;font-weight:700;font-size:15px;border-radius:5px}.change_pw-whole-container{position:absolute;width:500px;height:calc(100vh - 103px);left:50%;transform:translate(-50%);border:1px solid #b516ff;padding:20px 30px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.change_pw-header{width:100%;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.change_pw-title{font-size:24px;font-weight:700;margin-top:30px}.change_pw-explain{font-size:12px}.change_pw-content{display:flex;flex-direction:column;gap:10px;width:100%}.change_pw-enter-set{width:100%}.change_pw-enter-title{font-size:18px;font-weight:700}.change_pw-enter{width:100%;box-sizing:border-box;padding:7px}.change_pw-save{margin-top:20px;background-color:#ccc;color:#fff;font-weight:700;padding:10px 20px;border:none;cursor:not-allowed;transition:background-color .2s ease}.change_pw-save.active{background-color:#b516ff;cursor:pointer}.upload-whole-container{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;width:80%;max-width:1200px;padding:30px;border:1px solid #b516ff;box-sizing:border-box;overflow-y:auto}.upload-left-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:700px;box-sizing:border-box}.main-image-display{width:100%;max-width:450px;height:350px;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:8px;overflow:hidden;margin-bottom:20px}.uploaded-main-img{width:100%;height:100%;object-fit:contain}.empty-main-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;font-size:14px}.upload-icon-large{width:80px;height:80px;opacity:.4;margin-bottom:10px}.thumbnail-upload-set{display:flex;flex-wrap:nowrap;gap:5px;width:100%;justify-content:center;overflow-x:auto;padding-bottom:5px}.thumbnail-slot{width:80px;height:80px;border:1px solid #ddd;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;transition:border .2s}.thumbnail-slot.selected{border:3px solid #b516ff}.thumbnail-slot.empty{background-color:#f9f9f9}.empty-thumbnail-label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer}.upload-thumbnail-icon{width:30px;height:30px;opacity:.5}.no-upload-slot{width:100%;height:100%;background-color:#e0e0e0}.thumbnail-wrapper{width:100%;height:100%;position:relative}.uploaded-thumbnail-img{width:100%;height:100%;object-fit:cover}.delete-btn{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:1;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;padding:0}.delete-btn:hover{background-color:#000c}.upload-right-container{flex:1;display:flex;flex-direction:column;gap:15px}.enter-title-set{display:flex;flex-direction:column;width:100%;gap:5px}.enter-title{font-size:18px;font-weight:700}.enter-box,.enter-professor{border:1px solid gray;border-radius:8px;padding:8px}.enter-info-box{border:1px solid gray;border-radius:8px;padding:8px;height:100px;resize:vertical}.upload-select-set{display:flex;gap:10px}.upload-select-set select{width:120px;padding:8px;border:1px solid gray;border-radius:8px;font-size:15px}.save-upload-button{margin-top:10px;padding:12px;background-color:#b516ff;color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer}.course-professor-container{width:100%;display:flex;flex-direction:row;gap:10px;justify-content:space-between}.course-professor-container .enter-title-set{flex:1}.edit-whole-container{position:absolute;left:50%;transform:translate(-50%);border:1px solid #b516ff;width:500px;height:calc(100vh - 103px);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;gap:10px;padding:20px 30px}.edit-profile-set{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.edit-img{width:150px;height:150px;object-fit:cover;border:1px solid #b516ff;border-radius:20px}.edit-profile-button{background-color:#b516ff;color:#fff;padding:5px 10px}.edit-input-set{width:100%;display:flex;flex-direction:column;justify-content:center}.edit-title{font-weight:700}.edit-input{border:1px solid black;padding:5px;border-radius:8px}.edit-select-setting{width:100%;display:flex;flex-direction:row;gap:20px}.each-set{display:flex;flex-direction:column;flex:1}.edit-select{display:flex;flex-direction:column}.chatlist-whole-container{position:absolute;left:50%;transform:translate(-50%);border:1px solid #b516FF;width:500px;height:calc(100vh - 103px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20px}.chatlist-title{width:100%;font-size:26px;font-weight:700;border-bottom:1px solid #b516FF;text-align:center}.chatlist-container{width:100%;display:flex;flex-direction:column}.roomlist{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #b516FF;padding:10px 0}.list-img{width:70px;height:70px;min-width:70px;min-height:7 0px;object-fit:contain;border:1px solid #b516FF;border-radius:50px}.list-middle{display:flex;flex:1;flex-direction:column;padding:10px}.list-middle-top{display:flex;flex:1;flex-direction:row;gap:5px;align-items:center}.purchaser-nickname{font-weight:700;font-size:18px;color:#000}.list-middle-bottom{display:flex;flex:1}.board-title{font-size:13px;color:gray}.chatlist-lastMessage{font-size:15px;color:#000}.chatlist-lastMessageTime{font-size:14px;color:gray}.chat-header{width:100%;height:60px;border:1px solid black;padding:15px 10px;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative}.chat-message-screen{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;overflow-y:scroll;overflow-x:hidden;gap:12px;box-sizing:border-box;min-height:0}.chat-bubble-row.mine{flex-direction:row-reverse}.chat-bubble-row.opponent{flex-direction:row}.chat-image-bubble{max-width:200px;margin:4px 0;border-radius:12px;overflow:hidden;display:inline-block}.chat-image-bubble.mine{align-self:flex-end}.chat-image-bubble.opponent{align-self:flex-start}.chat-image{width:100%;height:auto;border-radius:12px}.chat-read-indicator{font-size:12px;color:#999;text-align:right;margin-top:4px;margin-right:4px;align-self:flex-end;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.find_password-whole-container{position:absolute;left:50%;transform:translate(-50%);border:1px solid #b516FF;width:500px;height:calc(100vh - 103px);display:flex;flex-direction:column;box-sizing:border-box;padding:30px 20px;align-items:center}.find_password-header{width:100%;display:flex;justify-content:center;margin-top:30px;margin-bottom:50px}.find_password-title{font-size:24px;font-weight:600;margin-bottom:15px}.find_password-content{display:flex;flex-direction:column;width:100%;gap:15px}.find_password-set{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.find_password-input-title{font-size:18px;font-weight:700}.find_password-code-set{display:flex;align-items:center;gap:10px;width:100%}.find_password-enter{flex:1;box-sizing:border-box;padding:10px;font-weight:700;border:1px solid black;border-radius:10px;outline:none}.find_password-send-code{white-space:nowrap;padding:10px 15px;background-color:#b516ff;color:#fff;font-weight:700;border:none;cursor:pointer}.find_password-send-code:disabled{background-color:#ccc;cursor:not-allowed}.find_password-reset-password{width:100%;padding:12px 0;margin-top:20px;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:background-color .2s;color:#fff}.find_password-reset-password:enabled{background-color:#b516ff}.find_password-reset-password:disabled{background-color:#ccc;cursor:not-allowed}.withdrawal-whole-container{position:absolute;left:50%;transform:translate(-50%);width:500px;height:calc(100vh - 103px);border:1px solid #b516ff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 30px}.withdrawal-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px}.withdrawal-header-title{font-size:45px;font-weight:700}.withdrawal-header-question{font-size:15px;font-weight:700}.withdrawal-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px 0}.withdrawal-content-explain{font-size:15px;font-weight:700;list-style:disc;margin:0;padding-left:20px}.withdrawal-content-explain li{font-size:15px}.withdrawal-agree-set{width:100%;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.agreebox{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:2px solid #b516ff;border-radius:4px;cursor:pointer;position:relative;transition:background-color .2s,border-color .2s}.agreebox:checked{background-color:#b516ff;border-color:#b516ff}.agreebox:checked:after{content:"✔";color:#fff;font-size:12px;position:absolute;left:4px;top:-1px}.withdrawal-button{width:100%;height:50px;background-color:#b516ff;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s,opacity .2s}.withdrawal-button:disabled{background-color:#d3d3d3;color:#888;cursor:not-allowed;opacity:.7}.withdrawal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.withdrawal-modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;text-align:center;box-shadow:0 5px 15px #0003;animation:fadeIn .25s ease-out}.withdrawal-modal h3{font-size:20px;margin-bottom:10px}.withdrawal-modal p{font-size:14px;color:#666;margin-bottom:20px}.withdrawal-password-input{width:80%;padding:10px;font-size:15px;border-radius:6px;border:1px solid #ccc;margin-bottom:20px}.withdrawal-modal-buttons{display:flex;justify-content:space-around}.withdrawal-modal-cancel-button,.withdrawal-modal-confirm-button{padding:10px 18px;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:.2s}.withdrawal-modal-cancel-button{background-color:#ddd;color:#333}.withdrawal-modal-cancel-button:hover{background-color:#ccc}.withdrawal-modal-confirm-button{background-color:#ff5b5b;color:#fff}.withdrawal-modal-confirm-button:hover{background-color:#e04b4b}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.report-list{display:flex;flex-direction:column;margin:0;padding:20;list-style-type:none}.report-items{display:flex;flex-direction:column}.report-item{border:1px solid #ccc;padding:10px;cursor:pointer}.chat-whole-container{position:absolute;left:50%;transform:translate(-50%);width:500px;height:calc(100vh - 103px);border:1px solid #b516ff;display:flex;flex-direction:column;box-sizing:border-box;min-height:0;overflow:hidden}.chat-header{flex:0 0 auto;width:100%;height:60px;border:1px solid black;padding:15px 10px;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative}.chat-return-button{position:absolute;left:10px;width:25px;height:25px}.chat-info{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.opponentName{font-size:18px;color:#000}.chat-board-name{font-size:12px;color:gray}.chat-dot-button{position:absolute;right:10px;width:25px;height:25px;cursor:pointer}.dot-box{position:absolute;top:100%;right:0;border:1px solid #ddd;background:#fff;display:flex;flex-direction:column;z-index:100;padding:6px 0;gap:2px;border-radius:8px;animation:fadeIn .15s ease-in-out}.indi-buttonSet{width:100%}.buttonSet{padding:8px 12px;font-size:14px;color:#333;background:transparent;cursor:pointer;transition:background .2s,color .2s}.buttonSet:hover{background:#f5f5f5;color:#b516ff}.chat-message-screen{flex:1 auto;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;overflow-y:auto;overflow-x:hidden;gap:12px;box-sizing:border-box;min-height:0}.chat-message-screen::-webkit-scrollbar{display:none}.chat-message-screen::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.chat-message-screen::-webkit-scrollbar-track{background:transparent}.chat-message-row{display:flex;flex-direction:column;max-width:70%}.chat-message-row.mine{align-self:flex-end;text-align:right}.chat-message-row.opponent{align-self:flex-start;text-align:left}.chat-bubble-row{display:flex;align-items:flex-end;gap:6px}.chat-bubble.mine{background:#fff;border:1px solid black;color:#000;border-radius:12px;padding:8px 12px;display:inline-block}.chat-bubble.opponent{background:#b516ff;color:#fff;border-radius:12px;padding:8px 12px;display:inline-block}.chat-time{font-size:11px;color:gray;white-space:nowrap}.chat-input{border-top:1px solid #b516ff;padding:10px;display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.chat-picture-label,.chat-picture-img{width:25px;height:25px}.chat-input-field{flex:1;margin:5px 10px}.chat-upload{width:25px;height:25px}.chat-selected-overlay{position:fixed;bottom:60px;left:0;width:100%;max-height:200px;padding:10px;background:#fff;box-shadow:0 -2px 8px #0003;z-index:150;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.selected-img-show{max-height:100%;max-width:100%;border-radius:8px;border:1px solid #ddd}.remove-img-btn{position:absolute;top:5px;right:5px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer}.report-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#0006;z-index:200}.report-content{background:#fff;padding:10px;border-radius:12px;width:200px;display:flex;flex-direction:column;gap:10px}.report-options{min-width:10px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:8px;border:1px solid #ccc;border-radius:6px;gap:5px}.report-buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.report-buttons button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer}.report-buttons button:first-child{background:#e74c3c;color:#fff}.report-buttons button:last-child{background:#ccc}.chat-date-separator{display:flex;justify-content:center;align-items:center;font-size:13px;color:#555;background-color:#e0e7ff;padding:6px 12px;border-radius:16px;width:fit-content;margin:12px auto}.admin-whole-container{display:flex;flex-direction:column;width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.admin-middle-container{display:flex;width:100%;height:auto;flex:1;flex-direction:row;background-color:#f5f5f5}.admin-selector{display:flex;flex:2;flex-direction:column;border-right:2px solid #ddd;background-color:#fff;box-sizing:border-box}.admin-right-container{flex:8;padding:30px;background-color:#fff;overflow-y:auto}.single-page-container{position:absolute;width:100%;height:calc(100vh - 103px);display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px;box-sizing:border-box}.imgset{position:relative;width:700px;height:700px;max-height:700px;justify-content:center;align-items:center}.img-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex:1}.arrow-button{width:100px;height:100px}.img-section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.text-section{position:relative;display:flex;flex-direction:column;flex:1;padding:30px;width:100%;height:100%;box-sizing:border-box}.seller-wrapper{display:flex;justify-content:space-between;align-items:center;max-height:50px}.seller-info{align-items:center;gap:10px;font-weight:700}.seller-img{width:50px;height:50px;border-radius:50px}.seller-info{display:flex;font-size:20px}.siren-wrapper{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.siren{width:50px;height:50px}.bookName-wrapper{display:flex;align-items:center;gap:10px;position:relative;padding:10px 0}.price-likeCount{display:flex;gap:10px;align-items:center}.title{font-size:30px;font-weight:700}.status{border:1px solid #b516ff;border-radius:15px;padding:5px;background-color:#b516ff;color:#fff;font-weight:700}.price{font-weight:700;font-size:25px}.created-at{color:gray;font-size:13px}.hearts{width:16px;height:16px}.likeCount{font-weight:700}.content{position:relative;border:1px solid #b516ff;border-radius:20px;padding:15px;flex-grow:1;box-sizing:border-box;margin-top:10px}.buy-button{position:relative;width:100%;height:40px;border:1px solid #b516ff;background-color:#b516ff;color:#f5f5f5;font-weight:700;margin-top:20px}html,body,#root{height:100%;width:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100%;height:100%;width:100%;background-color:#f0f0f0}.app-main{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f0f0;box-sizing:border-box;overflow-y:hidden;min-width:100%;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#b516ff;border-radius:4px}::-webkit-scrollbar-track{background-color:#e0e0e0}