:root{--bg: #fdfaf4;--ink: #2c1d13;--accent: #7b3f00;--card: #fffdf8;--shadow: 0 4px 12px rgba(44,29,19,.25);--radius: 8px}html,body,#root{height:100%;margin:0;font-family:EB Garamond,serif;background:var(--bg);color:var(--ink);display:flex;justify-content:center;align-items:start;padding:40px}.app{max-width:700px;width:100%;text-align:center}.header{margin-bottom:24px}.title{font-family:UnifrakturCook,cursive;font-size:48px;margin:0}.card{background:var(--card);border:2px solid var(--accent);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.input,.textarea{width:100%;border:1px solid var(--accent);border-radius:4px;padding:8px;background:#fffef9;font-family:EB Garamond,serif;font-size:16px}.btn{margin-top:10px;background:var(--accent);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-family:EB Garamond,serif;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.tweet{text-align:left}.tweetHead{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.user{font-weight:700}.text{font-size:18px;margin-bottom:10px}.actions{display:flex;gap:8px}.actions button{background:none;border:1px solid var(--accent);border-radius:4px;padding:4px 8px;cursor:pointer;font-family:EB Garamond,serif}.actions button:hover{background:var(--accent);color:#fff}