
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background: #f5f8fa; color: #14171a; }
    a { color: #1da1f2; text-decoration: none; }
    a:hover { text-decoration: underline; }
    .nav { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e6ecf0; display: flex; flex-wrap: wrap; gap: 15px; }
    .nav a { font-weight: bold; }
    .profile-header { text-align: center; margin-bottom: 30px; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); position: relative; }
    .profile-header img.avatar { border-radius: 50%; width: 120px; height: 120px; border: 4px solid #fff; margin-top: -60px; background: #fff; position: relative; z-index: 1; object-fit: cover; }
    .profile-header img.header { width: 100%; height: 200px; object-fit: cover; border-radius: 10px 10px 0 0; position: absolute; top: 0; left: 0; }
    .profile-content { padding-top: 150px; position: relative; z-index: 1; }
    .card { background: #fff; padding: 15px; margin-bottom: 15px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); word-wrap: break-word; }
    .tweet-meta { font-size: 0.9em; color: #657786; margin-bottom: 8px; }
    .tweet-text { white-space: pre-wrap; font-size: 1.1em; margin-bottom: 10px; line-height: 1.4; }
    .tweet-stats { font-size: 0.9em; color: #657786; border-top: 1px solid #e6ecf0; padding-top: 8px; margin-top: 10px; }
    .media-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
    .media-grid img, .media-grid video { max-width: 100%; max-height: 400px; border-radius: 8px; border: 1px solid #e6ecf0; object-fit: contain; }
    .pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
    .pagination a { padding: 8px 12px; background: #fff; border: 1px solid #1da1f2; border-radius: 5px; color: #1da1f2; font-weight: bold; }
    .pagination .active { background: #1da1f2; color: #fff; }
    .dm-message { margin-bottom: 15px; padding: 12px; border-radius: 12px; max-width: 80%; clear: both; }
    .dm-sent { background: #1da1f2; color: white; float: right; border-bottom-right-radius: 4px; }
    .dm-received { background: #e6ecf0; color: black; float: left; border-bottom-left-radius: 4px; }
    .dm-date { font-size: 0.8em; opacity: 0.8; display: block; margin-top: 5px; }
    .clearfix::after { content: ""; clear: both; display: table; }
    .highlight { border: 2px solid #1da1f2; background-color: #f0f8ff; box-shadow: 0 0 8px rgba(29,161,242,0.3); }
    