.app-header{background-color:#2a2a2a;padding:.5rem 0 1.5rem;color:#fff;border-bottom:1px solid #444}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.title-container{text-align:center;padding:.75rem 0}.site-title a{font-size:5rem;font-weight:700;color:#fff;font-family:Road Rage;text-decoration:none;display:inline-block}.actions-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;flex-wrap:wrap;gap:1rem}.search-form{display:flex;align-items:center}.search-form input[type=search]{padding:8px 12px;border:1px solid #666;border-radius:4px 0 0 4px;min-width:200px;background-color:#444;color:#c5c5c5}.search-form button{padding:8px 12px;border-radius:0 4px 4px 0;background-color:#b1903c;color:#1e1e1e;border:1px solid #b1903c;border-left:none}.main-nav ul{display:flex;align-items:center;gap:1.5rem;list-style:none;padding:0;margin:0}.main-nav a,.nav-username,.nav-button{color:#c5c5c5;font-size:1rem;padding:5px 0;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;display:inline-block;white-space:nowrap}.nav-username{cursor:default;font-weight:700;color:#c5c5c5}.main-nav a:hover,.nav-button:hover{text-decoration:underline;color:#b1903c}@media (max-width: 820px){.actions-container{flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:.5rem;padding-bottom:1rem}.search-form{width:100%;margin-bottom:.75rem}.search-form input[type=search]{flex-grow:1;min-width:150px}.main-nav{width:100%;margin-left:0}.main-nav ul{justify-content:center;flex-wrap:wrap;gap:1rem 1.5rem}}.sort-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem;color:#c5c5c5}.sort-controls span{margin-right:.5rem;font-weight:700;color:#c5c5c5}.sort-button.active{background-color:#b1903c;color:#1e1e1e;border:1px solid #b1903c}.post-preview{background-color:#333;border:1px solid #444;padding:1rem 1.5rem;border-radius:6px;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s ease-in-out}.post-preview:hover{box-shadow:0 4px 10px #0000001a}.post-meta .post-time{font-size:.85rem;color:#666;margin-bottom:.5rem}.post-author{color:#a0a0a0}.post-title{font-size:1.3rem;margin-bottom:.75rem;font-weight:600}.post-title a{color:#c5c5c5}.post-title a:hover{text-decoration:underline;color:#b1903c}.post-footer{font-size:.9rem;color:#555}.post-upvotes{font-weight:700;color:#a0a0a0}.home-page{padding-top:1.5rem;padding-bottom:1.5rem}.post-feed{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.create-post-page{padding:2rem 1rem;max-width:800px;margin:1rem auto}.create-post-page h2{text-align:center;margin-bottom:2.5rem;color:#c5c5c5;font-size:2rem}.create-post-form{max-width:650px;margin:0 auto;padding:2.5rem 3rem;background-color:#333;border:1px solid #444;border-radius:8px}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.6rem;font-weight:700;color:#a0a0a0}.form-group .required{color:#c97b79;margin-left:3px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=url],.form-group textarea{width:100%;padding:.9rem 1rem;border:1px solid #666;border-radius:4px;font-size:1rem;font-family:inherit;background-color:#444;color:#c5c5c5}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{border-color:#b1903c;outline:none;box-shadow:0 0 0 3px #b1903c4d}.submit-button{display:block;width:100%;padding:.9rem 1.5rem;background-color:#b1903c;color:#1e1e1e;border:none;border-radius:4px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:#967832}.submit-button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.95rem;color:#a0a0a0}.auth-switch a{color:#b1903c;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.error-message{color:#f8b4b4;background-color:#5c3a3a;border:1px solid #c97b79;padding:.75rem 1.25rem;border-radius:4px;margin-bottom:1.5rem;text-align:center;font-size:.9rem}.comment{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;padding:1rem 1.5rem;margin-bottom:1rem}.comment-meta{display:flex;align-items:baseline;margin-bottom:.75rem;font-size:.85rem;color:#a0a0a0;border-bottom:1px dashed #444;padding-bottom:.5rem}.comment-author{font-weight:700;color:#d1d1d1}.comment-time{font-style:italic;margin-left:.75rem}.comment-content{font-size:1rem;line-height:1.6;color:#c5c5c5;white-space:pre-wrap;word-wrap:break-word}.comment-content p{margin-bottom:.5em}.comment-content p:last-child{margin-bottom:0}.comment.error{border-left:3px solid #c97b79;color:#c97b79}.add-comment-form-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #444}.add-comment-form-container h3{margin-bottom:1rem;font-size:1.2rem;color:#c5c5c5}.add-comment-form textarea{background-color:#444;color:#c5c5c5;border:1px solid #666;border-radius:4px;padding:.75rem;width:100%;display:block;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:.75rem}.add-comment-form textarea:focus{border-color:#b1903c;outline:none;box-shadow:0 0 0 3px #b1903c4d}.add-comment-form button{background-color:#b1903c;color:#1e1e1e;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.add-comment-form button:hover:not(:disabled){background-color:#967832}.add-comment-form button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.add-comment-form-container .error-message{color:#f8b4b4;background-color:#5c3a3a;border:1px solid #c97b79;padding:.75rem 1.25rem;border-radius:4px;margin-bottom:1rem;text-align:center;font-size:.9rem}.add-comment-form-container>p{margin-top:1rem;color:#a0a0a0}.add-comment-form-container>p>a{color:#b1903c;text-decoration:none}.add-comment-form-container>p>a:hover{text-decoration:underline}.post-detail-page{padding:2rem 0}.post-full{max-width:800px;margin:0 auto;background-color:#333;padding:2rem 3rem;border:1px solid #444;border-radius:8px;color:#c5c5c5}.post-header h1{font-size:2.2rem;margin-bottom:.75rem;line-height:1.3;color:#e0e0e0}.post-header .post-meta{font-size:.9rem;color:#a0a0a0;margin-bottom:1.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.post-meta .separator{color:#666;margin:0 .25rem}.upvote-count{font-weight:700;margin-left:1rem}.post-meta .post-actions{margin-left:auto;display:flex;gap:.75rem;align-items:center}.post-image-container{margin:2rem 0;text-align:center}.post-image{max-width:100%;height:auto;border-radius:6px;background-color:#444}.post-content{margin:2rem 0;font-size:1.1rem;line-height:1.7;color:#c5c5c5}.post-content p{margin-bottom:1rem}.post-content p:last-child{margin-bottom:0}.post-divider{border:none;border-top:1px solid #444;margin:2.5rem 0}.comments-section{margin-top:2rem}.comments-section h2{margin-bottom:1.5rem;font-size:1.5rem;border-bottom:2px solid #444;padding-bottom:.5rem;color:#c5c5c5}.upvote-button{background:none;border:1px solid #666;padding:4px 10px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:#a0a0a0;transition:all .2s ease}.upvote-button .arrow{font-size:1.2em;line-height:1}.upvote-button:hover:not(:disabled){border-color:#b1903c;color:#b1903c}.upvote-button:disabled{cursor:not-allowed;opacity:.5}.edit-button,.delete-button{background:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;border-width:1px;border-style:solid}.edit-button{color:#7aa4c4;border-color:#7aa4c4;text-decoration:none;display:inline-block;line-height:normal}.edit-button:hover{background-color:#7aa4c41a}.delete-button{color:#c97b79;border-color:#c97b79}.delete-button:hover:not(:disabled){background-color:#c97b791a}.delete-button:disabled{cursor:not-allowed;opacity:.5}.loading-message,.error-message,.no-posts-message{text-align:center;padding:2rem;font-size:1.1rem;color:#a0a0a0}.error-message{color:#f8b4b4;background-color:#5c3a3a;border:1px solid #c97b79;padding:.75rem 1.25rem;border-radius:4px;margin:1rem auto;max-width:600px}.info-page{padding:2rem 1.5rem;max-width:800px;margin:1rem auto;background-color:#333;border:1px solid #444;border-radius:8px;line-height:1.7;color:#c5c5c5}.info-page h1{text-align:center;margin-bottom:.5rem;font-size:2.2rem;color:#e0e0e0}.info-page .tagline{text-align:center;margin-bottom:2.5rem;font-style:italic;color:#a0a0a0}.info-section{margin-bottom:2.5rem}.info-section h2{font-size:1.6rem;margin-bottom:1rem;border-bottom:2px solid #444;padding-bottom:.5rem;color:#b1903c}.info-section p,.info-section ul{margin-bottom:1rem;color:#c5c5c5}.info-section p:last-child,.info-section ul:last-child{margin-bottom:0}.info-section ul{list-style:disc;margin-left:1.5rem;padding-left:.5rem}.info-section ul li{margin-bottom:.5rem}.info-section ul li strong,.info-section ul li b{color:#d1d1d1}.info-footer{margin-top:3rem;padding-top:1rem;border-top:1px solid #444;text-align:center;font-size:.85rem;color:#a0a0a0}.info-footer p{margin-bottom:.25rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background-color:#1e1e1e;color:#c5c5c5}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font:inherit;border:none;background-color:#eee;padding:5px 10px;border-radius:4px}button.active{background-color:teal;color:#fff}.container{max-width:960px;margin:0 auto;padding:0 1rem}