:root{--bg-dark:#0d0d0d;--bg-medium:#1a1a1a;--bg-light:#262626;--border:#333;--border-light:#444;--primary:#10b981;--primary-hover:#34d399;--primary-muted:#10b98126;--warning:#f59e0b;--warning-hover:#fbbf24;--warning-muted:#f59e0b26;--danger:#ef4444;--danger-hover:#f87171;--danger-muted:#ef444426;--purple:#8b5cf6;--purple-hover:#a78bfa;--purple-muted:#8b5cf626;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#737373}[data-theme=light]{--bg-dark:#fff;--bg-medium:#f5f5f5;--bg-light:#e5e5e5;--border:#d4d4d4;--border-light:#a3a3a3;--primary:#059669;--primary-hover:#10b981;--primary-muted:#05966926;--warning:#d97706;--warning-hover:#f59e0b;--warning-muted:#d9770626;--danger:#dc2626;--danger-hover:#ef4444;--danger-muted:#dc262626;--purple:#7c3aed;--purple-hover:#8b5cf6;--purple-muted:#7c3aed26;--text-primary:#171717;--text-secondary:#525252;--text-muted:#737373}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-dark);color:var(--text-primary);font-family:Inter,Segoe UI,-apple-system,sans-serif;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.blog-title{text-align:center;color:var(--primary);letter-spacing:-.025em;margin:1.5rem 0;font-size:2rem;font-weight:700}.auth-container{max-width:800px;margin:2rem auto;padding:0 1rem}.auth-panels{justify-content:center;align-items:stretch;gap:1.5rem;margin-top:1rem;display:flex}.login-panel,.register-panel{background:var(--bg-medium);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;max-width:360px;padding:1.5rem}.login-panel h2,.register-panel h2{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600}.login-panel input,.register-panel input,.new-post-form input,.new-post-form textarea,.post.new-post input,.post.new-post textarea{background:var(--bg-dark);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:6px;margin:.375rem 0;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.login-panel input:focus,.register-panel input:focus,.new-post-form input:focus,.new-post-form textarea:focus,.post.new-post input:focus,.post.new-post textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted);outline:none}.login-panel input::placeholder,.register-panel input::placeholder{color:var(--text-muted)}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}header h1{color:var(--text-primary);font-size:1.5rem;font-weight:600}.btn{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.logout{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn.logout:hover{background:var(--bg-light);border-color:var(--border-light);color:var(--text-primary)}.btn-like{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-like:hover{background:var(--warning-muted);border-color:var(--warning);color:var(--warning)}.btn-like.active{background:var(--warning-muted);border-color:var(--warning);color:var(--warning);font-weight:600}.btn-dislike{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-dislike:hover{background:var(--purple-muted);border-color:var(--purple);color:var(--purple)}.btn-dislike.active{background:var(--purple-muted);border-color:var(--purple);color:var(--purple);font-weight:600}.btn-delete{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-delete:hover{background:var(--danger-muted);border-color:var(--danger);color:var(--danger)}.btn:disabled,.btn-like:disabled,.btn-dislike:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.toggle-btn{background:var(--bg-light);border:1px solid var(--border);width:1.75rem;height:1.75rem;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin-right:.5rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.toggle-btn:hover{background:var(--bg-medium);border-color:var(--primary);color:var(--primary)}.new-post-form,.post.new-post{background:var(--bg-medium);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.new-post-form h2,.post.new-post h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.post.new-post p{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.post-list{flex-direction:column;gap:1rem;display:flex}.post{background:var(--bg-medium);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:border-color .2s}.post:hover{border-color:var(--border-light)}.post-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.post-header h3{color:var(--text-primary);flex:1;font-size:1.125rem;font-weight:600;line-height:1.4}.post-author{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.post-content{color:var(--text-secondary);margin:.75rem 0;font-size:.9rem;line-height:1.6}.post-footer{border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.post-actions{gap:.5rem;margin-left:auto;display:flex}.post-score-label{color:var(--text-muted);margin-right:.25rem;font-size:.8rem}.post-score{color:var(--text-secondary);font-size:.9rem;font-weight:600}.post-score.positive{color:var(--warning)}.post-score.negative{color:var(--purple)}.reply-score{color:var(--text-secondary);font-size:.85rem;font-weight:600}.reply-score.positive{color:var(--warning)}.reply-score.negative{color:var(--purple)}.reply{border-left:2px solid var(--border);margin:.5rem 0;padding:.75rem 0 .75rem 1rem;position:relative}.reply:hover{border-left-color:var(--primary)}.nested-replies{margin-left:1rem}.nested-replies .reply{border-left-color:var(--purple)}.reply-header{justify-content:space-between;align-items:center;display:flex}.reply-author{font-size:.85rem;font-weight:600}.reply-text{color:var(--text-secondary);margin:.25rem 0;font-size:.875rem}.reply-actions{gap:.5rem;margin-top:.5rem;display:flex}.reply textarea,.reply-form textarea,.post-footer textarea{background:var(--bg-dark);width:100%;min-height:4rem;color:var(--text-primary);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.625rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.reply textarea:focus,.reply-form textarea:focus{border-color:var(--primary);outline:none}.reply textarea::placeholder,.reply-form textarea::placeholder{color:var(--text-muted)}.post-thread{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.post-thread h4{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.error-message{color:var(--danger);background:var(--danger-muted);border:1px solid var(--danger);border-radius:6px;margin:.5rem 0;padding:.5rem .75rem;font-size:.8rem}.success-message{color:var(--primary);background:var(--primary-muted);border:1px solid var(--primary);border-radius:6px;margin:.5rem 0;padding:.5rem .75rem;font-size:.8rem}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover)}form{width:100%}header form{width:auto;margin:0}textarea{background:var(--bg-dark);width:100%;min-height:4rem;color:var(--text-primary);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted);outline:none}textarea::placeholder{color:var(--text-muted)}textarea:disabled{opacity:.6;cursor:not-allowed}.theme-toggle{background:var(--bg-light);border:1px solid var(--border);cursor:pointer;min-width:4.5rem;height:2.25rem;color:var(--text-primary);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.theme-toggle:hover{background:var(--bg-medium);border-color:var(--primary);color:var(--primary)}.theme-toggle:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.auth-panels{flex-direction:column;gap:1rem}.post-footer{flex-wrap:wrap}.post-actions{justify-content:flex-start;width:100%;margin-top:.5rem;margin-left:0}}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-bottom:2rem}.site-header{background:var(--bg-medium);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1.5rem;display:flex}.site-logo{color:var(--primary);letter-spacing:-.025em;font-size:1.5rem;font-weight:700;text-decoration:none}.site-logo:hover{color:var(--primary-hover)}.header-nav{gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:6px;padding:.5rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s}.nav-link:hover{color:var(--primary);background:var(--primary-muted)}.header-right,.user-menu{align-items:center;gap:.75rem;display:flex}.user-greeting{color:var(--text-secondary);border-radius:6px;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;transition:all .15s}.user-greeting:hover{background:var(--bg-light);color:var(--text-primary)}.user-greeting strong{color:var(--primary)}.site-footer{background:var(--bg-medium);border-top:1px solid var(--border);margin-top:auto;padding:2rem}.footer-content{text-align:center;max-width:900px;margin:0 auto}.footer-copyright{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.footer-author{color:var(--text-muted);font-size:.85rem}.landing-page{max-width:1000px;margin:0 auto;padding:2rem 1rem}.hero-section{text-align:center;background:linear-gradient(135deg,var(--bg-medium)0%,var(--bg-light)100%);border:1px solid var(--border);border-radius:16px;margin-bottom:3rem;padding:4rem 2rem}.hero-content{max-width:600px;margin:0 auto}.hero-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.hero-highlight{color:var(--primary)}.hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.welcome-section{text-align:center;margin-bottom:2rem;padding:3rem 2rem}.welcome-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:600}.welcome-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.welcome-actions{justify-content:center;gap:1rem;display:flex}.featured-section{margin-top:2rem}.section-title{color:var(--text-primary);border-bottom:2px solid var(--primary);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:600;display:inline-block}.featured-posts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.featured-post-card{background:var(--bg-medium);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s}.featured-post-card:hover{border-color:var(--primary);transform:translateY(-2px)}.featured-post-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.featured-post-author{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.featured-post-author a{color:var(--primary)}.featured-post-excerpt{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.featured-post-meta{color:var(--text-muted);gap:1rem;font-size:.8rem;display:flex}.featured-cta{text-align:center;margin-top:2rem}.no-posts-message{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:2rem}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.posts-page-header{margin-bottom:2rem}.page-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:1rem}.profile-page{max-width:800px;margin:0 auto}.profile-header{background:var(--bg-medium);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.profile-info{flex:1}.profile-username{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.profile-badge{background:var(--primary-muted);color:var(--primary);border-radius:999px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.profile-joined{color:var(--text-muted);font-size:.9rem}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-medium);border:1px solid var(--border);text-align:center;border-radius:12px;padding:1.5rem}.stat-card.stat-highlight{border-color:var(--primary);background:var(--primary-muted)}.stat-value{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:.85rem}.profile-section{margin-bottom:2rem}.profile-posts,.profile-replies{flex-direction:column;gap:1rem;display:flex}.profile-post-card,.profile-reply-card{background:var(--bg-medium);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:border-color .2s}.profile-post-card:hover,.profile-reply-card:hover{border-color:var(--border-light)}.profile-post-title-link{color:inherit;text-decoration:none}.profile-post-title-link:hover .profile-post-title{color:var(--primary)}.profile-post-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;transition:color .2s}.profile-post-excerpt{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.profile-post-meta{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.profile-reply-text{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem;font-style:italic}.profile-reply-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.profile-reply-post-link{color:var(--primary);text-decoration:none}.profile-reply-post-link:hover{text-decoration:underline}.empty-message{text-align:center;color:var(--text-muted);background:var(--bg-light);border-radius:12px;padding:2rem}.profile-back{text-align:center;margin-top:2rem}.back-link{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--primary-hover)}.single-post{background:var(--bg-medium);border:1px solid var(--border);border-radius:12px;padding:2rem}.single-post-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1rem}.single-post-title{color:var(--text-primary);margin-bottom:.75rem;font-size:2rem;font-weight:700}.single-post-meta{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.single-post-meta a{color:var(--primary);text-decoration:none}.single-post-meta a:hover{text-decoration:underline}.meta-separator{color:var(--text-muted)}.single-post-content{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.single-post-content p{white-space:pre-wrap}.single-post-votes{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.single-post-replies h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.post-title-link{color:var(--text-primary);flex:1;text-decoration:none}.post-title-link:hover h3{color:var(--primary)}.post-title-link h3{margin:0;transition:color .2s}.section-divider{border:none;border-top:1px solid var(--border);margin:2rem 0}@media (max-width:768px){.site-header{flex-wrap:wrap;gap:1rem;padding:1rem}.header-nav{order:3;justify-content:center;width:100%}.hero-title{font-size:1.75rem}.profile-header{text-align:center;flex-direction:column}.profile-stats,.featured-posts{grid-template-columns:1fr}.single-post{padding:1.25rem}.single-post-title{font-size:1.5rem}}