.post-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#ccc);border-radius:4px;margin-bottom:10px;transition:border-color .2s;display:flex;overflow:hidden}.post-card:hover{border-color:#898989}.post-sidebar{background:var(--sidebar-bg,#f8f9fa);border-right:1px solid var(--border-color,#edeff1);flex-direction:column;align-items:center;width:40px;padding-top:8px;display:flex}.vote-btn{cursor:pointer;color:#878a8c;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.2rem}.vote-btn:hover{background:#0000000d}.vote-btn.active-up{color:#d93a00}.vote-btn.active-down{color:#7193ff}.votes{color:var(--text-color,#1a1a1b);margin:4px 0;font-size:12px;font-weight:700}.votes.up{color:#d93a00}.votes.down{color:#7193ff}.post-content{flex:1;padding:8px 12px}.post-meta{color:#787c7e;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.subreddit-name{color:var(--text-color,#1c1c1c);margin-right:8px;font-weight:700}.subreddit-name:hover{cursor:pointer;text-decoration:underline}.post-author{margin-right:8px}.post-title{color:var(--text-color,#222);margin:0 0 10px;font-size:18px;font-weight:500;line-height:22px}.post-text{color:var(--text-color,#1c1c1c);margin-bottom:10px;font-size:14px;line-height:21px}.post-media{background:#f0f0f0;border-radius:4px;justify-content:center;margin-bottom:10px;display:flex;overflow:hidden}.post-media img{object-fit:contain;max-width:100%;max-height:500px}.post-actions{gap:8px;display:flex}.action-btn{color:#878a8c;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.action-btn:hover{background:#0000000d}.action-btn.active-save{color:#0079d3}:root{--bg-color:#dae0e6;--header-bg:#fff;--text-color:#1c1c1c;--text-secondary:#878a8c;--card-bg:#fff;--border-color:#ccc;--input-bg:#f6f7f8;--hover-bg:#f6f7f8;--sidebar-bg:#fff}.dark-mode{--bg-color:#030303;--header-bg:#1a1a1b;--text-color:#d7dadc;--text-secondary:#818384;--card-bg:#1a1a1b;--border-color:#343536;--input-bg:#272729;--hover-bg:#272729;--sidebar-bg:#1a1a1b}.app-container{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);transition:background-color .3s,color .3s}.app-header{background:var(--header-bg);z-index:100;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.logo-link{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-img{border-radius:50%;width:32px;height:32px}.logo-text{font-size:18px;font-weight:700;display:none}@media (min-width:600px){.logo-text{display:block}}.search-bar{flex:1;max-width:600px;margin:0 20px}.search-bar input{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-color);border-radius:9999px;padding:8px 16px;font-size:14px}.search-bar input:focus{background:var(--header-bg);border-color:#0079d3;outline:none}.nav-links{align-items:center;gap:16px;display:flex}.nav-btn{color:var(--text-color);border-radius:99px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none}.nav-btn:hover{background:var(--hover-bg)}.login-btn{color:#0079d3;border:1px solid #0079d3}.profile-btn{background:#0079d3;color:#fff!important}.main-layout{grid-template-columns:1fr;gap:24px;max-width:100%;margin:0 auto;padding:20px;display:grid}.left-sidebar{flex-shrink:0;width:270px;display:none}.right-sidebar{flex-shrink:0;width:310px;display:none}@media (min-width:900px){.main-layout{grid-template-columns:270px 1fr;max-width:1600px}.left-sidebar{height:fit-content;max-height:calc(100vh - 80px);display:block;position:sticky;top:68px;overflow-y:auto}}@media (min-width:1200px){.main-layout{grid-template-columns:270px 1fr 310px}.right-sidebar{height:fit-content;display:block;position:sticky;top:68px}}.sidebar-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:16px;padding:16px}.sidebar-section h3{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px;font-size:10px;font-weight:700}.sidebar-link{color:var(--text-color);border-radius:4px;padding:8px;font-size:14px;text-decoration:none;display:block}.sidebar-link:hover{background-color:var(--hover-bg)}.content{min-width:0}body{color:#111;background:#f6f7f8;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}a{text-decoration:none}