:root{--peach-light: #FFF3E0;--peach-medium: #FFE0B2;--peach-main: #FFAB91;--peach-dark: #FF8A65;--accent: #E64A19;--accent-hover: #D84315;--text-primary: #3E2723;--text-secondary: #5D4037;--text-muted: #8D6E63;--sentiment-good: #4CAF50;--sentiment-bad: #E53935;--sentiment-neutral: #78909C;--white: #FFFFFF;--border: #FFCC80}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--peach-light);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:0 20px}.header{background-color:var(--peach-main);padding:12px 0;margin-bottom:16px}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:700;color:var(--text-primary);text-decoration:none}.logo:hover{text-decoration:none;color:var(--text-primary)}.nav{display:flex;gap:20px}.nav-link{color:var(--text-primary);font-weight:500}.nav-link:hover{color:var(--accent)}.search-container{margin-bottom:30px}.search-wrapper{position:relative}.search-input{width:100%;padding:14px 20px;font-size:1rem;border:2px solid var(--border);background-color:var(--white);color:var(--text-primary);outline:none}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--border);border-top:none;z-index:100}.search-suggestion{padding:12px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.search-suggestion:hover{background-color:var(--peach-light)}.search-suggestion-category{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.filter-btn{padding:6px 12px;font-size:.8rem;background-color:var(--white);border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .15s ease}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background-color:var(--accent);border-color:var(--accent);color:var(--white)}.sort-tabs{display:flex;gap:5px;margin-bottom:12px;border-bottom:2px solid var(--border)}.sort-tab{padding:6px 14px;background:none;border:none;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;bottom:-2px;border-bottom:2px solid transparent}.sort-tab:hover{color:var(--text-primary)}.sort-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.refresh-btn{margin-left:auto;padding:4px 10px;background:var(--card-bg);border:1px solid var(--border);border-radius:4px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all .15s}.refresh-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.domain-list{display:flex;flex-direction:column;gap:6px}.domain-card{background-color:var(--white);border:2px solid var(--border);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .15s ease}.domain-card:hover{border-color:var(--accent)}.domain-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.domain-stats{display:flex;gap:12px;font-size:.875rem;color:var(--text-muted)}.stat-up{color:var(--sentiment-good)}.stat-down{color:var(--sentiment-bad)}.rant-list{display:flex;flex-direction:column;gap:8px}.rant-card{background-color:var(--white);border:2px solid var(--border);padding:12px 16px}.rant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.rant-sentiment{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 8px}.rant-sentiment.good{background-color:#e8f5e9;color:var(--sentiment-good)}.rant-sentiment.bad{background-color:#ffebee;color:var(--sentiment-bad)}.rant-sentiment.neutral{background-color:#eceff1;color:var(--sentiment-neutral)}.rant-time{font-size:.75rem;color:var(--text-muted)}.rant-text{font-size:1rem;line-height:1.5;color:var(--text-primary);margin-bottom:8px}.rant-footer{display:flex;justify-content:flex-end}.vote-buttons{display:flex;align-items:center;gap:4px}.vote-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:2px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.vote-btn:hover:not(.active):not(:disabled){border-color:var(--accent);color:var(--accent)}.vote-btn.upvote.active{background-color:#e8f5e9;border-color:var(--sentiment-good);color:var(--sentiment-good)}.vote-btn.downvote.active{background-color:#ffebee;border-color:var(--sentiment-bad);color:var(--sentiment-bad)}.vote-btn:disabled{cursor:not-allowed}.vote-btn:disabled:not(.active){opacity:.5}.vote-score{min-width:40px;text-align:center;font-weight:600;font-size:.9rem;color:var(--text-secondary)}.vote-score.positive{color:var(--sentiment-good)}.vote-score.negative{color:var(--sentiment-bad)}.rant-form{background-color:var(--peach-medium);border:2px solid var(--border);padding:16px;margin-bottom:16px}.form-title{font-size:1rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.form-textarea{width:100%;padding:10px;font-size:1rem;font-family:inherit;border:2px solid var(--border);background-color:var(--white);color:var(--text-primary);resize:vertical;min-height:80px;margin-bottom:10px;outline:none}.form-textarea:focus{border-color:var(--accent)}.form-textarea::placeholder{color:var(--text-muted)}.form-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.sentiment-selector{display:flex;gap:8px}.sentiment-option{padding:8px 14px;font-size:.875rem;background-color:var(--white);border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;font-weight:500}.sentiment-option:hover{border-color:var(--accent)}.sentiment-option.selected.good{background-color:#e8f5e9;border-color:var(--sentiment-good);color:var(--sentiment-good)}.sentiment-option.selected.bad{background-color:#ffebee;border-color:var(--sentiment-bad);color:var(--sentiment-bad)}.sentiment-option.selected.neutral{background-color:#eceff1;border-color:var(--sentiment-neutral);color:var(--sentiment-neutral)}.char-count{font-size:.875rem;color:var(--text-muted)}.char-count.warning{color:var(--sentiment-bad)}.submit-btn{padding:10px 24px;font-size:1rem;font-weight:600;background-color:var(--accent);border:none;color:var(--white);cursor:pointer;transition:background-color .15s ease}.submit-btn:hover:not(:disabled){background-color:var(--accent-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.domain-header{margin-bottom:16px}.domain-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.domain-subtitle{color:var(--text-muted);font-size:.9rem}.category-section{margin-bottom:20px}.category-title{font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:capitalize;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--border)}.category-domains{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.category-domain-card{background-color:var(--white);border:2px solid var(--border);padding:10px 12px;cursor:pointer;transition:border-color .15s ease}.category-domain-card:hover{border-color:var(--accent)}.category-domain-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.category-domain-stats{font-size:.8rem;color:var(--text-muted)}.empty-state{text-align:center;padding:24px 16px;color:var(--text-muted)}.empty-state-title{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.loading{text-align:center;padding:24px 16px;color:var(--text-muted)}.error-message{background-color:#ffebee;border:2px solid var(--sentiment-bad);color:var(--sentiment-bad);padding:12px 16px;margin-bottom:15px;font-size:.9rem}.success-message{background-color:#e8f5e9;border:2px solid var(--sentiment-good);color:var(--sentiment-good);padding:12px 16px;margin-bottom:15px;font-size:.9rem}.page-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.footer-spacer{height:30px}.header-search{position:relative;flex:1;max-width:300px;margin:0 20px}.header-search-input{width:100%;padding:10px 14px;font-size:.9rem;border:2px solid var(--border);background-color:var(--white);color:var(--text-primary);outline:none}.header-search-input:focus{border-color:var(--accent)}.header-search-input::placeholder{color:var(--text-muted)}.header-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--border);border-top:none;z-index:1000;max-height:300px;overflow-y:auto}.dropdown-label{padding:8px 14px;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;background-color:var(--peach-light)}.dropdown-item{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-item:hover{background-color:var(--peach-light)}.dropdown-item-domain{font-weight:500;color:var(--text-primary)}.dropdown-item-category{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.dropdown-item-new{color:var(--accent);font-style:italic}.domain-link{color:var(--accent);text-decoration:none}.domain-link:hover{text-decoration:underline}.domain-title-link{color:var(--text-primary);text-decoration:none}.domain-title-link:hover{color:var(--accent);text-decoration:underline}.domain-info{display:flex;flex-direction:column;gap:4px}.domain-category{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.domain-score{font-weight:600}.domain-score.positive{color:var(--sentiment-good)}.domain-score.negative{color:var(--sentiment-bad)}.leaderboard-tabs{display:flex;gap:5px;margin-bottom:12px;border-bottom:2px solid var(--border)}.leaderboard-tab{padding:8px 16px;background:none;border:none;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;bottom:-2px;border-bottom:2px solid transparent}.leaderboard-tab:hover{color:var(--text-primary)}.leaderboard-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.period-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.leaderboard-item{background-color:var(--white);border:2px solid var(--border);padding:10px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .15s ease}.leaderboard-item:hover{border-color:var(--accent)}.leaderboard-rank{font-size:.9rem;font-weight:700;color:var(--text-muted);min-width:35px}.leaderboard-content{flex:1;display:flex;flex-direction:column;gap:2px}.leaderboard-domain{font-weight:600;color:var(--accent)}.leaderboard-domain:hover{text-decoration:underline}.leaderboard-category{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.leaderboard-stats{display:flex;gap:15px;align-items:center}.leaderboard-score{font-size:1.1rem;font-weight:700;color:var(--primary)}.leaderboard-rants{display:flex;flex-direction:column;gap:6px}.leaderboard-rant{background-color:var(--white);border:2px solid var(--border);padding:10px 14px}.leaderboard-rant-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.leaderboard-rant-domain{font-weight:600;color:var(--accent)}.leaderboard-rant-domain:hover{text-decoration:underline}.leaderboard-rant-text{font-size:1rem;line-height:1.5;color:var(--text-primary);margin-bottom:8px;cursor:pointer}.leaderboard-rant-text:hover{color:var(--accent)}.leaderboard-rant-footer{display:flex;justify-content:flex-end}@media(max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.header-search{max-width:100%;margin:0;order:3}.form-row{flex-direction:column;align-items:stretch}.sentiment-selector{justify-content:center}.submit-btn{width:100%}.domain-title{font-size:1.5rem}.category-domains{grid-template-columns:1fr}.leaderboard-item{flex-wrap:wrap}.leaderboard-stats{width:100%;justify-content:space-between;margin-top:8px}}