.app{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.feed{margin-top:20px}.tweet{border:1px solid #ddd;padding:15px;border-radius:5px;margin-bottom:10px}button{border:none;background:none;color:#1da1f2;cursor:pointer;font-size:16px}button:focus{outline:none}:root{color:#182230;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app{width:min(100% - 2rem,680px);margin:0 auto;padding:3rem 0}.page-header{margin-bottom:1.5rem}.page-header h1{margin:.2rem 0 .5rem;font-size:clamp(2rem,8vw,3.5rem)}.page-header p{max-width:58ch;color:#536274}.page-header .eyebrow{margin:0;color:#0969a8;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.feed{overflow:hidden;border:1px solid #d7e0ea;border-radius:18px;background:#fff;box-shadow:0 18px 48px #1f364f14}.tweet{display:grid;grid-template-columns:44px 1fr;gap:.9rem;padding:1.1rem;border-bottom:1px solid #e6ebf1}.tweet:last-child{border-bottom:0}.avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#d9edff;color:#075985;font-weight:800}.tweet-content header{display:flex;gap:.4rem;color:#536274}.tweet-content strong{color:#182230}.tweet-content p{margin:.45rem 0 .8rem;line-height:1.55}.like-button{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;color:#607086;cursor:pointer}.like-button:hover,.like-button:focus-visible,.like-button.liked{color:#d1245c}.like-button:focus-visible{outline:3px solid rgba(9,105,168,.3);outline-offset:3px;border-radius:4px}