*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif}html,body{background:#fff;min-height:100%;margin:0}body{font-size:16px;line-height:1.5}a{color:#111}a:hover{color:#666}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #111}main{width:100%;max-width:640px;margin:0 auto;padding:32px 20px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:28px;line-height:1.2}h2{margin-bottom:16px;font-size:20px;line-height:1.3}.auth-main{max-width:440px}.page-header,.post-header,.post-actions,.auth-links,.compose-meta{align-items:center;display:flex}.page-header{justify-content:space-between;gap:16px;margin-bottom:32px}.page-header h1{margin-bottom:0}.stack{gap:16px;display:grid}.form-field{gap:6px;display:grid}.form-field label{font-weight:700}textarea{color:#111;resize:vertical;background:#fff;border:1px solid #999;border-radius:0;width:100%;min-height:110px;padding:9px 10px}textarea:disabled,button:disabled{cursor:not-allowed;color:#666;background:#f5f5f5}.button,button.button{color:#fff;cursor:pointer;background:#000;border:1px solid #111;border-radius:0;padding:9px 14px;text-decoration:none;display:inline-block}.button:hover,button.button:hover{color:#fff;background:#333}.button.secondary,button.button.secondary{color:#111;background:#fff}.button.secondary:hover,button.button.secondary:hover{color:#111;background:#f5f5f5}.button.danger,button.button.danger{color:#8a0000;background:#fff;border-color:#8a0000}.button.danger:hover,button.button.danger:hover{color:#8a0000;background:#f5f5f5}.error-message{color:#8a0000;margin:0}.success-message{color:#176b2c;margin:0}.auth-links{flex-wrap:wrap;gap:6px;margin-top:20px}.subtle,.post-time,.like-count{color:#666}.small{font-size:14px}.compose{border-bottom:1px solid #ddd;margin-bottom:32px;padding-bottom:24px}.compose-meta{justify-content:space-between;gap:16px;margin-bottom:8px}.compose-meta label{font-weight:700}.feed,.profile-posts{border-top:1px solid #ddd}.post{border-bottom:1px solid #ddd;padding:16px 0}.post-header{justify-content:space-between;gap:16px;margin-bottom:8px}.post-author{font-weight:700}.post-time{flex:none;font-size:14px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:12px}.post-actions{flex-wrap:wrap;gap:12px}.action-button{color:#111;cursor:pointer;background:#fff;border:1px solid #999;border-radius:0;padding:5px 9px}.action-button:hover{background:#f5f5f5}.action-button[aria-pressed=true]{color:#fff;background:#000;border-color:#111}.action-button.danger{color:#8a0000;border-color:#8a0000}.action-button.danger:hover{background:#f5f5f5}.post-error{color:#8a0000;margin:8px 0 0;font-size:14px}.empty-state,.loading-state{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:16px 0}.empty-state p,.loading-state p{margin-bottom:0}.back-link{margin-bottom:20px;display:inline-block}.profile-header{margin-bottom:32px}.profile-header h1{margin-bottom:8px}@media (max-width:480px){main{padding:24px 16px}.page-header,.post-header{flex-direction:column;align-items:flex-start}.post-time{order:2}}
