*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;background-color:#f5f5f5;color:#333}.container{max-width:900px;margin:0 auto;padding:20px}header{background-color:#2c3e50;color:#fff;padding:20px;margin-bottom:30px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}h1{font-size:24px;margin-bottom:10px}.stats{font-size:14px;color:#ecf0f1;margin-top:10px}.post{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-left:4px solid #3498db}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.post-meta{flex-grow:1}.post-number{font-size:14px;color:#7f8c8d;font-weight:700}.post-author{font-size:16px;font-weight:700;color:#2c3e50;margin:5px 0}.post-timestamp{font-size:13px;color:#95a5a6}.post-votes{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px}.vote-points{font-weight:700;padding:4px 8px;border-radius:4px;min-width:50px;text-align:center}.vote-points.positive{background-color:#d4edda;color:#155724}.vote-points.negative{background-color:#f8d7da;color:#721c24}.vote-points.neutral{background-color:#e2e3e5;color:#383d41}.vote-detail{color:#7f8c8d;font-size:11px}.reply-to{font-size:13px;color:#7f8c8d;font-style:italic;margin-bottom:10px}.post-content{color:#2c3e50;line-height:1.7}.content-block{margin-bottom:15px}.content-block:last-child{margin-bottom:0}.quote-block{background-color:#f8f9fa;border-left:4px solid #95a5a6;padding:15px;margin:15px 0;border-radius:4px}.quote-header{font-size:13px;color:#7f8c8d;margin-bottom:8px;font-weight:600}.quote-content{color:#555;font-style:italic}.quote-content.truncated{max-height:100px;overflow:hidden;position:relative}.quote-content.truncated::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,#f8f9fa)}.quote-toggle{display:inline-block;margin-top:8px;padding:4px 10px;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:12px;cursor:pointer;font-style:normal;transition:all .2s}.quote-toggle:hover{background-color:#dee2e6;border-color:#ced4da}.text-block{white-space:pre-wrap;word-wrap:break-word}.text-block a{color:#3498db;text-decoration:none;word-break:break-all}.text-block a:hover{text-decoration:underline}.links-list{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:4px;font-size:13px}.links-list a{color:#3498db;text-decoration:none;display:block;margin:5px 0;word-break:break-all}.links-list a:hover{text-decoration:underline}.forum-embed{background-color:#e8f4f8;border-left:4px solid #3498db;padding:15px;margin:15px 0;border-radius:4px}.forum-embed-header{font-size:13px;color:#7f8c8d;margin-bottom:8px;font-weight:600}.forum-embed-title{font-size:15px;font-weight:700;color:#2c3e50;margin-bottom:8px}.forum-embed-title a{color:#2c3e50;text-decoration:none}.forum-embed-title a:hover{color:#3498db;text-decoration:underline}.forum-embed-description{color:#555;font-size:14px;font-style:italic}.loading{text-align:center;padding:50px;font-size:18px;color:#7f8c8d}.error{background-color:#f8d7da;color:#721c24;padding:20px;border-radius:8px;margin:20px 0;border-left:4px solid #dc3545}.filter-bar{background-color:#fff;padding:15px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-bar input[type=text]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px}.filter-bar input[type=text]:focus{outline:0;border-color:#3498db}.filter-options{display:flex;align-items:center;gap:15px;padding-top:10px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.filter-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2c3e50}.filter-options input[type=checkbox]{width:18px;height:18px;cursor:pointer}.sort-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#2c3e50}.sort-option select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;background-color:#fff}.sort-option select:focus{outline:0;border-color:#3498db}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:30px 0;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-wrap:wrap}.pagination button{padding:8px 16px;border:1px solid #ddd;background-color:#fff;color:#2c3e50;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.pagination button:hover:not(:disabled){background-color:#3498db;color:#fff;border-color:#3498db}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .page-info{padding:8px 16px;color:#7f8c8d;font-size:14px}.pagination select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.pagination select:focus{outline:0;border-color:#3498db}@media (max-width:768px){.container{padding:10px}h1{font-size:20px}.post{padding:15px;margin-bottom:15px}.post-header{flex-direction:column;gap:10px}.post-votes{align-items:flex-start;width:100%}.filter-options{flex-direction:column;align-items:flex-start;gap:10px}.sort-option{width:100%}.sort-option select{flex:1}.pagination{gap:5px;padding:10px}.pagination button{padding:6px 10px;font-size:12px}.pagination .page-info{font-size:12px;padding:6px 10px;width:100%;text-align:center}.pagination select{font-size:12px;padding:6px 8px}header{padding:15px;margin-bottom:20px}.stats{font-size:12px}}@media (max-width:480px){h1{font-size:18px}.post{padding:12px}.post-author,.post-number,.post-timestamp{font-size:13px}.pagination button{padding:5px 8px;font-size:11px}}