:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}#root{min-height:100vh}.page{min-height:100vh;padding:48px 20px}.threadnet{width:min(720px,100%);margin:0 auto}header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#6366f1;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.85rem;font-weight:700}h1{color:#111827;letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,7vw,4rem)}.post-form,.post{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0f172a0f}.post-form{gap:10px;padding:22px;display:grid}.post-form label{color:#374151;font-size:.9rem;font-weight:700}.post-form input,.post-form textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px}.post-form input[type=file]{padding:10px}.post-form textarea{resize:vertical}.post-form input:focus,.post-form textarea:focus{border-color:#6366f1;outline:3px solid #6366f129}.field-help{color:#6b7280;margin:-4px 0 2px;font-size:.8rem}.post-form button,.refresh-button,.error-popup button,.votes button{cursor:pointer;border:0;border-radius:9px;font-weight:700}.post-form button{color:#fff;background:#4f46e5;justify-self:start;margin-top:4px;padding:11px 22px}.post-form button:hover{background:#4338ca}.post-form button:disabled,.refresh-button:disabled{cursor:wait;opacity:.65}.refresh-button{color:#4338ca;background:#eef2ff;flex-shrink:0;padding:9px 14px}.refresh-button:hover{background:#e0e7ff}.error-popup{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:12px 14px;display:flex}.error-popup button{color:#991b1b;background:#fecaca;flex-shrink:0;padding:7px 11px}.error-popup button:hover{background:#fca5a5}.posts{gap:16px;margin-top:24px;display:grid}.empty{color:#6b7280;text-align:center;padding:30px}.post{padding:20px 22px}.post-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.post-heading strong{color:#111827}.post-heading time{color:#9ca3af;font-size:.8rem}.post h2{color:#111827;overflow-wrap:anywhere;margin:14px 0 8px;font-size:1.35rem;line-height:1.3}.post>p{overflow-wrap:anywhere;margin:8px 0 18px;line-height:1.65}.post-image{object-fit:contain;background:#f3f4f6;border-radius:12px;width:100%;max-height:520px;margin:16px 0 18px;display:block}.votes{gap:10px;display:flex}.votes button{color:#4338ca;background:#eef2ff;padding:8px 13px}.votes button:hover{background:#e0e7ff}@media (width<=520px){.page{padding:28px 14px}header{flex-direction:column;align-items:flex-start;gap:14px}.post-heading{flex-direction:column;align-items:flex-start;gap:4px}.error-popup{flex-direction:column;align-items:flex-start}}