main{font-family:Arial,sans-serif;background-color:#f4f4f4;max-width:65em;margin:0 auto}main section{background-color:#fff;border:1px solid #ddd;border-radius:5px}main section:last-child{margin-bottom:1.5rem}main section h2{background-color:#eee;padding:.5rem;font-size:1.2rem;font-weight:700;margin:0}.forum-nav-bar{position:fixed;top:0;left:0;width:100%;background-color:#eee;border-bottom:1px solid #ddd;z-index:1000;box-shadow:0 2px 4px #0000001a}.forum-nav-content{max-width:65rem;margin:0 auto;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.forum-nav-left,.forum-nav-right{display:flex;align-items:center}.forum-nav-btn{display:inline-flex;align-items:center;padding:.4rem .6rem;margin:0 .25rem;background-color:#0366d6;color:#fff;text-decoration:none;border-radius:.2rem;border:none;cursor:pointer;font-size:.75rem}.forum-nav-btn:hover{background-color:#024e9a}.forum-nav-btn svg{margin-right:.25rem;fill:#fff}.pm-badge{position:relative}.pm-badge:after{content:attr(data-unread);position:absolute;top:-.25rem;right:-.5rem;background-color:red;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:50%;display:none}.pm-badge[data-unread]:not([data-unread="0"]):after{display:block}dialog{border:1px solid #ddd;border-radius:.4rem;padding:1rem;box-shadow:0 .2rem .4rem #0003;margin:auto}dialog::backdrop{background-color:#00000080}dialog button{padding:.4rem .6rem;margin-top:.5rem;border-radius:.25rem;cursor:pointer}dialog.iframe-dialog{max-width:50rem;width:90%;height:85vh;padding:0;border:none;border-radius:.5rem;background:transparent;overflow-y:hidden}dialog.iframe-dialog .close-dialog{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer}dialog.iframe-dialog .close-dialog:focus{outline:2px solid #0366d6}dialog.iframe-dialog iframe{width:100%;height:calc(100% - 2.5rem);border:none}dialog.iframe-dialog h2{margin:0;padding:.75rem;background:#0366d6;color:#fff;text-align:center;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.iframe-dialog .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:#333}dialog.loading-dialog{max-width:20rem;width:auto;padding:1rem 2rem;margin:auto;text-align:center;background-color:#fff;font-size:1.2rem;color:#333;border-radius:.5rem}dialog.loading-dialog .loading-text{display:inline-block}dialog.loading-dialog .loading-dots{display:inline-block;min-width:2rem;text-align:left}nav.breadcrumb{background-color:#cadceb;padding:.15rem .5rem;border-radius:.8rem;margin-bottom:1rem}nav.breadcrumb ul{list-style:none;padding:0;margin:0;display:flex;align-items:center}nav.breadcrumb li{margin-right:.5rem}nav.breadcrumb li svg{margin-right:.25rem}nav.breadcrumb li a{color:#0366d6;text-decoration:none}nav.breadcrumb li a:hover{text-decoration:underline}nav.breadcrumb li:not(:last-child):after{content:">";margin-left:.5rem;color:#666}nav.breadcrumb li:last-child{color:#666;font-weight:700}.header-row,.footer-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;clear:both}.footer-row{margin-top:1rem}.new-topic-btn{display:inline-flex;align-items:center;padding:.4rem .6rem;background-color:#0366d6;color:#fff;text-decoration:none;border-radius:.25rem;border:none;cursor:pointer}.new-topic-btn svg{margin-right:.25rem}.new-topic-btn:hover{background-color:#024e9a}table{width:100%;border-collapse:collapse}tr:hover,.forum tr:hover{background-color:#e7f1f8!important}th,td{padding:.5rem;text-align:left;border-top:1px solid #ddd}th{background-color:#f9f9f9;font-weight:700}.forum-index .forum-name{width:50%}.forum-index .stats{width:10%;text-align:center}.forum-index .last-post{width:30%}.forum .topic-name{width:40%}.forum .topic-name svg{margin-right:.25rem}.forum .stats{width:10%;text-align:center}.forum .last-post{width:30%}.forum tr:nth-child(even){background-color:#f9f9f9}.forum tr:nth-child(odd){background-color:#f5f5f5}.forum-name a{color:#0366d6;text-decoration:none;font-weight:700}.forum-name a:hover{text-decoration:underline}.forum-description{font-weight:400;color:#666;font-size:.9rem}#global-announcements{margin-bottom:2rem;border:2px solid #0366d6}.global-announcement{background-color:#e6f7ff!important;font-size:1.2rem}.announcement{background-color:#fffbe6!important;font-size:1.1rem}.pinned{background-color:#f0f0f0!important;font-style:italic}.topic-origin{font-size:.85rem;color:#777;margin-top:.2rem;font-style:italic}.topic-name a{font-weight:700;color:#0366d6;text-decoration:none}.topic-name a:hover{text-decoration:underline}.topic-info{font-size:.9rem;color:#666}.topic-pagination{font-size:.8rem;margin-top:.25rem}.topic-pagination a,.topic-pagination span{padding:.12rem .25px;margin:0 1px;text-decoration:none;color:#0366d6;border:1px solid #ddd;border-radius:3px}.topic-pagination span{background-color:#f9f9f9;color:#666}.topic-pagination a:hover{background-color:#eee}.ellipsis{cursor:pointer}.page-popup,.edited-popup,.user-mini{position:absolute;z-index:10;background:#fff;border:1px solid #ddd;border-radius:.25rem;padding:.5rem;box-shadow:0 2px 4px #0000001a;display:none;transition:opacity .2s ease-in-out;opacity:0}.page-popup[style*="display: block"],.edited-popup[style*="display: block"],.user-mini[style*="display: block"]{opacity:1}.page-popup{display:flex;align-items:center;gap:.5rem;font-size:.9rem;flex-wrap:nowrap;white-space:nowrap;min-width:max-content}.page-popup label{white-space:nowrap}.page-popup input{width:4rem;padding:.25rem;border:1px solid #ddd;border-radius:.25rem}.page-popup button{padding:.25rem .5rem;background:#0366d6;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.page-popup button:hover{background:#024e9a}.last-post{font-size:.9rem}.last-post a{color:#0366d6;text-decoration:none}.last-post a:hover{text-decoration:underline}.stats{text-align:center;font-size:.9rem}.pagination{text-align:center}.pagination a,.pagination span{padding:.25rem .5rem;margin:0 .12rem;text-decoration:none;color:#0366d6;border:1px solid #ddd;border-radius:3px}.pagination span{background-color:#f9f9f9;color:#666;font-weight:700}.pagination a{white-space:nowrap}.pagination a:hover{background-color:#eee}.forum-stats{color:#666}.new-topic-section{margin-top:1rem;padding:1rem;background-color:#f9f9f9;border:1px solid #ddd;border-radius:.25rem}.new-topic-section h2{margin-top:0}.new-topic-section label{display:block;margin-bottom:.5rem}.new-topic-section input[type=text]{width:100%;padding:.4rem;margin-bottom:.5rem;box-sizing:border-box}.new-topic-section textarea{width:100%;height:10rem;padding:.4rem;margin-bottom:.5rem;box-sizing:border-box}.new-topic-section select{width:100%;padding:.4rem;margin-bottom:.5rem;box-sizing:border-box}.new-topic-section button{padding:.4rem .6rem;margin-right:.5rem;border-radius:.25rem;cursor:pointer}.new-topic-section .submit-btn{background-color:#0366d6;color:#fff;border:none}.new-topic-section .cancel-btn{background-color:#ddd;border:none}.new-topic-section .error{color:red;margin-bottom:.5rem}.topic-title{display:flex;align-items:center}.topic-title h1{margin:0}.topic-title button{padding:.25rem .5rem;color:#fff;border:none;border-radius:.25rem;cursor:pointer;margin-left:.5rem}.topic-title button:hover{background:#024e9a}.edit-title-btn{padding:.25rem!important;background:none}.edit-title-btn svg{width:1rem;height:1rem;fill:#666}.edit-title-btn:hover svg{fill:#0366d6}.topic-title input[type=text]{font-size:1.5rem;font-weight:700;width:50%;padding:.25rem;border:1px solid #ddd;border-radius:.25rem}.topic-title .submit-btn{background:#0366d6;color:#fff}.topic-title .submit-btn:hover{background:#024e9a}.topic-title .cancel-btn{background:#ddd}.topic-title .cancel-btn:hover{background:#ccc}.topic-visibility{display:flex;align-items:center;float:right}.topic-visibility label{margin-right:.5rem}.topic-visibility select{margin-right:.5rem;padding:.25rem;width:auto}.topic-visibility button{padding:.25rem .5rem;background-color:#0366d6;color:#fff;border:none;border-radius:3px;cursor:pointer}.topic-visibility button:hover{background-color:#024e9a}.reply-btn{display:inline-flex;align-items:center;padding:.4rem .6rem;background-color:#0366d6;color:#fff;text-decoration:none;border-radius:.25rem;border:none;cursor:pointer}.reply-btn svg{margin-right:.25rem}.reply-btn:hover{background-color:#024e9a}.posts-section article{padding:.75rem;border-top:1px solid #ddd}.posts-section article:nth-child(even){background-color:#f9f9f9}.post-num-btn{padding:.25rem .5rem;background:#f0f0f0;border:1px solid #ddd;border-radius:.25rem;font-size:.8rem;color:#666;cursor:pointer;transition:background .3s}.post-num-btn:hover{background:#e0e0e0}.post-num-btn.copied{background:#d4edda;color:#155724}.post-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.post-user a{font-weight:700;color:#0366d6;text-decoration:none;position:relative}.post-user a:hover{text-decoration:underline}.user-link-container{position:relative;display:inline-block}.user-mini{padding:.75rem;width:20rem;font-size:.9rem;color:#333;font-weight:400;font-style:normal}.user-mini ul{margin:0;padding:0;list-style-type:none}.user-mini li{margin-bottom:.5rem}.user-mini li span:first-child{font-weight:700}.user-mini .online,.user-mini .offline{text-transform:capitalize}.user-mini .online:before,.user-mini .offline:before{content:"\2022";font-weight:700;margin-right:.2rem}.user-mini .online:before{color:green}.user-mini .offline:before{color:gray}.user-mini .forum-date{white-space:nowrap}.user-mini .pm-btn{display:block;width:100%;padding:.4rem;background-color:#0366d6;color:#fff;border:none;border-radius:.25rem;cursor:pointer;margin-top:.5rem}.user-mini .pm-btn:hover{background-color:#024e9a}.post-info{color:#666;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.date-group{min-width:16rem}.edited-asterisk{color:#666;cursor:pointer;margin-left:.25rem;font-weight:700}.edited-asterisk:hover{color:#0366d6}.edited-popup{font-size:.9rem;color:#666;white-space:nowrap}.edited-popup[style*="display: block"]{opacity:1}.post-body{margin-bottom:.5rem;white-space:pre-wrap}.post-actions button{margin-right:.25rem;padding:.25rem .5rem;border-radius:3px;cursor:pointer;padding-block:1px;padding-inline:6px;border:2px solid black;background-color:#e9e9ed}.post-actions button:hover{background-color:#d0d0d7}.post-body textarea{width:100%;min-height:7.5rem;padding:.4rem;box-sizing:border-box;border:1px solid #ddd;border-radius:.25rem}.post-actions .submit-btn{padding:.25rem .5rem;background:#0366d6;color:#fff;border:none;border-radius:.25rem;cursor:pointer;margin-right:.25rem}.post-actions .submit-btn:hover{background:#024e9a}.post-actions .cancel-btn{padding:.25rem .5rem;background:#ddd;border:none;border-radius:.25rem;cursor:pointer}.post-actions .cancel-btn:hover{background:#ccc}.deleted-post{background-color:#fee!important}.deleted-post .post-header{text-decoration:line-through;color:#999}.deleted-post .post-body{display:none}.deleted-post.expanded .post-body{display:block;color:#666;background-color:#f8f8f8}.deleted-post .deleted-note{display:none;font-style:italic;color:#888;margin-bottom:.5rem}.deleted-post.expanded .deleted-note{display:block}.highlight{background-color:#ff0!important;transition:background-color 2s}.reply-section{margin-top:1rem;padding:1rem;background-color:#f9f9f9;border:1px solid #ddd;border-radius:.25rem}.reply-section.fixed{position:fixed;bottom:0;left:0;right:0;height:50vh;overflow:auto}body.quoting{padding-bottom:50vh}.reply-section h2{margin-top:0}.reply-section label{display:block;margin-bottom:10px}.reply-section textarea{width:100%;height:7.5rem;padding:.4rem;margin-bottom:.5rem;box-sizing:border-box}.reply-section button{padding:.4rem .6rem;margin-right:.5rem;border-radius:.25rem;cursor:pointer}.reply-section .submit-btn{background-color:#0366d6;color:#fff;border:none}.reply-section .cancel-btn{background-color:#ddd;border:none}.reply-section .error{color:red;margin-bottom:.5rem}dialog.error-dialog,dialog.confirm-dialog{max-width:30rem;padding:1rem;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 4px 8px #0003;text-align:center}dialog.error-dialog button,dialog.confirm-dialog button{padding:.4rem .6rem;margin:.25rem;border-radius:.25rem;cursor:pointer}dialog.error-dialog button:first-of-type,dialog.confirm-dialog button:first-of-type{background:#ddd}dialog.error-dialog button:last-of-type,dialog.confirm-dialog button:last-of-type{background:#0366d6;color:#fff}dialog.error-dialog button:last-of-type:hover,dialog.confirm-dialog button:last-of-type:hover{background:#024e9a}
