*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{color:#222;background:#f5f5f5;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}main{width:min(900px,100% - 2rem);margin:0 auto;padding:2rem 0}.navbar{color:#fff;background:#111827;align-items:center;gap:1.25rem;padding:1rem max(1rem,50% - 450px);display:flex}.navbar a{font-weight:600;text-decoration:none}.navbar a:hover{text-decoration:underline}.nav-left,.nav-right{align-items:center;gap:1.25rem;display:flex}.nav-right{margin-left:auto}.navbar button{color:#fff;background:#374151;border:0;border-radius:6px;padding:.5rem .9rem}.navbar button:hover{background:#4b5563}.home-page h1{margin-top:0;margin-bottom:1.5rem}.post-list{gap:1.25rem;display:grid}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.post-card h2{margin-top:0;margin-bottom:.5rem}.post-card h2 a{text-decoration:none}.post-card h2 a:hover{text-decoration:underline}.post-card p{line-height:1.6}.post-meta{color:#6b7280;margin-top:0;font-size:.9rem}.post-page{gap:2rem;display:grid}.post-full{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:2rem;box-shadow:0 2px 8px #0000000d}.post-full h1{margin-top:0;margin-bottom:.5rem}.post-content{white-space:pre-wrap;margin-top:1.5rem;line-height:1.7}.comments-section h2{margin-bottom:1rem}.comment-list{gap:1rem;display:grid}.comment-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem}.comment-card p{line-height:1.5}.comment-form{gap:.75rem;margin-bottom:1.5rem;display:grid}.comment-form textarea{resize:vertical;border:1px solid #d1d5db;border-radius:6px;width:100%;min-height:100px;padding:.75rem}.comment-form button{color:#fff;background:#111827;border:0;border-radius:6px;justify-self:start;padding:.6rem 1rem}.comment-form button:hover{background:#374151}.auth-page{justify-content:center;align-items:flex-start;padding-top:3rem;display:flex}.auth-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:1rem;width:min(100%,420px);padding:2rem;display:grid;box-shadow:0 2px 8px #0000000d}.auth-form h1{margin:0 0 .5rem}.auth-form label{font-weight:600}.auth-form input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.7rem .8rem}.auth-form input:focus{outline-offset:2px;outline:2px solid #2563eb}.auth-form button{color:#fff;background:#111827;border:0;border-radius:6px;padding:.7rem 1rem;font-weight:600}.auth-form button:hover{background:#374151}