a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{all:unset}button{cursor:pointer}a{color:inherit;text-decoration:none}:root{--bg-color:#f3f5f7;--text-color:#333;--border-color:#ccc;--accent-color:#aaa;--border-sub-color:#ddd;--card-bg:#fafafa;--drag-bg:#9eb9d8}html[data-theme=dark]{--bg-color:#222;--text-color:#eee;--border-color:#666;--accent-color:#777;--border-sub-color:#666;--card-bg:#333;--drag-bg:#9eb9d8}::selection{background-color:#0000;color:#333;color:var(--text-color);text-decoration:underline}body{align-items:center;background-color:#f3f5f7;background-color:var(--bg-color);color:#333;color:var(--text-color);display:flex;font-family:SUIT,sans-serif;font-size:14px;font-weight:400;height:100svh;position:relative;width:100%}#root{margin:auto}.wrap h1{font-weight:700;margin-bottom:10px}.main-container{display:flex}.side-menu{background-color:#fafafa;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--border-color);box-sizing:border-box;height:800px;margin-right:40px;padding:40px;transition:.3s;width:500px}.side-menu:hover{border-color:#aaa;border-color:var(--accent-color)}.side-menu .side-menu-inner{display:flex;flex-direction:column;gap:5px;height:100%}.floating-menu{align-self:end;display:flex;flex-direction:column;gap:10px;margin-left:20px}.floating-menu>button{align-items:center;background-color:#fafafa;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:50px;color:#ccc;color:var(--border-color);display:flex;font-size:18px;height:44px;justify-content:center;transition:.3s;width:44px}.floating-menu>button:hover{border-color:#aaa;border-color:var(--accent-color);color:#aaa;color:var(--accent-color)}main{background-color:#fafafa;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--border-color);box-sizing:border-box;height:800px;padding:40px 60px;transition:.3s;width:1000px}main:hover{border-color:#aaa;border-color:var(--accent-color)}.title{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-sub-color);padding-bottom:10px;width:100%}.title h2{font-size:2rem;font-weight:700;width:100%}.login-page,.signup-page{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.form,.login-page .title,.signup-page .title{max-width:400px}.form{padding:20px 0;width:100%}.form form{display:flex;flex-direction:column;gap:15px}.form button,.form input{border:1px solid #ccc;border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box;display:block;height:40px;padding:0 20px;width:100%}.form .action{display:flex;font-size:12px;font-weight:700;justify-content:space-between}.form button{font-weight:700;text-align:center}.detail-page{display:flex;flex-direction:column}.detail-page .detail-title{display:flex;flex-wrap:wrap;gap:10px;height:fit-content;justify-content:space-between}.detail-page .detail-title .post-action,.detail-page .detail-title .post-info{display:flex;font-size:12px}.detail-page .detail-title .post-action .edit:after,.detail-page .detail-title .post-action span:after,.detail-page .detail-title .post-info .edit:after,.detail-page .detail-title .post-info span:after{content:"|";padding:5px}.detail-page .detail-title .post-action .tags,.detail-page .detail-title .post-info .tags{display:flex;gap:5px}.post-body{margin-top:10px;max-height:600px;overflow-y:scroll;scroll-behavior:smooth;white-space:pre-wrap}.post-body img{display:block;margin:auto;width:80%}.post-body p{line-height:180%;margin-bottom:10px;padding-right:20px}.post-body p:last-child{margin:0}.post-write form{display:flex;flex-direction:column;gap:10px}.post-write form .title-input{font-size:2rem;margin-bottom:5px}.post-write form .tag-input{font-size:12px}.post-write form input,.post-write form textarea{width:100%}.post-write form input::selection,.post-write form textarea::selection{background-color:#9eb9d8;background-color:var(--drag-bg);color:#fafafa;color:var(--card-bg);text-decoration:none;text-shadow:none}.post-write form textarea{box-sizing:border-box;height:550px;line-height:180%;overflow-y:scroll;padding:10px;width:100%}.post-write form button{align-self:end;border:1px solid #ccc;border:1px solid var(--border-color);border-radius:50px;height:40px;padding:0 40px}.post-list-action{align-items:center;display:flex;justify-content:space-between}.category{cursor:pointer;position:relative;width:100px}.category svg{height:22px;position:absolute;right:20px}.category select{background-color:#f3f5f7;background-color:var(--bg-color);border-radius:30px;box-sizing:border-box;font-size:12px;padding:5px 15px;width:100%}.sort button.active{font-weight:700}.sort button:first-child{margin-right:10px}.post-list{height:650px;margin-top:auto;overflow-y:scroll;padding-right:10px}.post-list li{align-items:center;border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:20px 10px}.post-list li:last-child{border-bottom:none}.post-list li h3{font-weight:700;width:80%}.post-list li span{font-size:12px}@media(min-width:400px)and (max-width:1280px){body{font-size:12px}.main-container{flex-direction:column;width:400px}.side-menu{height:200px;margin-right:0;order:2;padding:10px;width:100%}.floating-menu{align-self:start;flex-direction:row;gap:10px;margin-bottom:10px;margin-left:0;order:1}.floating-menu>button{font-size:14px;height:30px;width:30px}main{box-sizing:border-box;height:500px;order:3;padding:20px}.login-page,.signup-page,main{width:100%}.post-body{max-height:350px}.post-body p{padding-right:10px}.post-write form textarea{height:320px;padding:5px}.post-write form button{height:25px;padding:0 20px}.post-list{height:auto}.post-list li{padding:10px 5px}.post-list li h3{width:70%}.post-list li span{font-size:11px}}@media(max-width:399px){body{font-size:12px}.main-container{flex-direction:column;width:100%}.side-menu{height:200px;margin-right:0;order:2;padding:10px;width:100%}.floating-menu{align-self:start;flex-direction:row;gap:10px;margin-bottom:10px;margin-left:0;order:1}.floating-menu>button{font-size:14px;height:30px;width:30px}main{box-sizing:border-box;height:500px;order:3;padding:20px}.login-page,.signup-page,main{width:100%}.post-body{max-height:350px}.post-body p{padding-right:10px}.post-write form textarea{height:320px;padding:5px}.post-write form button{height:25px;padding:0 20px}.post-list{height:auto}.post-list li{padding:10px 5px}.post-list li h3{width:70%}.post-list li span{font-size:11px}}
/*# sourceMappingURL=main.5f6af449.css.map*/