*{box-sizing:border-box}:root{--bg:#f5f3ee;--surface:#fffdf8;--surface-dark:#191918;--text:#20201e;--muted:#77736a;--border:#dedbd2;--accent:#c68a2b;--accent-dark:#9c6818;--danger:#b43b32;--danger-bg:#fff1ef;--success:#39724d;--max-width:1050px;--reading-width:760px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.home{width:min(var(--max-width), 90%);margin:0 auto;padding:55px 0 80px}.home-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px;padding-bottom:28px;display:flex}.home-header h1{letter-spacing:-3px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,6vw,5rem);line-height:.95}.home-header p{color:var(--muted);letter-spacing:.3px;margin:14px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:.95rem}.auth-buttons{align-items:center;gap:10px;font-family:Arial,Helvetica,sans-serif;display:flex}.auth-buttons a,.auth-buttons button{border-radius:4px;padding:10px 15px;font-size:.85rem;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s}.auth-buttons button{font:inherit}.login-button{color:var(--text);border:1px solid var(--border);background:0 0}.login-button:hover{background:var(--surface);border-color:#bcb8ae}.register-button{color:#fff;background:var(--surface-dark);border:1px solid var(--surface-dark)}.register-button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.posts-list{flex-direction:column;display:flex}.post-card{border-bottom:1px solid var(--border);padding:34px 20px 34px 0;transition:padding-left .25s,background .25s;position:relative}.post-card:first-child{border-top:1px solid var(--border)}.post-card:hover{padding-left:15px}.post-card:before{content:"";background:var(--accent);width:3px;height:0;transition:height .25s;position:absolute;top:0;left:0}.post-card:hover:before{height:100%}.post-card h2{letter-spacing:-1px;max-width:760px;margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15}.post-author{color:var(--muted);margin:0 0 4px;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:700}.post-date{color:#9a968d;margin:0 0 18px;font-family:Arial,Helvetica,sans-serif;font-size:.75rem}.post-excerpt{color:#55524b;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:750px;margin:0 0 20px;font-size:1.02rem;line-height:1.7;display:-webkit-box;overflow:hidden}.read-more{color:var(--accent-dark);letter-spacing:.2px;align-items:center;gap:5px;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:800;transition:gap .2s,color .2s;display:inline-flex}.read-more:hover{color:var(--accent);gap:9px}.post-page{width:min(var(--reading-width), 90%);margin:0 auto;padding:65px 0 90px}.full-post{border-bottom:1px solid var(--border);padding-bottom:45px;position:relative}.full-post h1{letter-spacing:-2.5px;margin:0 0 20px;font-size:clamp(2.6rem,6vw,4.5rem);line-height:1.02}.post-meta{color:var(--muted);align-items:center;gap:15px;margin-bottom:35px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;display:flex}.post-meta span:first-child{color:#4d4a43;font-weight:700}.post-meta span+span:before{content:"•";color:var(--accent);margin-right:15px}.post-content{font-size:1.15rem;line-height:1.85}.post-content p{white-space:pre-wrap;margin:0}.delete-button{color:var(--danger);background:0 0;border:1px solid #d5aaa6;border-radius:4px;margin-top:25px;padding:8px 13px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:700;transition:background .2s,border-color .2s}.delete-button:hover{background:var(--danger-bg);border-color:var(--danger)}.full-post>div:last-child{margin-top:25px}.full-post>div:last-child a{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:700}.full-post>div:last-child a:hover{color:var(--accent-dark)}.comments{margin-top:45px}.comments h2{letter-spacing:-.5px;margin:0 0 25px;font-size:1.6rem}.comments-list{flex-direction:column;display:flex}.comment{border-bottom:1px solid var(--border);padding:22px 0}.comment:first-child{border-top:1px solid var(--border)}.comment-header{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:9px;display:flex}.comment-header strong{font-family:Arial,Helvetica,sans-serif;font-size:.83rem}.comment-header span{color:#99958c;font-family:Arial,Helvetica,sans-serif;font-size:.72rem}.comment p{color:#4f4c45;margin:0;font-size:.98rem;line-height:1.65}.comment .delete-button{margin-top:12px;padding:5px 9px;font-size:.7rem}.comment-form{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-top:35px;padding:25px}.comment-form h3{margin:0 0 18px;font-size:1.15rem}.comment-form textarea{border:1px solid var(--border);width:100%;min-height:130px;color:var(--text);resize:vertical;background:#faf9f5;border-radius:4px;padding:13px;font-family:Georgia,Times New Roman,serif;font-size:.98rem;line-height:1.6;display:block}.comment-form textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 2px #c68a2b1a}.comment-form button{border:1px solid var(--surface-dark);background:var(--surface-dark);color:#fff;border-radius:4px;margin-top:12px;padding:10px 17px;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:700;transition:background .2s,transform .2s}.comment-form button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.comment-form button:disabled{opacity:.55;cursor:not-allowed;transform:none}.create-post-page{width:min(800px,90%);margin:0 auto;padding:60px 0 90px}.create-post-card{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:42px;box-shadow:0 10px 35px #23201a0d}.create-post-card h1{letter-spacing:-1.5px;margin:0 0 8px;font-size:2.6rem}.create-post-card .auth-description{margin-bottom:35px}.create-post-form{flex-direction:column;gap:24px;display:flex}.create-post-form .form-group{flex-direction:column;gap:8px;display:flex}.create-post-form label{text-transform:uppercase;letter-spacing:.5px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:800}.create-post-form input,.create-post-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#faf9f5;border-radius:4px;padding:13px 14px;font-family:Georgia,Times New Roman,serif;font-size:1rem}.create-post-form input:focus,.create-post-form textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 2px #c68a2b1a}.create-post-form textarea{resize:vertical;min-height:300px;line-height:1.7}.auth-submit{border:1px solid var(--surface-dark);background:var(--surface-dark);color:#fff;border-radius:4px;padding:13px 18px;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:800;transition:background .2s,transform .2s}.auth-submit:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-page{width:min(500px,90%);margin:0 auto;padding:70px 0 90px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:42px;position:relative;box-shadow:0 10px 35px #23201a0d}.auth-card:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:35px;right:35px}.auth-card h1{letter-spacing:-1.5px;margin:0 0 8px;font-size:2.5rem}.auth-description{color:var(--muted);margin:0 0 30px;font-family:Arial,Helvetica,sans-serif;font-size:.88rem}.auth-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.4px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:800}.form-group input{border:1px solid var(--border);width:100%;color:var(--text);background:#faf9f5;border-radius:4px;padding:11px 12px;font-family:Arial,Helvetica,sans-serif;font-size:.92rem;transition:border-color .2s,background .2s}.form-group input:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 2px #c68a2b1a}.auth-switch{text-align:center;color:var(--muted);margin:25px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:.82rem}.auth-switch a{color:var(--accent-dark);font-weight:800}.auth-switch a:hover{color:var(--accent);text-decoration:underline}.form-error{border-left:3px solid var(--danger);background:var(--danger-bg);color:var(--danger);margin:0;padding:9px 11px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;line-height:1.4}.status-message{width:min(var(--max-width), 90%);color:var(--muted);text-align:center;margin:80px auto;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}.status-message.error{color:var(--danger)}@media (width<=700px){.home{padding-top:35px}.home-header{flex-direction:column;align-items:flex-start;margin-bottom:30px}.home-header h1{letter-spacing:-2px;font-size:3.3rem}.auth-buttons{width:100%}.auth-buttons a,.auth-buttons button{text-align:center;flex:1}.post-card{padding:27px 5px 27px 0}.post-card:hover{padding-left:10px}.post-page{padding-top:40px}.full-post h1{font-size:2.7rem}.post-meta{flex-direction:column;align-items:flex-start;gap:5px}.post-meta span+span:before{display:none}.comment-header{flex-direction:column;gap:4px}.create-post-card,.auth-card{padding:30px 24px}}@media (width<=550px){.home-header h1{font-size:2.8rem}.form-row{grid-template-columns:1fr}.auth-buttons{flex-wrap:wrap}.auth-buttons a,.auth-buttons button{flex:unset}.create-post-page,.auth-page{width:94%}.create-post-card,.auth-card{padding:28px 20px}.full-post h1{font-size:2.35rem}.post-content{font-size:1.05rem}.comment-form{padding:20px}}