.comment-box{margin:25px 0;padding:0 10px 10px;background:var(--panel);border:1px solid var(--border)}.comment-box h2{text-align:center}.note-panel{width:350px;margin:10px auto;padding:10px;text-align:center;font-size:14px;background:#090909;border:1px solid var(--border);border-width:1px 0}.note-panel .button-primary{font-size:13px;margin:15px}.report-invite{margin:20px auto;text-align:center}.report{border:1px solid #3a3a3a;border-width:1px 0;padding:10px 15px;margin:15px 10px 30px}.report>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px;font-size:14px}.report header a,.comment header a{color:var(--text-strong);text-decoration:none}.report header a:hover,.comment header a:hover{text-decoration:underline}.report header .author,.comment header .author{border-bottom:1px solid #5f5f5f}.report>header .when{font-size:11px}.report>p{margin:0 3px}.commenting{text-align:right}.commenting summary,a.commenting-link{display:inline-block;cursor:pointer;list-style:none;padding:1px 7px 2px;color:var(--text);font-weight:bold;text-decoration:underline}a.commenting-link:hover{text-decoration:none}.commenting-row{text-align:right}.commenting summary::-webkit-details-marker{display:none}.commenting summary:hover{text-decoration:none}.comment{border:1px solid var(--border);border-width:1px 0 0;padding:10px 15px;margin:0 10px}.comment header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px;font-size:13px}.comment header .when{font-size:11px}.comment p{padding:0 3px}.comment p a{color:var(--text)}.report .comments{margin:5px 10px 0 100px}.report .comment{padding:3px 5px;margin:0}.report .comment header{font-size:11px}.report .comment header .when{font-size:10px}.report .comment p{font-size:11px;color:#555}.comment-reply{margin-top:2px}.comment-reply .comment-form{font-size:12px}.report>header .when,.comment header .when{text-align:right}.vip-manage summary{list-style:none}.vip-manage summary::-webkit-details-marker{display:none}.vip-manage summary.button{padding:1px 7px 2px}.vip-manage form{margin-top:3px}.vip-mark .good{color:#40a040}.vip-mark .bad{color:var(--accent-border)}.comment header a.owner,.comment header a .owner{color:#A49270}.report header .rank,.comment header .rank{color:#777147}.commenting .comment-form{margin-top:5px;padding:10px;text-align:center;background:var(--panel);border:1px solid var(--border);border-width:1px 0}.commenting .comment-form textarea{display:block;width:min(300px,100%);box-sizing:border-box;margin:5px auto}.vip-mark{display:block}@media only screen and (max-width:620px){.comment header .when{font-size:12px}.report .comment header,.report .comment header .when,.report .comment p{font-size:12px}}@media only screen and (max-width:620px){.report>header{flex-direction:column;gap:2px}.report>header .author{align-self:flex-start}.report>header .when{text-align:left;hyphens:none}.report>header .when br{display:none}.report{margin:15px 0 30px;padding:10px 5px}.report>p{margin:0}.report .comments{margin:5px 0 0 32px}.note-panel{width:auto;max-width:350px;box-sizing:border-box}.comment-box>.comment{padding:10px 5px;margin:0}.comment-box>.comment header{flex-direction:column;gap:2px}.comment-box>.comment header .author{align-self:flex-start}.comment-box>.comment header .when{text-align:left;hyphens:none}.comment-box>.comment p{padding:0}}