body{background-color:#fff}h1{color:#1da1f2}.bi-twitter,.bi-twitter-x{color:#1da1f2}.btn-primary{background-color:#1da1f2;border-color:#1da1f2}.btn-primary:hover{background-color:#1da1f2;border-color:#1da1f2}.navbar{padding:10px 0}.btn-nav{background-color:#1da1f2;color:white;border:1px solid white}.btn-nav:hover,.btn-nav:focus{background-color:#0c85d0;color:white}.btn-nav.active{background-color:#0c85d0;color:white}.option-selector{display:flex;background-color:#f8f9fa;border-radius:50px;padding:4px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e9ecef}.option-btn{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:46px;font-weight:500;color:#6c757d;transition:all .3s ease;cursor:pointer;font-size:14px}.option-btn.active{background-color:#1da1f2;color:white;box-shadow:0 2px 8px rgba(29,161,242,.3)}.option-btn:hover:not(.active){color:#1da1f2;background-color:rgba(29,161,242,.1)}.profile-header{background-color:#f7f9fa;border-radius:15px;padding:0 0 20px 0;margin-bottom:20px;overflow:hidden}.profile-banner{width:100%;height:150px;object-fit:cover;margin-bottom:15px}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid white;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-top:-60px;margin-left:20px}.profile-name{font-weight:bold;font-size:1.5rem;margin-bottom:0}.profile-username{color:#657786;margin-bottom:10px}.profile-bio{margin-bottom:15px}.profile-stats{display:flex;gap:20px;margin-bottom:15px}.stat-item{display:flex;flex-direction:column}.stat-value{font-weight:bold}.tweet-card{border:1px solid #e1e8ed;border-radius:12px;padding:15px;margin-bottom:15px}.tweet-time{color:#657786;font-size:.9rem}.search-header{background-color:#f7f9fa;border-radius:15px;padding:20px;margin-bottom:20px}.user-card{background-color:#fff;transition:all .3s ease;border:1px solid #e1e8ed!important}.user-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.user-card img{border:2px solid #e1e8ed}.user-card .btn-sm{font-size:.8rem;padding:.375rem .75rem}.progress{width:100%;margin-bottom:0;height:4px}.progress-bar{width:0;transition:width .3s ease;background-color:#1da1f2}@media (max-width:768px){.user-card .col-md-3{text-align:center;margin-bottom:15px}.user-card .d-flex.flex-column{flex-direction:row!important;flex-wrap:wrap;gap:5px!important}.user-card .btn-sm{flex:1;min-width:80px}}.detailed-tweet-card{max-width:100%}.tweet-header-section{background-color:#f8f9fa}.tweet-content{font-size:1.1rem;line-height:1.6}.tweet-media{border-radius:12px;overflow:hidden}.gif-container{position:relative;display:inline-block;width:100%}.gif-video,.gif-video-small{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.gif-badge{z-index:10}.gif-badge .badge{font-size:.7rem;padding:.3rem .5rem;border-radius:4px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:15px}.media-grid-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}.grid-item,.grid-item-small{border:1px solid #e1e8ed;border-radius:12px;padding:10px;background-color:#fff}.grid-item-small{padding:8px}.media-item{border:1px solid #e1e8ed;border-radius:12px;padding:15px;background-color:#fff}.quoted-media-item{border:1px solid #e1e8ed;border-radius:8px;padding:8px;background-color:#fff}.media-item img,.media-item video,.quoted-media-item img,.quoted-media-item video{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quoted-tweet-section{border-left:4px solid #1da1f2!important;background-color:#f8f9fa!important;transition:all .3s ease}.quoted-tweet-section:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.quoted-tweet-media{max-height:250px;overflow:hidden}.btn-xs{font-size:.7rem;padding:.2rem .4rem}.video-download-options{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.video-download-options .btn-sm{font-size:.75rem;padding:.25rem .5rem}.tweet-stats-section{background-color:#fff}.stat-card{transition:all .3s ease;background-color:#f8f9fa}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tweet-metadata{font-size:.9rem}@media (max-width:768px){.detailed-tweet-card .row.text-center .col{margin-bottom:10px}.detailed-tweet-card .d-flex.gap-2{flex-direction:column}.detailed-tweet-card .d-flex.gap-2 .btn{width:100%}.media-grid{grid-template-columns:1fr;gap:10px}.media-grid-small{grid-template-columns:1fr;gap:8px}.video-download-options{flex-direction:column;align-items:flex-start}.video-download-options .btn-sm{width:100%;margin-bottom:5px}.quoted-tweet-section .d-flex.gap-2{flex-direction:column}.quoted-tweet-section .btn-sm{width:100%;margin-bottom:5px}.gif-badge .badge{font-size:.6rem;padding:.2rem .4rem}}.media-item-container{border:1px solid #e1e8ed;border-radius:8px;padding:10px;background-color:#fff;margin-bottom:10px;text-align:center}.media-item-container img,.media-item-container video{border-radius:6px;max-width:450px;display:block;margin:0 auto}.media-item-container .btn{font-size:.8rem}.tweet-download-buttons{border-top:1px solid #e1e8ed;padding-top:10px;margin-top:15px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tweet-download-buttons .btn{font-size:.8rem}@media (max-width:768px){.media-item-container{padding:8px}.media-item-container img,.media-item-container video{max-width:100%}.tweet-download-buttons{flex-direction:column}.tweet-download-buttons .btn{width:100%;font-size:.75rem}}.media-item-container video{background-color:#f8f9fa;position:relative}.media-item-container video[preload="none"]{cursor:pointer}.media-item-container video[preload="none"]:hover{opacity:.9;transition:opacity .3s ease}.media-item-container video[preload="none"]::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(0,0,0,.7);border-radius:50%;pointer-events:none;z-index:1}.media-item-container video[preload="none"]::after{content:'â–¶';position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);color:white;font-size:24px;pointer-events:none;z-index:2}.search-sub-options{margin-bottom:15px;margin-top:10px}.sub-option-selector{display:flex;background-color:#e9ecef;border-radius:25px;padding:3px;max-width:300px;margin:0 auto;box-shadow:0 1px 5px rgba(0,0,0,.1);border:1px solid #dee2e6}.sub-option-btn{flex:1;padding:8px 16px;border:none;background:transparent;border-radius:22px;font-weight:500;color:#6c757d;transition:all .3s ease;cursor:pointer;font-size:13px}.sub-option-btn.active{background-color:#1da1f2;color:white;box-shadow:0 1px 4px rgba(29,161,242,.3)}.sub-option-btn:hover:not(.active){color:#1da1f2;background-color:rgba(29,161,242,.1)}