#root,body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}body{background:#fff;color:#000;transition:background-color .3s ease,color .3s ease}body.dark-mode{background:#36393f;color:#dcddde}.page-container{display:flex;height:100dvh}.main-content{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;position:relative}#controls{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f0f0f0e6;border-radius:20px;box-shadow:0 1px 5px #0000001a;display:flex;gap:5px;left:10px;padding:5px;position:fixed;top:10px;transition:background-color .3s ease;z-index:1002}body.dark-mode #controls{background:#1e1e1ecc}#controls button{background:#eee;border:1px solid #ddd;border-radius:15px;color:#333;cursor:pointer;font-size:.9em;padding:4px 10px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark-mode #controls button{background:#4f545c;border-color:#555;color:#dcddde}#logoutBtn{background-color:#ed4245!important;border:none!important;border-radius:4px!important;color:#fff!important;margin-left:10px!important}.dropdown{display:inline-block;position:relative}.dropbtn{background:#eee;border:1px solid #ddd;border-radius:15px;color:#333;cursor:pointer;font-size:.9em;padding:4px 10px}body.dark-mode .dropbtn{background:#4f545c;border-color:#555;color:#dcddde}.dropdown-content{background-color:#f9f9f9;border-radius:8px;box-shadow:0 8px 16px 0 #0003;display:none;left:0;margin-top:5px;min-width:130px;padding:5px 0;position:absolute;top:100%;z-index:1005}.dropdown-content:before{background:#0000;content:"";height:15px;left:0;position:absolute;top:-10px;width:100%}body.dark-mode .dropdown-content{background-color:#2f3136;border:1px solid #444}.dropdown-content label{align-items:center;color:#000;cursor:pointer;display:flex;font-size:.9em;padding:8px 12px;text-decoration:none}body.dark-mode .dropdown-content label{color:#dcddde}.dropdown-content label:hover{background-color:#f1f1f1}body.dark-mode .dropdown-content label:hover{background-color:#40444b}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#ddd}body.dark-mode .dropdown:hover .dropbtn{background-color:#40444b}#pinned{background:#fef7dd;border-bottom:1px solid #e3e3e3;flex-shrink:0;padding:10px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}body.dark-mode #pinned{background:#2f3136;border-bottom:1px solid #40444b;color:#fff}#chat{box-sizing:border-box;flex-grow:1;overflow-y:scroll;padding:0 10px 10px;position:relative;transition:background-color .3s ease}body.dark-mode #chat{background:#36393f}.drag-overlay{align-items:center;background-color:#5865f21a;border:4px dashed #5865f2;bottom:0;display:none;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:9999}.drag-overlay.active{display:flex}.drag-overlay:after{background:#ffffffe6;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#5865f2;content:"여기에 파일을 드롭하여 업로드";font-size:1.5em;font-weight:700;padding:20px}body.dark-mode .drag-overlay:after{background:#282828e6;color:#5865f2}.date-separator{color:#999;font-size:.8em;margin:20px 0;position:relative;text-align:center}.date-separator:before{border-top:1px solid #ccc;content:"";left:0;position:absolute;right:0;top:50%;transition:border-color .3s ease;z-index:0}body.dark-mode .date-separator:before{border-top-color:#4f545c}.date-separator span{background:#fff;padding:0 10px;position:relative;transition:background-color .3s ease;z-index:1}body.dark-mode .date-separator span{background:#36393f}.message-container{display:flex;padding:2px 10px 2px 20px;position:relative;transition:background-color .1s}.message-container:first-of-type{margin-top:10px}.message-container+.message-container:not(.grouped){margin-top:12px}.message-container:hover{background-color:#00000005}body.dark-mode .message-container:hover{background-color:#ffffff05}.message-container.grouped{padding-bottom:2px;padding-left:72px;padding-top:2px}.message-container.highlight{background-color:#5865f233;transition:background-color .5s}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2em;font-weight:700;height:40px;justify-content:center;left:20px;margin-right:12px;margin-top:2px;position:absolute;width:40px}.message-container.grouped .avatar{display:none}.message-content{flex-grow:1;min-width:0;padding-left:52px}.message-container.grouped .message-content{padding-left:0}.message-header{align-items:center;display:flex;margin-bottom:2px}.message-header strong{color:#060607;font-size:1em;font-weight:500;margin-right:8px;transition:color .3s ease}body.dark-mode .message-header strong{color:#fff}.message-header .time{color:#72767d;font-size:.75em}.message-body{word-wrap:break-word;line-height:1.375rem;-webkit-user-select:text;user-select:text}.message-body p{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.message-body a{color:#0068e0;text-decoration:none}.message-body a:hover{text-decoration:underline}body.dark-mode .message-body a{color:#589bff}.message-deleted-placeholder{color:#72767d;font-size:.9em;font-style:italic}.message-container.deleted-by-user .message-body{color:#999;text-decoration:line-through}body.dark-mode .message-container.deleted-by-user .message-body{color:#72767d}.message-container.deleted-by-admin{background-color:#ed42450d}body.dark-mode .message-container.deleted-by-admin{background-color:#ed42451a}.message-container.deleted-by-admin .message-body{color:#ed4245;text-decoration:line-through}.rollback-btn{color:#2dc770!important;font-size:20px!important}.message-reactions{margin-top:4px}.like-btn{align-items:center;background-color:#0000000d;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;padding:2px 8px;transition:background-color .3s ease}body.dark-mode .like-btn{background-color:#2f3136}.like-btn.liked{background-color:#5865f233;border-color:#5865f2;color:#fff}body.dark-mode .like-btn.liked{color:#dcddde}.like-count{font-size:.9em;font-weight:500;margin-left:4px}.message-actions{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 5px #0000001a;display:none;position:absolute;right:10px;top:-16px;transition:background-color .3s ease,border-color .3s ease;z-index:10}body.dark-mode .message-actions{background-color:#2f3136;border-color:#222}.message-container:hover .message-actions{display:flex}.action-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:4px 8px;transition:background-color .2s}.action-btn:hover{background-color:#0000001a}body.dark-mode .action-btn:hover{background-color:#ffffff1a}.reply-quote{align-items:center;cursor:pointer;display:flex;margin-bottom:4px;padding:2px 0}.reply-bar{border-left:2px solid #ced4da;border-radius:8px 0 0 0;border-top:2px solid #ced4da;height:12px;margin-right:8px;transition:border-color .3s ease;width:24px}body.dark-mode .reply-bar{border-color:#4f545c}.reply-avatar-sm{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.7em;font-weight:700;height:16px;justify-content:center;margin-right:4px;width:16px}.reply-quote strong{color:#5865f2;font-size:.9em;margin-right:6px}.reply-text{color:#6a7480;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .reply-text{color:#b9bbbe}.code-block-container{background-color:#f6f8fa;border:1px solid #ccc;border-radius:6px;margin:8px 0;position:relative;transition:background-color .3s ease,border-color .3s ease}body.dark-mode .code-block-container{background-color:#2f3136;border-color:#202225}.code-header{align-items:center;background-color:#e3e5e8;border-bottom:1px solid #ccc;border-top-left-radius:6px;border-top-right-radius:6px;color:#555;display:flex;font-size:.85em;justify-content:space-between;padding:8px 140px 8px 12px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease;z-index:9}body.dark-mode .code-header{background-color:#202225;border-bottom-color:#2f3136;color:#b9bbbe}.code-controls{display:flex;gap:8px;opacity:0;transition:opacity .2s ease-in-out}.code-block-container:hover .code-controls,.code-header:hover .code-controls{opacity:1}@media (max-width:767px){.code-controls{opacity:1}}.code-controls button{background:#fff;border:1px solid #aaa;border-radius:4px;color:#333;cursor:pointer;font-size:.9em;padding:6px 12px;transition:all .2s}body.dark-mode .code-controls button{background:#36393f;border-color:#555;color:#dcddde}.code-controls button:hover{background-color:#5865f2;border-color:#5865f2;color:#fff}.code-content-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease-out}.code-block-container.collapsed .code-content-wrapper{grid-template-rows:0fr}.code-content-inner{overflow:hidden}.code-block-container pre{border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin:0;overflow-x:auto;padding:10px}.code-block-container.collapsed .code-header{border-bottom:none;border-radius:6px}.message-body code:not(pre code){background-color:#00000014;border-radius:3px;font-family:Consolas,Courier New,monospace;font-size:85%;margin:0;padding:.2em .4em}body.dark-mode .message-body code:not(pre code){background-color:#202225}.input-area-container{position:relative;z-index:100}.format-toolbar{animation:fadeIn .2s ease-out;background-color:#2f3136;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;display:flex;gap:8px;left:20px;margin-bottom:8px;padding:6px 10px;position:absolute;z-index:10001}.format-toolbar button{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;color:#dcddde;cursor:pointer;font-size:14px;font-weight:700;min-width:30px;padding:4px 10px}.format-toolbar button:hover{background-color:#5865f2;border-color:#5865f2;color:#fff}.format-toolbar.mobile{background-color:#e3e5e8;border-radius:0;box-shadow:none;justify-content:center;margin-bottom:0;position:static;width:100%}body.dark-mode .format-toolbar.mobile{background-color:#2f3136}.format-toolbar.mobile button{background:none;border:none;color:#4f545c}body.dark-mode .format-toolbar.mobile button{color:#b9bbbe}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#form{align-items:flex-end;background:#f2f3f5;box-sizing:border-box;display:flex;padding:10px 20px;transition:background-color .3s ease,border-color .3s ease}body.dark-mode #form{background:#40444b;border-top:1px solid #3a3e43}#message{background-color:#ebedef;border:none;border-radius:8px;flex:1 1;font-family:inherit;font-size:1em;line-height:1.4;max-height:200px;min-width:0;overflow-y:auto;padding:10px 14px;resize:none;transition:background-color .3s ease,color .3s ease}body.dark-mode #message{background:#484d54;color:#dcddde}#fileBtn,#send{background-color:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;height:-webkit-fit-content;height:fit-content;margin-left:8px;padding:8px 12px}@media (max-width:767px){#fileBtn,#send{font-size:1.2em;padding:8px;text-align:center;width:42px}}.mobile-format-trigger{align-items:center;background-color:#5865f2;border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 10px #0003;color:#fff;display:flex;font-size:1.2em;height:44px;justify-content:center;position:fixed;right:20px;width:44px;z-index:1000}#replying-banner{align-items:center;background:#e3e5e8;box-sizing:border-box;color:#333;display:flex;font-size:.9em;justify-content:space-between;padding:8px 12px;transition:background-color .3s ease,color .3s ease}body.dark-mode #replying-banner{background:#2f3136;color:#ddd}#cancel-reply{background:none;border:none;color:#888;cursor:pointer;font-size:20px}body.dark-mode #cancel-reply{color:#bbb}.system{color:#888;font-style:italic;padding:5px 0;text-align:center}#passwordModal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}#passwordModalContent{background:#fff;border-radius:8px;box-shadow:0 0 15px #0000004d;max-width:300px;padding:30px 40px;text-align:center;transition:background-color .3s ease;width:100%}body.dark-mode #passwordModalContent{background:#2f3136}#pc-user-toggle{background-color:#eee;border:1px solid #ccc;border-radius:8px 0 0 8px;border-right:none;cursor:pointer;display:none;padding:10px 5px;position:fixed;right:10px;top:50%;transform:translateY(-50%);transition:background-color .3s ease,border-color .3s ease;z-index:1003}body.dark-mode #pc-user-toggle{background:#333;border-color:#555;color:#fff}#mobile-user-toggle{display:none}@media (min-width:768px){#userListContainer{background:#f2f3f5;border-left:1px solid #ddd;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100dvh;transition:width .2s,border .2s,background-color .3s ease;width:240px;z-index:1001}body.dark-mode #userListContainer{background:#2f3136;border-left-color:#27292d}#userListContainer.collapsed{border-left:none;width:0}#toggleUserList{background:#e9e9e9;color:#333;cursor:pointer;font-weight:700;margin:0;padding:10px;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}body.dark-mode #toggleUserList{background:#292b2f;color:#fff}#userList{list-style:none;margin:0;overflow-y:auto;padding:10px;white-space:nowrap}#userList li{color:#6a7480;margin-bottom:5px}body.dark-mode #userList li{color:#96989d}#pc-user-toggle.visible{display:block}}@media (max-width:767px){#userListContainer{background:#f9f9f9;border-left:1px solid #ccc;box-shadow:-2px 0 10px #0003;display:flex;flex-direction:column;height:100dvh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:200px;z-index:1001}body.dark-mode #userListContainer{background:#222;border-left:1px solid #555}#userListContainer.open{transform:translateX(0)}#toggleUserList{display:block;text-align:center}#mobile-user-toggle{align-items:center;background-color:#fffc;border:1px solid #ccc;border-radius:50%;box-shadow:0 1px 5px #0000001a;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:10px;top:10px;width:40px;z-index:1003}body.dark-mode #mobile-user-toggle{background-color:#1e1e1ecc;border-color:#555}}.upload-progress-container{background-color:#e9ecef;border-top:1px solid #dee2e6;font-size:.9em;padding:8px 12px;transition:background-color .3s ease,border-color .3s ease}body.dark-mode .upload-progress-container{background-color:#343a40;border-top-color:#495057}.upload-progress-text{color:#495057;display:flex;justify-content:space-between;margin-bottom:4px}body.dark-mode .upload-progress-text{color:#adb5bd}.upload-progress-bar-wrapper{background-color:#ced4da;border-radius:3px;height:6px;overflow:hidden;transition:background-color .3s ease;width:100%}body.dark-mode .upload-progress-bar-wrapper{background-color:#495057}.upload-progress-bar{background-color:#007bff;border-radius:3px;height:100%;transition:width .2s ease-in-out}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10050}.modal-content.preview-modal{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;padding:20px;transition:background-color .3s ease,color .3s ease;width:90%}body.dark-mode .modal-content.preview-modal{background:#36393f;color:#dcddde}.preview-modal h3{margin-bottom:15px;margin-top:0}.preview-grid-container{background:#f9f9f9;border-radius:8px;flex:1 1;margin-bottom:20px;overflow-y:auto;padding:4px;transition:background-color .3s ease}body.dark-mode .preview-grid-container{background:#2f3136}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.preview-item-wrapper{display:flex;flex-direction:column;gap:5px}.preview-item{align-items:center;aspect-ratio:1;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:background-color .3s ease,border-color .3s ease}body.dark-mode .preview-item{background:#2f3136;border-color:#40444b}.preview-media{height:100%;object-fit:cover;width:100%}.video-badge{color:#fffc;font-size:2rem;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #00000080;top:50%;transform:translate(-50%,-50%)}.file-placeholder{font-size:.8em;padding:5px;text-align:center;word-break:break-all}.reorder-controls{display:flex;justify-content:space-between}.reorder-controls button{background:#e3e5e8;border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.8em;margin:0 2px;padding:2px 8px;transition:background-color .3s ease}.reorder-controls button:disabled{cursor:default;opacity:.3}body.dark-mode .reorder-controls button{background:#4f545c;color:#dcddde}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1em;padding:8px 20px}.cancel-btn{background-color:#e3e5e8;color:#4f545c;transition:background-color .3s ease,color .3s ease}body.dark-mode .cancel-btn{background-color:#4f545c;color:#dcddde}.confirm-btn{background-color:#5865f2;color:#fff}.confirm-btn:hover{background-color:#4752c4}.media-bundle-container{margin-top:5px;max-width:400px}.media-grid{grid-gap:4px;border-radius:12px;display:grid;gap:4px;overflow:hidden}.grid-1{grid-template-columns:1fr}.grid-2,.grid-3{grid-template-columns:1fr 1fr}.grid-3{grid-template-rows:1fr 1fr}.grid-3 .media-item:first-child{grid-row:span 2}.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.media-item{background:#000;cursor:pointer;height:100%;min-height:150px;overflow:hidden;position:relative;width:100%}.media-thumb{height:100%;object-fit:cover;transition:transform .2s;width:100%}.media-item:hover .media-thumb{transform:scale(1.05)}.more-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.bundle-actions{margin-top:8px}.bundle-download-all{background:#f2f3f5;border:1px solid #ddd;border-radius:4px;color:#4f545c;cursor:pointer;font-size:.9em;padding:6px;transition:background .2s,background-color .3s ease,border-color .3s ease;width:100%}.bundle-download-all:hover{background:#e3e5e8}body.dark-mode .bundle-download-all{background:#2f3136;border-color:#202225;color:#b9bbbe}body.dark-mode .bundle-download-all:hover{background:#40444b}.lightbox-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10060}.lightbox-content{align-items:center;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;position:relative}.lightbox-media{border-radius:4px;box-shadow:0 5px 30px #00000080;max-height:85vh;max-width:100%}.lightbox-info{color:#fff;font-size:.9em;margin-top:10px;text-align:center}.lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:0;top:-40px}.lightbox-download{background:#fff3;border:1px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background .2s}.lightbox-download:hover{background:#ffffff4d}.lightbox-nav{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;padding:10px 15px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#000c}.lightbox-nav.prev{left:-60px}.lightbox-nav.next{right:-60px}@media (max-width:768px){.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}}.message-container.mentioned{background-color:#faa61a1a;border-left:2px solid #faa61a;padding-left:18px}body.dark-mode .message-container.mentioned{background-color:#faa61a1a;border-left-color:#faa61a}.message-container.mentioned.grouped{border-left:2px solid #faa61a;padding-left:70px}#chat .mention-chip{background-color:#007bff26;border-radius:3px;color:#007bff!important;cursor:pointer;display:inline-block;font-weight:700;line-height:normal;padding:0 4px;position:relative;text-decoration:none;transition:all .2s ease}#chat .mention-chip.global{background-color:#faa61a26;color:#faa61a!important}body.dark-mode #chat .mention-chip{background-color:#007bff40;color:#58a6ff!important}body.dark-mode #chat .mention-chip.global{background-color:#faa61a40;color:#faa61a!important}#chat .mention-chip:hover{background-color:#007bff;color:#fff!important;text-decoration:underline}#chat .mention-chip.global:hover{background-color:#faa61a;color:#fff!important}.mention-popup{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;bottom:100%;box-shadow:0 4px 15px #0003;display:none;flex-direction:row;gap:8px;left:50%;margin-bottom:6px;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.mention-popup:after{border:5px solid #0000;border-top-color:#fff;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}body.dark-mode .mention-popup:after{border-color:#18191c #0000 #0000}body.dark-mode .mention-popup{background-color:#18191c;border-color:#202225;color:#fff}.mention-chip:hover .mention-popup{animation:fadeInTooltip .2s ease-out;display:flex}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.mention-popup-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.mention-popup-name{color:#000;font-size:.95em;font-weight:700}body.dark-mode .mention-popup-name{color:#fff}.mention-autocomplete{background:#fff;border:1px solid #ddd;border-radius:6px;bottom:100%;box-shadow:0 -4px 10px #0000001a;display:flex;flex-direction:column;left:0;margin-bottom:10px;max-height:200px;overflow-y:auto;pointer-events:auto;position:absolute;width:200px;z-index:10002}body.dark-mode .mention-autocomplete{background:#2f3136;border-color:#202225}.mention-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:8px 12px}body.dark-mode .mention-item{color:#dcddde}.mention-item.active,.mention-item:hover{background-color:#f2f3f5}body.dark-mode .mention-item.active,body.dark-mode .mention-item:hover{background-color:#40444b}.mention-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.8em;font-weight:700;height:24px;justify-content:center;width:24px}
/*# sourceMappingURL=main.2c159be2.css.map*/