.DiaryList .menu_bar{gap:10px;margin:20px 0;display:flex}.DiaryList .menu_bar select{background-color:var(--control-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-primary);padding:10px 20px;font-size:18px}.DiaryList .menu_bar select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #64c96433}.DiaryList .menu_bar button{flex:1}.Button{background-color:var(--control-bg);cursor:pointer;border:1px solid var(--border-color);white-space:nowrap;transition:var(--transition);color:var(--text-primary);border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:18px;display:flex}.Button_icon{justify-content:center;align-items:center;display:flex}.Button:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.Button:active{transform:scale(.98)}.Button_POSITIVE{background-color:var(--primary);border-color:var(--primary);color:#fff}.Button_POSITIVE:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.Button_NEGATIVE{background-color:var(--negative);border-color:var(--negative);color:#fff}.Button_NEGATIVE:hover{background-color:var(--negative-hover);border-color:var(--negative-hover)}.DiaryItem{border-radius:var(--radius-md);background-color:var(--root-bg);border:1px solid var(--border-color);transition:var(--transition);justify-content:space-between;gap:15px;margin-bottom:15px;padding:20px;display:flex}.DiaryItem:hover{box-shadow:var(--shadow-sm);border-color:#dce0e4;transform:translateY(-3px)}.DiaryItem .img_section{cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;min-width:120px;height:80px;display:flex}.DiaryItem .img_section>img{width:50%}.DiaryItem .img_section_1{background-color:var(--emotion-1)}.DiaryItem .img_section_2{background-color:var(--emotion-2)}.DiaryItem .img_section_3{background-color:var(--emotion-3)}.DiaryItem .img_section_4{background-color:var(--emotion-4)}.DiaryItem .img_section_5{background-color:var(--emotion-5)}.DiaryItem .info_section{cursor:pointer;flex:1}.DiaryItem .info_section .created_date{color:var(--text-primary);margin-bottom:5px;font-size:25px;font-weight:700}.DiaryItem .info_section .content{color:#495057;font-size:18px}.DiaryItem .button_section{align-items:center;min-width:70px;display:flex}.Header{border-bottom:1px solid var(--border-color);align-items:center;margin-bottom:20px;padding:20px 0;display:flex}.Header>div{display:flex}.Header .header_center{justify-content:center;width:50%;font-size:25px}.Header .header_left{justify-content:flex-start;width:25%}.Header .header_right{justify-content:flex-end;width:25%}.Viewer>section{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:100px;display:flex}.Viewer>section>h4{font-size:22px;font-weight:700}.Viewer .emotion_img_wrapper{color:#fff;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:center;width:250px;height:250px;font-size:25px;display:flex}.Viewer .emotion_img_wrapper_1{background-color:#64c964}.Viewer .emotion_img_wrapper_2{background-color:#9dd772}.Viewer .emotion_img_wrapper_3{background-color:#fdce17}.Viewer .emotion_img_wrapper_4{background-color:#fd8446}.Viewer .emotion_img_wrapper_5{background-color:#fd565f}.Viewer .content_wrapper{word-break:keep-all;overflow-wrap:break-word;background-color:#ececec;border-radius:5px;width:100%}.Viewer .content_wrapper>p{text-align:left;padding:20px;font-size:20px;font-weight:400;line-height:2.5}.Editor>section{margin-bottom:40px}.Editor>section>h4{align-items:center;gap:8px;margin-bottom:15px;font-size:22px;font-weight:700;display:flex}.Editor>section>input,.Editor>section>textarea{background-color:var(--control-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);font-size:20px;font-family:var(--font-diary);color:var(--text-primary);box-sizing:border-box;width:100%;padding:10px 20px}.Editor>section>input:focus,.Editor>section>textarea:focus{border-color:var(--primary);background-color:var(--root-bg);outline:none;box-shadow:0 0 0 3px #64c96433}.Editor>section>textarea{resize:vertical;min-height:200px}.Editor .emotion_section .emotion_list_wrapper{justify-content:space-around;gap:2%;display:flex}.Editor .button_section{justify-content:space-between;display:flex}.EmotionItem{background-color:var(--control-bg);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:var(--transition);border:1px solid #0000;padding:20px}.EmotionItem:hover{background-color:#e9ecef;transform:scale(1.05)}.EmotionItem .emotion_img{width:50px;margin-bottom:10px}.EmotionItem span{font-size:18px}.EmotionItem_on_1{color:#fff;background-color:var(--emotion-1);box-shadow:0 4px 15px #88c7a166}.EmotionItem_on_2{color:#fff;background-color:var(--emotion-2);box-shadow:0 4px 15px #b3d4a866}.EmotionItem_on_3{color:#fff;background-color:var(--emotion-3);box-shadow:0 4px 15px #f6d36566}.EmotionItem_on_4{color:#fff;background-color:var(--emotion-4);box-shadow:0 4px 15px #f7a07266}.EmotionItem_on_5{color:#fff;background-color:var(--emotion-5);box-shadow:0 4px 15px #e07a5f66}.EmotionItem_on_1:hover,.EmotionItem_on_2:hover,.EmotionItem_on_3:hover,.EmotionItem_on_4:hover,.EmotionItem_on_5:hover{transform:scale(1.05)}:root{--bg-color:#fdfbf7;--root-bg:#fff;--text-primary:#4a4036;--border-color:#eae5db;--control-bg:#f8f6f0;--emotion-1:#88c7a1;--emotion-2:#b3d4a8;--emotion-3:#f6d365;--emotion-4:#f7a072;--emotion-5:#e07a5f;--primary:var(--emotion-1);--primary-hover:#71ad8a;--negative:var(--emotion-5);--negative-hover:#bd624b;--shadow-sm:0 4px 12px #0000000a;--shadow-md:0 10px 40px #0000000f;--font-diary:"NanumPenScript", cursive;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .2s ease-in-out}@font-face{font-family:NanumPenScript;src:url(../fonts/NanumPenScript-Regular.ttf)}html,body{background-color:var(--bg-color);width:100%;color:var(--text-primary);font-family:var(--font-diary);-webkit-font-smoothing:antialiased;margin:0;display:flex}#root{background-color:var(--root-bg);width:100%;max-width:600px;min-height:96vh;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);box-sizing:border-box;flex-direction:column;margin:2vh auto;padding:0 20px;display:flex}@media (width<=640px){#root{border-radius:0;min-height:100vh;margin:0}}