.header{color:#fff;width:240px;margin:0 10px;font-size:1.5rem}nav ul li{margin-bottom:12px;margin-right:10px;list-style-type:none}nav ul li:last-child{margin-right:0}nav ul li a{color:#fff;text-decoration:none}nav ul li span{margin-right:10px}nav ul li button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:5px 10px}nav ul li button:hover{background-color:#0056b3}.user-info{background-color:#000;align-items:center;padding:10px;display:flex;position:fixed;bottom:0}.user-info button{background-color:#fff}.full_name{color:#fff;font-size:1.2rem}.username{color:#919191;margin-right:10px;font-size:1rem}.profile_picture{border-radius:50%;width:50px;height:50px;margin-right:10px}.none{color:#919191}.post{width:100%;padding:10px 20px}.logout{font-size:small}.logout-modal{font-size:small;display:flex;position:fixed;bottom:90px}.logout-modal-content{text-align:center;background-color:#000;border:1px solid;border-radius:40px;flex:1;margin:auto;padding:0 20px}.logoutButton{background-color:#000}.user-info-text{flex-direction:column;align-items:flex-start;gap:5px;display:flex}a{color:#fff;text-decoration:none}@media (width<=768px){.header-container{justify-content:space-between;align-items:center;font-size:40px;display:flex}.header-container a{align-items:center;margin:0 10px;display:flex}.header-container .logo{color:#fff}.profile_picture{width:40px;height:40px;margin:0;padding-top:0}.mobile-menu img{margin:0;padding:8px 0}.header{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#00000080;width:100%;margin:0;padding:4px 10px;transition:transform .3s;position:fixed;top:0;left:0}.header-hidden{transform:translateY(-100%)}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;font-size:2rem;display:block}nav{background-color:#000;flex-direction:column;align-items:flex-start;width:100%;display:none;position:absolute;top:0;left:0}nav.visible{display:flex}.post{width:auto}.user-info{background-color:#000;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;position:fixed;bottom:0}.logout-modal{bottom:120px}.header-spacer{flex-shrink:0;width:40px}.menu{cursor:pointer;background-color:#000;border:none;border-radius:50px;align-items:center;padding:0;display:flex}.menu:hover{background-color:#000}.mobile-menu-backdrop{z-index:998;cursor:default;background:0 0;position:fixed;inset:0}.mobile-menu{z-index:999;box-sizing:border-box;background-color:#000;flex-direction:column;justify-content:space-between;align-items:flex-start;width:240px;height:100svh;padding:16px 14px;font-size:16px;display:flex;position:fixed;top:0;left:0}.mobile-menu ul{flex-direction:column;flex:1;width:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex}.mobile-menu ul li{margin-bottom:0}.mobile-menu ul li a{width:100%;padding:4px 0;text-decoration:none;display:block}.user-info{background-color:#000;align-items:center;padding:10px;display:flex;position:relative;bottom:0}.user-info-text{flex-direction:column;align-items:flex-start;gap:5px;display:flex}}.connection-container{background-color:#000;border-color:#2f3336;border-bottom-style:solid;border-bottom-width:.1px;flex-direction:row;margin-top:20px;display:flex}.layout{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;overflow:hidden}.layout-container{flex-direction:row;flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;display:flex;overflow-y:auto}.left-panel,.right-panel{padding:0 20px;overflow-y:auto}@media (width<=768px){.left-panel,.right-panel{padding:0}}.left-panel{flex:1;min-width:0}.right-panel{flex-shrink:0;width:320px;min-width:0;overflow:hidden}.right-panel.right-panel-expanded{width:auto}@media (width<=768px){.layout-container{flex-direction:column}.right-panel{background-color:#0000}.header-spacer-fixed{flex-shrink:0;height:56px;transition:height .3s}.header-spacer-hidden{height:0}.footer-spacer-fixed{flex-shrink:0;height:56px;transition:height .3s}.footer-spacer-hidden{height:0}}.login-container{background-color:#000;flex-direction:row;justify-content:center;align-items:center;display:flex}.login-form{border:.1px solid #2f3336;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:300px;height:300px;padding:15px;display:flex}.login-form input{border:.1px solid #000;border-radius:5px;width:100%;margin:10px 0;padding:10px}.login-logo{color:#fff;width:100px;height:100px;padding:20px;font-size:300px}.suggestions-container{max-height:150px;width:calc(20px 20px);z-index:1000;background-color:#3a3a3a;border:1px solid #ccc;border-radius:5px;position:absolute;overflow-y:auto}.login-top-text{color:#fff;text-align:center;background-color:#3a3a3a;border:.1px solid #000;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px;padding:10px;font-size:20px;display:flex;position:fixed;top:0}.login-top-text-2{color:#fff;text-align:center;background-color:#151515;border:.1px solid #000;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px;padding:10px;font-size:20px;display:flex;position:fixed;top:100px}@media (width<=768px){.login-container{flex-direction:column;padding:10px}.login-logo{width:auto;height:auto;margin:0;padding:0;font-size:80px}.login-form{width:100%;padding:15px}.login-top-text,.login-top-text-2{margin:auto;padding:auto;font-size:10px}.login-top-text-2{top:80px}.suggestions-container{width:calc(100% - 20px)}}.signup-container{background-color:#000;flex-direction:row;justify-content:center;align-items:center;display:flex}.signup-form{border:.1px solid #2f3336;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:300px;height:300px;padding:15px;display:flex}.signup-form input{border:.1px solid #000;border-radius:5px;width:100%;margin:10px 0;padding:10px}.signup-logo{color:#fff;width:100px;height:100px;padding:20px;font-size:300px}.signup-form h2{margin:0}@media (width<=768px){.signup-container{flex-direction:column;padding:10px}.signup-logo{width:auto;height:auto;font-size:80px}.signup-form{width:100%;padding:15px}}.home{background-color:#000;border:.1px solid #2f3336}.profile-picture{background-color:#222;border-radius:50%;flex-shrink:0;width:50px;height:50px;margin-right:10px}.tweet-actions button{cursor:pointer;cursor:pointer;background-color:#000;border:none;border-radius:20px;padding:5px 10px}@media (width<=768px){.tweet-item{padding:10px}.profile-picture{width:40px;height:40px}}.create-tweet-header{justify-content:space-between;align-items:center;margin:0 10px;display:flex}textarea{box-sizing:border-box;color:#fff;background-color:#000;border:none;width:100%;padding:5px;font-size:16px}input{box-sizing:border-box;color:#fff;background-color:#000;border:none;padding:5px;font-size:16px}.create-tweet-body{background-color:#000;border-top:.1px solid #2f3336;align-items:center;padding:16px;display:flex}.create-tweet-body textarea{resize:none;flex-grow:1;width:400px}img{border-radius:50%;width:50px;height:50px;margin-right:10px}.create-tweet button:not(.image-upload-label){color:#fff;cursor:pointer;background-color:#1da1f2;border:none;border-radius:20px;padding:8px 16px}button:hover{background-color:#0d8bd4}.create-tweet p{color:#fff;margin-top:16px}.create-tweet-footer{border-bottom:.1px solid #2f3336;justify-content:space-between;align-items:center;margin:0 10px;display:flex}.suggestions-box{z-index:1000;background-color:#1e1e1e;border:1px solid #ccc;border-radius:5px;max-height:80px;padding:10px;list-style-type:none;position:absolute;overflow-y:auto}.suggestions-box ul{margin:0;padding:0}.suggestions-box li{cursor:pointer;padding:8px}.suggestions-box li:hover{background-color:#121212}.image-upload-label{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:50%;padding:4px 8px;font-size:20px;transition:background-color .2s}.image-upload-label:hover{background-color:#0000}.image-preview-container{margin-top:10px;display:inline-block;position:relative}.image-preview{object-fit:cover;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:300px;display:block}.remove-image{color:#fff;cursor:pointer;text-align:center;background-color:#000000b3;border:none;border-radius:50%;width:24px;height:24px;padding:0;font-size:12px;line-height:24px;position:absolute;top:6px;right:6px}.remove-image:hover{background-color:#fff3}@media (width<=768px){.create-tweet-body img{width:40px;height:40px}.create-tweet-body textarea{resize:none;flex-grow:1;width:200px}.create-tweet-footer{margin:0 4px}.image-upload-label{padding:2px 4px;font-size:14px}.create-tweet button:not(.image-upload-label){padding:5px 10px;font-size:.8em;font-weight:400}.create-tweet-header h4{font-size:.8em;font-weight:400}}.gif-picker{z-index:1000;background:#1e1e1e;border:1px solid #333;border-radius:12px;flex-direction:column;width:340px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 20px #0009}.gif-picker-header{border-bottom:1px solid #333;align-items:center;gap:8px;padding:10px 12px;display:flex}.gif-search-form{flex:1;gap:6px;display:flex}.gif-search-form input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:20px;outline:none;flex:1;padding:6px 12px;font-size:.85em}.gif-search-form input::placeholder{color:#888}.gif-search-form button{color:#fff;cursor:pointer;background:#1d9bf0;border:none;border-radius:20px;padding:6px 12px;font-size:.8em;font-weight:700}.gif-picker-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1em;line-height:1}.gif-picker-close:hover{color:#fff}.gif-grid{grid-template-columns:repeat(3,1fr);gap:4px;max-height:260px;padding:8px;display:grid;overflow-y:auto}.gif-grid img{object-fit:cover;cursor:pointer;border-radius:6px;width:100%;height:80px;transition:opacity .15s}.gif-grid img:hover{opacity:.8}.gif-loading{text-align:center;color:#888;grid-column:1/-1;margin:0;padding:20px 0;font-size:.85em}.gif-attribution{text-align:center;background:linear-gradient(90deg,#0f9,#0cf,#93f,#f69);-webkit-text-fill-color:transparent;letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;border-top:1px solid #2f3336;padding:7px;font-size:.78em;font-weight:700}.message-list-container{height:100%;display:flex;overflow:hidden}.user-list{background-color:#000;border:.1px solid #2f3336;width:250px;padding:0 20px;overflow-y:auto}.user-list ul{margin:0;padding:10px 0;list-style-type:none}.user-list li{cursor:pointer;margin-bottom:10px;padding:5px}.user-list ul li.selected{background-color:#212020}.message-content-container{background-color:#000;border:.1px solid #2f3336;flex-direction:column;flex:1;display:flex}.message-content{flex-direction:column-reverse;flex:1;padding:0 10px;display:flex;overflow-y:auto}.message-content ul{margin:0;padding:0;list-style-type:none}.message-content ul li{cursor:pointer}.message-box,.message{color:#fff;margin-bottom:10px;padding:10px}.message{border:1px solid #ccc}.message-container{justify-content:space-between;display:flex}.user-left{text-align:left}.user-right{text-align:right}.user-left .message{background-color:#515151;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;align-self:flex-start}.user-right .message{background-color:#1d9bf0;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;align-self:flex-end}.message-container span{font-size:xx-small}.username{color:gray}.empty-state{text-align:center;color:#888;flex-direction:column;align-items:center;gap:10px;margin:auto;padding:20px;display:flex}.empty-state-icon{font-size:48px}.empty-state h3{color:#fff;margin:0;font-size:1.2em}.empty-state p{margin:0;font-size:.9em}.message-input-container{background-color:#000;border-color:#2f3336;border-top-style:solid;border-top-width:.1px;justify-content:space-between;align-items:center;padding:10px;display:flex}.message-input{color:#fff;background-color:#000;border:none;flex:1;padding:10px}.send-button-container{cursor:pointer;padding:0 10px}.message-input .suggestions-box{z-index:1000;background-color:#3a3a3a;border:1px solid #ccc;border-radius:5px;width:calc(100% - 20px);max-height:150px;display:none;position:absolute;overflow-y:auto}.suggestion-item{cursor:pointer;padding:8px}.suggestion-item:hover{background-color:#696969}.message-input input:hover+.suggestions-box{display:block}@media screen and (width<=768px){.message-list-container{flex-direction:column}.user-list{width:100%}.message-content-container{border-top:.1px solid #000;position:absolute;inset:90px 0 60px}.user-list{margin:0;padding:0}.message-input-container .suggestions-box{z-index:1000;border-radius:5px;flex-direction:column;max-height:150px;display:flex;bottom:0;overflow-y:auto}.message-content-container .back-button{padding:10px}.back-button{color:#fff;justify-content:left;align-items:left;background-color:#000;flex-direction:column;text-decoration:none;display:flex}.back-button:hover{background-color:#696969}}.compose-message-container{margin:0 auto}.message-form{margin-top:20px}.message-form textarea{resize:none;background-color:#000;border:none;margin-bottom:10px;padding:10px}.message-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:10px 20px}.message-form button:hover{background-color:#0056b3}.connection-button button{color:#000;cursor:pointer;background-color:#fff;border:none;margin-right:10px;padding:10px 20px;font-size:15px}.tweet-list-container{color:#fff;max-width:600px;margin:0 auto}h1{text-align:center}.tweet-list-container ul{padding:0;list-style-type:none}.retweet-label{color:#888;align-items:center;gap:4px;margin-bottom:6px;font-size:.78em;display:flex}.tweet-item{border-bottom:1px solid #333;flex-direction:column;padding:20px;display:flex}.tweet-item-body{align-items:flex-start;display:flex}.profile-picture{border-radius:50%;width:50px;height:50px;margin-right:10px}.tweet-details{flex:1}.tweet-info{color:#888;justify-content:space-between;margin-bottom:5px;font-size:.9em;display:flex}.tweet-user{font-weight:700}.tweet-content{margin-bottom:10px;font-size:1em}.tweet-actions{color:#888;justify-content:space-between;align-items:center;display:flex}.tweet-actions button{cursor:pointer;background-color:#000;border:none;border-radius:20px;padding:5px 10px}.tweet-actions button:hover{background-color:#0d8bd4}.tweet-image{aspect-ratio:16/9;object-fit:cover;cursor:pointer;background-color:#111;border-radius:12px;width:100%;height:auto;margin-top:10px;display:block}.image-overlay-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-overlay{background:#000;border-radius:12px;width:90vw;height:90vh;display:flex;overflow:hidden}.image-overlay-left{background:#111;justify-content:center;align-items:center;width:80%;height:100%;display:flex;overflow:hidden}.image-overlay-left img{object-fit:contain;border-radius:0;width:100%;height:100%}.image-overlay-right{color:#fff;border-left:1px solid #333;flex-direction:column;gap:12px;width:20%;min-width:240px;padding:20px;display:flex;position:relative;overflow-y:auto}.overlay-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 8px;font-size:18px;position:absolute;top:12px;right:12px}.overlay-close:hover{background:#ffffff1a}.overlay-user-info{align-items:center;gap:10px;margin-top:30px;display:flex}.overlay-user-info .tweet-user{font-weight:700;display:block}.overlay-user-info .tweet-username{color:#888;font-size:.85em;display:block}.overlay-content{margin:0;font-size:1em;line-height:1.5}.overlay-date{color:#888;font-size:.8em}.overlay-actions{color:#888;border-top:1px solid #333;align-items:center;gap:12px;padding-top:12px;display:flex}.overlay-actions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #333;border-radius:20px;padding:5px 12px}.overlay-actions button:hover{background:#1da1f2;border-color:#1da1f2}@media (width<=768px){.tweet-item{padding:10px}.profile-picture{width:40px;height:40px}}.overlay-comments{border-top:1px solid #333;flex-direction:column;gap:12px;padding-top:12px;display:flex}.overlay-comment-form{align-items:flex-start;gap:8px;display:flex}.overlay-comment-form textarea{color:#fff;resize:none;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #333;outline:none;width:100%;padding:4px 0;font-size:.85em}.overlay-comment-form button[type=submit]{color:#fff;cursor:pointer;white-space:nowrap;background:#1d9bf0;border:none;border-radius:20px;align-self:flex-end;padding:5px 12px;font-size:.8em;font-weight:700}.overlay-comment-form button[type=submit]:disabled{opacity:.4;cursor:default}.overlay-comment-form .suggestions-box{z-index:10;background:#1e1e1e;border:1px solid #333;border-radius:8px;width:100%;max-height:160px;position:absolute;overflow-y:auto}.overlay-comment-form .suggestions-box ul{margin:0;padding:4px 0;list-style:none}.overlay-comment-form .suggestions-box li{cursor:pointer;color:#e7e9ea;padding:8px 12px;font-size:.85em}.overlay-comment-form .suggestions-box li:hover{background:#2a2a2a}.overlay-comment-item{align-items:flex-start;gap:8px;display:flex}.overlay-comment-body{flex:1;min-width:0}.overlay-comment-header{align-items:center;gap:6px;margin-bottom:2px;font-size:.82em;display:flex}.overlay-comment-content{color:#e7e9ea;word-break:break-word;margin:0 0 4px;font-size:.88em}.overlay-comment-like{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.78em;display:flex}.profile{border:.1px solid #2f3336}.profile-header-info img{border-radius:50%;width:150px;height:150px;margin:-85px -50px 10px 10px}.profile-header{background-color:#000;border-color:#2f3336;flex-direction:row;justify-content:left;align-items:center;padding-left:10px;display:flex}.profile-header-info{background-color:#000;border-color:#2f3336;border-bottom-style:solid;border-bottom-width:.1px;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;display:flex}h2{margin-left:10px}.profile-background img{object-fit:cover;border-radius:0;width:100%;height:200px}.back-button{color:#fff;text-decoration:none}.profile-info{flex-direction:column;padding-left:10px;display:flex}.settings-container{background-color:#000;border:.1px solid #2f3336;display:flex}.settings-menu{background-color:#000;border:.1px solid #2f3336;padding:50px}.settings-menu ul{padding:0;list-style-type:none}.settings-menu li{cursor:pointer;margin:10px 0}.settings-menu li:hover{text-decoration:underline}.settings-form{flex:1;padding:20px}.settings-form input{width:100%;max-width:400px;margin:10px 0;padding:8px;display:block}.settings-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;margin-top:10px;padding:10px 20px}.settings-form button:hover{background-color:#0056b3}.message{margin-top:10px}.selected,.unselected{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.arrow{cursor:pointer}.settings-menu h2{padding:0}@media screen and (width<=768px){.settings-container{flex-direction:column}.settings-menu{border-bottom:1px solid #ccc;border-right:none;padding:10px}.settings-form{padding:10px}.settings-form input{padding:8px}.settings-form button{padding:10px 20px}.settings-menu ul{margin:auto;padding:0}.settings-menu li{margin:0}.settings-menu li:hover{text-decoration:none}}.status-page{color:#fff;max-width:600px;margin:0 auto}.status-header{z-index:10;background:#000;border-bottom:1px solid #333;align-items:center;gap:20px;padding:12px 16px;display:flex;position:sticky;top:0}.status-header h2{margin:0;font-size:1.1em}.status-back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 8px;font-size:1.2em}.status-back:hover{background:#ffffff1a}.status-comments{border-top:1px solid #333;padding:20px 16px}.comments-placeholder{color:#888;text-align:center;font-size:.9em}.comment-form{border-bottom:1px solid #333;align-items:flex-start;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex;position:relative}.comment-form textarea{color:#fff;resize:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding-top:8px;font-size:1em}.comment-form .suggestions-box{z-index:1000;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;width:100%;max-height:180px;padding:4px 0;position:absolute;overflow-y:auto}.comment-form .suggestions-box ul{margin:0;padding:0;list-style:none}.comment-form .suggestions-box li{cursor:pointer;color:#e7e9ea;padding:10px 14px;font-size:.9em}.comment-form .suggestions-box li:hover{background-color:#2a2a2a}.comment-form button{color:#fff;cursor:pointer;background:#1d9bf0;border:none;border-radius:20px;align-self:flex-end;padding:6px 16px;font-weight:700}.comment-form button:disabled{opacity:.5;cursor:default}.comment-item{border-bottom:1px solid #333;gap:12px;padding:12px 0;display:flex}.comment-body{flex:1;min-width:0}.comment-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-content{color:#e7e9ea;word-break:break-word;margin:0 0 8px}.comment-actions{gap:16px;display:flex}.comment-actions button{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.85em;display:flex}.comment-actions button:hover{color:#e0245e}.page-container{color:#fff;max-width:600px;margin:0 auto}.page-header{z-index:10;background:#000;border-bottom:1px solid #333;align-items:center;gap:20px;padding:12px 16px;display:flex;position:sticky;top:0}.page-header h2{color:#fff;margin:0;font-size:1.1em}.page-header-back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 8px;font-size:1.2em}.page-header-back:hover{background:#ffffff1a}.coming-soon-body{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.coming-soon-icon{font-size:56px}.coming-soon-body h3{color:#fff;margin:0;font-size:1.4em}.coming-soon-body p{color:#888;margin:0;font-size:.95em}.notifications-body{flex-direction:column;display:flex}.notification-item{cursor:pointer;border-bottom:1px solid #2f3336;justify-content:space-between;align-items:center;padding:12px;display:flex}.notification-unread{background-color:#1d9bf014}.notification-link{color:#1d9bf0;font-size:.9em;text-decoration:none}.notifications-empty{color:#71767b;padding:16px}.bookmarks-body{flex-direction:column;display:flex}.bookmark-item{border-bottom:1px solid #2f3336;padding:12px}.bookmark-image{border-radius:12px;max-width:100%;margin-top:8px}.bookmarks-empty{color:#71767b;padding:16px}.explore-body{flex-direction:column;display:flex}.explore-tweet{border-bottom:1px solid #2f3336;padding:12px}.explore-stats{color:#71767b;font-size:.85em}.explore-empty{color:#71767b;padding:16px}.lists-body{padding:16px}.lists-create{gap:8px;margin-bottom:16px;display:flex}.list-item{cursor:pointer;border-bottom:1px solid #2f3336;justify-content:space-between;padding:10px;display:flex}.list-members{border-top:1px solid #2f3336;margin-top:16px;padding:12px}.lists-empty{color:#71767b}.footer-buttons button svg{color:#fff}@media (width<=768px){.footer-buttons{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#00000080;justify-content:space-around;align-items:center;width:100%;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -1px 4px #0000001a}.footer-faded .footer-buttons{opacity:.25}.footer-buttons button{cursor:pointer;color:#000;background:0 0;border:none;outline:none;flex-grow:1;justify-content:center;align-items:center;padding:12px 0;font-size:1.3rem;display:flex}.footer-buttons button:hover{color:#007bff}.footer-content{background-color:#f2f2f2;border-top:1px solid #ddd;justify-content:space-between;align-items:center;padding:10px;display:flex}.footer-content .search-input{flex:1;margin-right:10px}.footer-content .suggestion{flex:1}.footer{flex-direction:column;justify-content:center;align-items:center;display:flex;bottom:0}}.search-container{padding-top:10px}.suggestions-list{z-index:1000;background:#434343;border:1px solid #ccc;width:100%;max-height:150px;margin:0;padding:0;list-style-type:none;position:absolute;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.suggestions-list li{cursor:pointer;padding:8px}.suggestions-list li.highlighted{background-color:#f0f0f0}.search-container input{background-color:#272727;border:none;border-radius:30px;width:100%;padding:8px;font-size:16px}.trending{background-color:#000;border:.1px solid #2f3336;border-radius:20px;width:95%;margin-top:20px;padding:15px}.trending-title{color:#fff;margin:0 0 12px;font-size:x-large;font-weight:700}.trend-item{cursor:pointer;border-bottom:1px solid #111;flex-direction:column;gap:2px;padding:10px 0;display:flex}.trend-item:last-child{border-bottom:none}.trend-item:hover{background:#ffffff08;border-radius:8px}.trend-category{color:#555;font-size:.75em}.trend-topic{color:#fff;font-size:.95em;font-weight:700}.trend-posts{color:#555;font-size:.75em}.suggestions{background-color:#000;border:.1px solid #2f3336;border-radius:20px;width:95%;margin-top:20px;padding:15px}.suggestion-container{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.suggestion-info{flex-grow:1;min-width:0;overflow:hidden}.suggestion-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.suggestion-info p{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.suggestion-button{margin-left:20px}.title{font-size:x-large;font-weight:700}.suggestion Link{color:#fff;text-decoration:none}img{border-radius:50%;width:50px;height:50px}.profile-image{align-items:center;display:flex}.legal-footer{border-top:1px solid #333;max-width:600px;margin:0 auto;padding:16px 0 24px}.legal-links{flex-wrap:wrap;gap:4px 8px;display:flex}.legal-links a{color:#555;font-size:.78em;text-decoration:none}.legal-links a:hover{color:#888;text-decoration:underline}.legal-copy{color:#555;margin:8px 0 0;font-size:.78em}.cb-overlay{z-index:9999;pointer-events:none;justify-content:center;align-items:flex-end;padding:0 12px 12px;display:flex;position:fixed;inset:0}.cb-banner{pointer-events:all;background:#000;border:1px solid #2f3336;border-radius:16px;width:100%;max-width:400px;padding:20px;animation:.25s cb-slide-up;box-shadow:0 0 0 1px #2f3336,0 8px 32px #000000b3}@keyframes cb-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cb-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cb-logo{color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:900;line-height:1;display:flex}.cb-title{color:#e7e9ea;margin:0;font-size:1rem;font-weight:700}.cb-subtitle{color:#71767b;margin:2px 0 0;font-size:.82rem}.cb-notice{color:#71767b;margin:0 0 14px;font-size:.88rem;line-height:1.5}.cb-notice strong{color:#e7e9ea}.cb-notice a{color:#1d9bf0;text-decoration:none}.cb-notice a:hover{text-decoration:underline}.cb-notice code{color:#1d9bf0;background:#16181c;border:1px solid #2f3336;border-radius:4px;padding:1px 5px;font-family:Courier New,monospace;font-size:.82rem}.cb-divider{border:none;border-top:1px solid #2f3336;margin:0 0 14px}.cb-stack-label{color:#71767b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.75rem;font-weight:700}.cb-badges{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.cb-badge{border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.cb-badge-giphy{font-weight:700;background:linear-gradient(90deg,#0f9,#0cf,#93f,#f69)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;border-color:#93f8!important}.cb-btn{color:#fff;cursor:pointer;background:#1d9bf0;border:none;border-radius:999px;width:100%;padding:10px;font-size:.95rem;font-weight:700;transition:background .15s}.cb-btn:hover{background:#1a8cd8;border-color:#0000}@media (width<=480px){.cb-banner{border-bottom:none;border-radius:16px 16px 0 0}.cb-overlay{padding:0}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-color:transparent transparent;background-color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root::-webkit-scrollbar{background:0 0;width:0}html{height:-webkit-fill-available}html.fixed{max-height:100svh;overflow:hidden}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:var(--background-color);color:var(--color);min-height:100vh;justify-content:center;align-items:center;min-height:-webkit-fill-available;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;color:#fff;background-color:#1d9bf0;border:1px solid #0000;border-radius:100px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}