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