.login-container{align-items:center;background-color:#313338;display:flex;height:100vh;justify-content:center}.login-form{background-color:#2b2d31;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:40px;width:100%}.login-form h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.login-form p{color:#b9bbbe;font-size:14px;margin-bottom:16px}.login-form label{color:#b9bbbe;font-size:12px;margin-bottom:4px}.login-form input{background-color:#1e1f22;border:1px solid #1e1f22;border-radius:4px;color:#fff;outline:none;padding:10px}.login-form input:focus{border-color:#5865f2}.login-form button{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px;transition:background .2s}.login-form button:hover{background-color:#4752c4}.login-form .error{color:#f04747;font-size:12px}.login-form .naver-login-btn{align-items:center;background-color:#1ec800;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;justify-content:center;padding:12px;transition:background .2s}.login-form .naver-login-btn:hover{background-color:#179b00}.login-form .naver-login-btn img{height:20px;width:20px}.register-container{align-items:center;background-color:#313338;display:flex;height:100vh;justify-content:center}.register-form{background-color:#2b2d31;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:40px;width:100%}.register-form h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.register-form p{color:#b9bbbe;font-size:14px;margin-bottom:16px}.register-form label{color:#b9bbbe;font-size:12px;margin-bottom:4px}.register-form input{background-color:#1e1f22;border:1px solid #1e1f22;border-radius:4px;color:#fff;outline:none;padding:10px}.register-form input:focus{border-color:#5865f2}.register-form button{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px;transition:background .2s}.register-form button:hover{background-color:#4752c4}.register-form .error{color:#f04747;font-size:12px}.chat-container{display:flex;flex-direction:column;height:100%}.chat-header{align-items:center;background-color:#2b2d31;border-bottom:1px solid #1e1f22;display:flex;font-size:18px;font-weight:600;height:60px;padding:0 20px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.message-bubble{background-color:#40444b;color:#fff;padding:8px 14px}.message-bubble .delete-btn{font-size:10px;opacity:.7;right:6px;text-decoration:underline;transition:opacity .2s}.message-bubble .delete-btn:hover{color:#ff5c5c;opacity:1}.my-message{background-color:#5865f2;text-align:right}.my-message .delete-btn{color:#ffb3b3}.my-message .delete-btn:hover{color:#ff8787}.message-user{color:#b9bbbe;font-size:10px;margin-bottom:2px}.message-text{font-size:14px}.chat-input{background-color:#2b2d31;border-top:1px solid #1e1f22;display:flex;gap:10px;padding:15px}.chat-input input{background-color:#40444b;flex:1 1;outline:none;padding:10px}.chat-input button,.chat-input input{border:none;border-radius:5px;color:#fff}.chat-input button{background-color:#5865f2;cursor:pointer;padding:10px 20px}@media(max-width:600px){.chat-header{font-size:16px;padding:0 14px}.chat-messages{gap:8px;padding:12px}.message-bubble{word-wrap:break-word;border-radius:6px;max-width:100%;overflow-wrap:break-word;padding:6px 10px;white-space:pre-wrap;word-break:break-word}.message-bubble .delete-btn{font-size:9px;right:4px;top:2px}.message-user{font-size:9px}.message-text{font-size:13px}.chat-input{gap:6px;padding:10px}.chat-input input{font-size:14px;padding:8px}.chat-input button{font-size:14px;padding:8px 14px}}.room-list-container{display:flex;flex-direction:column;gap:20px;padding:20px}.room-list-container h2{color:#fff;font-size:24px;margin-bottom:8px}.room-item{align-items:center;background-color:#2b2d31;border:1px solid #3c3f45;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background .2s,transform .2s}.room-item:hover{background-color:#3c3f45;transform:translateY(-2px)}.room-item .room-info{display:flex;flex-direction:column;gap:4px}.room-item .room-info h3{color:#fff;font-size:18px;margin:0}.room-item .room-info p{color:#b9bbbe;font-size:14px}.room-item .delete-btn{background-color:#f04747;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .2s}.room-item .delete-btn:hover{background-color:#c0392b}.create-room-btn{align-self:flex-start;background-color:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:background .2s,transform .2s}.create-room-btn:hover{background-color:#4752c4;transform:scale(1.02)}@media(max-width:768px){.room-list-container{gap:16px;padding:16px}.room-list-container h2{font-size:20px}.room-item{align-items:flex-start;flex-direction:column;gap:8px;padding:10px}.room-item .room-info{width:100%}.room-item .room-info h3{font-size:16px}.room-item .room-info p{font-size:12px}.room-item .delete-btn{align-self:flex-end;font-size:12px;padding:5px 10px}.create-room-btn{font-size:14px;padding:10px 16px}}.room-chat-container{background:#313338;color:#fff;display:flex;flex-direction:column;height:100vh}.room-chat-header{align-items:center;background:#2b2d31;border-bottom:1px solid #202225;display:flex;justify-content:space-between;padding:16px}.room-chat-header h2{font-size:18px;font-weight:700}.room-chat-header .room-list-btn{background:#5865f2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px}.room-chat-header .room-list-btn:hover{background:#4752c4}.room-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.message-bubble{word-wrap:break-word;background:#2f3136;border-radius:8px;max-width:60%;padding:12px;position:relative}.message-bubble .message-user{color:#b9bbbe;font-size:12px;margin-bottom:4px}.message-bubble .message-text{color:#dcddde;font-size:14px}.message-bubble .delete-btn{background:#0000;border:none;color:#f04747;cursor:pointer;display:none;font-size:12px;position:absolute;right:4px;top:4px}.message-bubble:hover .delete-btn{display:block}.my-message{align-self:flex-end;background:#5865f2}.my-message .message-user{color:#dcdde0}.my-message .message-text{color:#fff}.my-message .delete-btn{color:#ff6b6b}.room-chat-input{background:#2b2d31;border-top:1px solid #202225;display:flex;padding:12px}.room-chat-input input{background:#1e1f22;border:1px solid #1e1f22;border-radius:4px;color:#fff;flex:1 1;outline:none;padding:10px}.room-chat-input button{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:0 16px;transition:background .2s}.room-chat-input button:hover{background:#4752c4}@media(max-width:600px){.room-chat-header{padding:12px}.room-chat-header h2{font-size:16px}.room-chat-header .room-list-btn{font-size:12px;padding:5px 12px}.room-chat-messages{gap:8px;padding:12px}.message-bubble{word-wrap:break-word;background:#2f3136;border-radius:8px;max-width:100%;overflow-wrap:break-word;padding:12px;position:relative;white-space:pre-wrap;word-break:break-word}.message-bubble .message-user{color:#b9bbbe;font-size:12px;margin-bottom:4px}.message-bubble .message-text{color:#dcddde;font-size:14px}.message-bubble .delete-btn{background:#0000;border:none;color:#f04747;cursor:pointer;display:none;font-size:12px;position:absolute;right:4px;top:4px}.message-bubble:hover .delete-btn{display:block}.room-chat-input{padding:8px}.room-chat-input input{font-size:14px;padding:8px}.room-chat-input button{font-size:14px;padding:0 12px}}.sidebar{background:#2b2d31;border-right:1px solid #1e1f22;display:flex;flex-direction:column;gap:20px;margin:0;padding:16px;width:240px}.sidebar .logo{color:#b9bbbe;font-size:20px;font-weight:700;margin:0}.sidebar .section p{color:#888;font-size:12px;margin-bottom:8px}.sidebar .section a{border-radius:4px;color:#b9bbbe;display:block;padding:8px;text-decoration:none}.sidebar .section a:hover{background:#383a40}.sidebar .logout{background:#f04747;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:auto;padding:8px;transition:.2s}.sidebar .logout:hover{background:#d93e3e}@media(max-width:768px){.sidebar{align-items:center;border-bottom:1px solid #1e1f22;border-right:none;flex-direction:row;height:48px;justify-content:space-between;margin:0;padding:4px 8px 0;width:100%}.sidebar .logo{font-size:16px;margin:0}.sidebar .section{display:flex;gap:8px}.sidebar .section p{display:none}.sidebar .section a{font-size:12px;padding:6px}.sidebar .logout{font-size:12px;padding:6px 8px}}.layout{background:#313338;color:#fff;display:flex;height:100vh}.layout .content{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}@media(max-width:768px){.layout{flex-direction:column}.layout .content{height:calc(100vh - 56px);padding-top:0}}.create-room-container{align-items:center;background-color:#313338;display:flex;height:100vh;justify-content:center}.create-room-form{background-color:#2b2d31;border-radius:8px;box-shadow:0 2px 10px #0000004d;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:32px;width:100%}.create-room-form h2{color:#fff;font-size:22px;font-weight:700}.create-room-form p{color:#b9bbbe;font-size:14px;margin-bottom:8px}.create-room-form input{background-color:#1e1f22;border:1px solid #1e1f22;border-radius:4px;color:#fff;outline:none;padding:10px}.create-room-form input:focus{border-color:#5865f2}.create-room-form .error{color:#f04747;font-size:12px}.create-room-form button{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background .2s}.create-room-form button:hover{background-color:#4752c4}.create-room-form .back-btn{background-color:#0000;color:#b9bbbe;margin-top:8px;text-align:center;text-decoration:underline}.create-room-form .back-btn:hover{color:#fff}@media(max-width:768px){.create-room-form{gap:12px;padding:24px}.create-room-form h2{font-size:18px}.create-room-form p{font-size:12px}.create-room-form button,.create-room-form input{font-size:14px;padding:8px}.create-room-form .back-btn{font-size:13px}}#root,body,html{overflow-x:hidden;width:100%}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}#root,body,html{background:#313338;font-family:Noto Sans KR,sans-serif;height:100%;margin:0;padding:0}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}::-webkit-scrollbar-track{background:#0000}button{cursor:pointer}
/*# sourceMappingURL=main.0df64920.css.map*/