*{box-sizing:border-box;margin:0;padding:0}.landing_page{width:100%;overflow-y:scroll}.landing_page>header,.landing_page>section{flex-direction:column;width:50%;margin:auto auto 1rem;display:flex}.landing_page>header{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.landing_page>header>h1:hover{filter:blur(2px)}.landing_page>header>button{border:none;padding:.5rem}.landing_page>header>button:hover{color:#ccc;background-color:#4d4d4d;border:none}.landing_page>section>ul>li{list-style:none}@media screen and (width<=768px){.landing_page>header,.landing_page>section{width:100%;padding:0 .5rem}}.app{color:#dbdee1;background:#1e1f22;height:100vh;display:flex}.channels{background:#2b2d31;border-right:1px solid #1f2023;width:25%;padding:1rem}.channels>h3{color:#f2f3f5;margin-top:0}.channel{cursor:pointer;border-radius:4px;margin-bottom:.2rem;padding:.5rem}.channel:hover{color:#dbdee1;background:#35373c}.channel.active{color:#fff;background:#404249;font-weight:700}.channel_posts{background:#2b2d31;border-right:1px solid #1f2023;flex-direction:column;width:25%;padding:1rem;display:flex}.channel_posts_header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.channel_posts_header>h3{color:#f2f3f5;margin:0}.channel_posts_header>button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;padding:.4rem .8rem}.channel_posts_list{flex:1;overflow-y:auto}.post_card{cursor:pointer;background:#1e1f22;border:1px solid #0000;border-radius:6px;margin-bottom:.5rem;padding:.75rem;transition:background-color .15s,border-color .15s}.post_card:hover{background:#2b2d31}.post_card.active{background:#35373c;border:1px solid #5865f2}.post_card>strong{color:#f2f3f5;font-size:.9rem}.post_card>p{color:#dbdee1;text-overflow:ellipsis;white-space:nowrap;margin:.3rem 0 0;font-size:.85rem;overflow:hidden}.post_area{background:#313338;flex-direction:column;flex:1;padding:1.5rem;display:flex}.currently_post_area{flex-direction:column;max-width:100%;display:flex;overflow-y:auto}.currently_post_area>h4{color:#949ba4;margin:0 0 .5rem}.currently_post_content{background:#2b2d31;border-radius:8px;margin-bottom:1rem;padding:1rem}.currently_post_content>strong{color:#5865f2;font-size:1.1rem}.currently_post_content>p{white-space:pre-wrap;max-width:100%;margin-top:.5rem;font-size:1rem;overflow-x:hidden}.openGraph{color:inherit;background-color:#2b2d31;border-left:4px solid #5865f2;border-radius:8px;flex-direction:column;max-width:100%;margin-top:.6rem;text-decoration:none;transition:background-color .2s;display:flex;overflow:hidden}.openGraph:hover{background-color:#35373c}.openGraph_content{padding:.5rem}.openGraph_content>span{color:#949ba4}.openGraph_content>h4{color:#00a8fc}.openGraph_content>p{color:#dbdee1;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.openGraph_content_img_area{width:100%;max-height:250px;overflow:hidden}.openGraph_content_img_area>img{object-fit:cover;width:100%;height:100%;display:block}.currently_post_comments{flex:1}.post_comment{background:#2b2d31;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.post_comment>strong{color:#f2f3f5;font-size:.85rem}.post_comment>p{margin:.2rem 0 0;font-size:.9rem}.new_comment_form{gap:.5rem;margin-bottom:1rem;display:flex}.new_comment_form>button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;padding:.5rem 1rem}.new_comment_form_name{color:#fff;background:#383a40;border:none;border-radius:4px;width:25%;padding:.5rem}.new_comment_form_content{color:#fff;background:#383a40;border:none;border-radius:4px;flex:1;padding:.5rem}.new_post_area>form{flex-direction:column;gap:1rem;max-width:100%;display:flex}.new_post_author_name,.new_post_content{color:#fff;border-radius:"4px";background:#383a40;border:none;padding:.5rem}.new_post_options{gap:.5rem;display:flex}.new_post_options>button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;padding:.5rem 1rem}.empty_post{color:#949ba4;justify-content:center;align-items:center;height:100%;display:flex}@media screen and (width<=768px){.app{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-height:100vh;overflow:auto hidden}.app::-webkit-scrollbar{display:none}.channels,.channel_posts,.post_area{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100vw;min-width:100vw;height:100vh}}