:root{--blue: #1DA1F2;--black: #14171A;--dark-gray: #657786;--light-gray: #AAB8C2;--extra-light-gray: #E1E8ED;--extra-extra-light-gray: #F5F8FA;--white: #FFFFFF;--hover-bg: rgba(29, 161, 242, .1);--error: #E0245E;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--left-sidebar-width: 275px;--main-content-width: 600px;--right-sidebar-width: 350px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}ul{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit}.text-blue{color:var(--blue)}.text-dark-gray{color:var(--dark-gray)}.bg-blue{background-color:var(--blue)}.font-bold{font-weight:700}.btn-primary{background-color:var(--blue);color:var(--white);border-radius:9999px;font-weight:700;padding:10px 20px;transition:background-color .2s}.btn-primary:hover{background-color:#1a91da}.btn-icon{border-radius:50%;padding:8px;transition:background-color .2s;color:var(--dark-gray);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:var(--hover-bg);color:var(--blue)}.avatar{border-radius:50%;object-fit:cover}.divider{height:1px;background-color:var(--extra-light-gray);margin:0}.page-error{color:var(--error);font-size:14px;padding:12px 16px;border-bottom:1px solid var(--extra-light-gray)}.page-message{color:#0f7a43;font-size:14px;padding:12px 16px;border-bottom:1px solid var(--extra-light-gray)}.app-loading{min-height:100vh;display:grid;place-items:center;font-weight:700}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--extra-light-gray);z-index:100;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom))}.mobile-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;color:var(--dark-gray)}.mobile-nav-item.active{color:var(--black)}@media(max-width:500px){.mobile-bottom-nav{display:block}}.left-sidebar{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:20px}.logo-container{padding:8px 0;display:flex;align-items:center}.logo-icon{width:50px;height:50px;margin-left:4px}.logo-icon:hover{background-color:var(--hover-bg)}.nav-menu{display:flex;flex-direction:column;margin-bottom:12px}.nav-item{display:flex;align-items:center;padding:4px 0;border-radius:9999px;transition:background-color .2s;width:fit-content}.nav-content{display:flex;align-items:center;padding:12px 24px 12px 12px;border-radius:9999px;transition:background-color .2s}.nav-item:hover .nav-content{background-color:#e7e7e8}.nav-item.active{font-weight:700}.nav-label{font-size:20px;margin-left:20px;margin-right:16px}.tweet-btn-large{width:90%;padding:15px 0;font-size:17px;min-height:52px;margin-top:16px;box-shadow:#00000014 0 8px 28px}.tweet-icon-mobile{display:none}.user-snippet{display:flex;align-items:center;padding:12px;border-radius:9999px;margin-top:auto;cursor:pointer;transition:background-color .2s}.user-snippet:hover{background-color:#e7e7e8}.snippet-avatar{width:40px;height:40px}.snippet-info{display:flex;flex-direction:column;margin-left:12px;flex-grow:1}.snippet-name,.snippet-handle{font-size:15px;line-height:20px}.snippet-more{margin-left:auto}.snippet-logout{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;width:32px;height:32px}.snippet-logout:hover{background-color:#0f141914}@media(max-width:760px){.left-sidebar{align-items:center}.nav-label,.snippet-info,.snippet-more,.tweet-label{display:none}.nav-content{padding:12px}.tweet-btn-large{width:52px;height:52px;padding:0;border-radius:50%}.tweet-icon-mobile{display:block}.user-snippet{padding:0;margin-top:10px}.snippet-avatar{width:36px;height:36px}}.right-sidebar{display:flex;flex-direction:column;gap:16px;padding-right:24px}.search-container{position:sticky;top:0;padding:4px 0 8px;background-color:var(--white);z-index:10}.search-results-panel{background-color:var(--white);border:1px solid var(--extra-light-gray);border-radius:14px;margin-top:8px;overflow:hidden;box-shadow:#0f14191f 0 8px 24px}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px}.search-result-btn{width:100%;text-align:left}.search-result-item+.search-result-item{border-top:1px solid var(--extra-light-gray)}.search-topic-item .follow-name{margin-bottom:2px}.search-box{display:flex;align-items:center;background-color:#eff3f4;border-radius:9999px;padding:12px 20px;border:1px solid transparent;transition:all .2s}.search-box:focus-within{background-color:var(--white);border-color:var(--blue)}.search-icon{color:var(--dark-gray);margin-right:12px}.search-box:focus-within .search-icon{color:var(--blue)}.search-input{background:transparent;border:none;outline:none;font-size:15px;width:100%}.sidebar-module{background-color:#f7f9f9;border-radius:16px;overflow:hidden}.module-title{font-size:20px;font-weight:800;padding:12px 16px;margin:0}.right-sidebar-error{color:var(--error);font-size:13px;padding:0 16px 10px}.hover-effect{cursor:pointer;transition:background-color .2s}.hover-effect:hover{background-color:#00000008}.trend-item{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.trend-header{display:flex;justify-content:space-between;align-items:center}.trend-category{font-size:13px;color:var(--dark-gray)}.trend-more{padding:4px}.trend-topic{font-size:15px;color:var(--black)}.trend-tweets{font-size:13px;color:var(--dark-gray)}.show-more{padding:16px;font-size:15px;color:var(--blue)}.follow-item{padding:12px 16px;display:flex;align-items:center;gap:12px}.follow-avatar{width:48px;height:48px}.follow-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.follow-name,.follow-handle{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-follow{background-color:var(--black);color:var(--white);border-radius:9999px;font-weight:700;font-size:14px;padding:0 16px;min-height:32px;transition:background-color .2s}.btn-follow:hover{background-color:#272c30}.btn-follow:disabled{opacity:.7}.sidebar-footer{padding:0 16px;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}.sidebar-footer-link{color:inherit;font-size:inherit}.sidebar-footer-link:hover{text-decoration:underline}.inline-icon{vertical-align:middle;margin-bottom:2px}.layout-container{display:flex;justify-content:center;min-height:100vh;margin:0 auto;max-width:1300px}.layout-left{width:var(--left-sidebar-width);display:flex;justify-content:flex-end}.left-sidebar-wrapper{width:var(--left-sidebar-width);position:fixed;top:0;height:100vh;display:flex;flex-direction:column;padding:0 12px}.layout-main{width:var(--main-content-width);min-height:100vh;border-left:1px solid var(--extra-light-gray);border-right:1px solid var(--extra-light-gray)}.layout-right{width:var(--right-sidebar-width);margin-left:30px}.right-sidebar-wrapper{width:var(--right-sidebar-width);position:fixed;top:0;height:100vh;padding-top:12px}.page-header{position:sticky;top:0;background-color:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--extra-light-gray);z-index:10;padding:0 16px;height:53px;display:flex;align-items:center}.page-header h2{font-size:20px;font-weight:700;margin:0}.verify-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--extra-light-gray);background-color:#fff7e8;font-size:14px}.verify-action{padding:6px 12px;border-radius:9999px;background-color:var(--blue);color:var(--white);font-weight:700;font-size:13px}.verify-action.secondary{background-color:#d1d9de;color:var(--black)}.verify-action:disabled{opacity:.7}.verify-message{padding:10px 16px;font-size:13px;color:var(--dark-gray);border-bottom:1px solid var(--extra-light-gray)}@media(max-width:1260px){.layout-right,.right-sidebar-wrapper{display:none}.layout-main{width:min(600px,calc(100vw - var(--left-sidebar-width)))}}@media(max-width:760px){.layout-container{justify-content:flex-start}.layout-left{width:80px}.left-sidebar-wrapper{width:80px;padding:0 8px}.layout-main{width:calc(100vw - 80px);border-right:none}}@media(max-width:540px){.layout-left,.left-sidebar-wrapper{width:72px}.layout-main{width:calc(100vw - 72px)}.verify-banner{flex-wrap:wrap}}@media(max-width:500px){.layout-left,.left-sidebar-wrapper{display:none}.layout-main{width:100vw;border-left:none;border-right:none;padding-bottom:60px}.page-header{padding:0 12px}.verify-banner{font-size:13px;padding:8px 12px}}.tweet{display:flex;padding:12px 16px;border-bottom:1px solid var(--extra-light-gray);cursor:pointer;transition:background-color .2s}.tweet:hover{background-color:#00000008}.tweet-left{margin-right:12px}.tweet-avatar{width:48px;height:48px}.tweet-avatar-link,.tweet-author-link{cursor:pointer}.tweet-right{flex-grow:1;min-width:0}.tweet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.tweet-author-info{display:flex;align-items:center;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tweet-name{color:var(--black);margin-right:4px}.verified-badge{background-color:var(--blue);color:var(--white);border-radius:50%;width:15px;height:15px;font-size:10px;display:flex;align-items:center;justify-content:center;margin-right:4px}.tweet-handle,.tweet-time{margin-right:4px}.tweet-dot{margin-right:4px;padding:0 2px}.hover-underline:hover{text-decoration:underline}.tweet-more{padding:4px;margin:-4px;color:var(--dark-gray)}.tweet-header-actions{display:flex;align-items:center;gap:8px}.tweet-delete-btn{border:1px solid var(--extra-light-gray);background:transparent;color:var(--dark-gray);border-radius:999px;font-size:12px;line-height:1;padding:5px 10px;cursor:pointer}.tweet-mini-btn{border:1px solid var(--extra-light-gray);background:transparent;color:var(--dark-gray);border-radius:999px;font-size:11px;line-height:1;padding:5px 8px;cursor:pointer}.tweet-mini-btn:hover{border-color:#1d9bf04d;color:var(--blue)}.tweet-delete-btn:hover{border-color:#f9188059;color:#f91880}.tweet-reply-context{font-size:13px;color:var(--dark-gray);margin-bottom:6px}.tweet-content{font-size:15px;line-height:20px;color:var(--black);margin-bottom:12px;word-wrap:break-word}.tweet-quote-card{border:1px solid var(--extra-light-gray);border-radius:12px;padding:10px;margin-bottom:12px}.tweet-quote-author{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px}.tweet-quote-avatar{width:20px;height:20px}.tweet-quote-name{font-weight:600;color:var(--black)}.tweet-quote-handle{color:var(--dark-gray)}.tweet-quote-content{color:var(--black);font-size:14px;line-height:18px}.tweet-media-grid{display:grid;gap:8px;margin-bottom:12px;border-radius:14px;overflow:hidden}.tweet-media-grid.media-count-1{grid-template-columns:1fr}.tweet-media-grid.media-count-2,.tweet-media-grid.media-count-3,.tweet-media-grid.media-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.tweet-media-item{min-height:160px;background-color:#f2f4f6}.tweet-media-el{width:100%;height:100%;object-fit:cover;display:block}.tweet-actions{display:flex;justify-content:space-between;max-width:425px;color:var(--dark-gray)}.tweet-action{display:flex;align-items:center;font-size:13px;cursor:pointer}.tweet-action.disabled{opacity:.5;cursor:not-allowed}.action-icon-wrapper{padding:8px;border-radius:50%;margin-left:-8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.action-count{padding:0 4px}.tweet-action.reply:hover{color:var(--blue)}.tweet-action.reply:hover .action-icon-wrapper{background-color:#1da1f21a}.tweet-action.retweet:hover,.tweet-action.retweet.active{color:#00ba7c}.tweet-action.retweet:hover .action-icon-wrapper,.tweet-action.retweet.active .action-icon-wrapper{background-color:#00ba7c1a}.tweet-action.like:hover,.tweet-action.like.active{color:#f91880}.tweet-action.like:hover .action-icon-wrapper,.tweet-action.like.active .action-icon-wrapper{background-color:#f918801a}.tweet-action.view:hover .action-icon-wrapper,.tweet-action.share:hover .action-icon-wrapper{background-color:#1da1f21a;color:var(--blue)}.tweet-action.bookmark.active{color:var(--blue)}.tweet-action.bookmark:hover .action-icon-wrapper,.tweet-action.bookmark.active .action-icon-wrapper{background-color:#1da1f21a;color:var(--blue)}@media(max-width:500px){.tweet{padding:10px 12px}.tweet-left{margin-right:10px}.tweet-avatar{width:40px;height:40px}.tweet-actions{max-width:100%}.tweet-media-item{min-height:120px}.tweet-header-actions{gap:4px}.tweet-delete-btn,.tweet-mini-btn{padding:4px 6px;font-size:11px}}.text-action-overlay{position:fixed;inset:0;background-color:#0f14198c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:120}.text-action-modal{width:min(100%,520px);background-color:var(--white);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.text-action-modal h3{margin:0;font-size:20px;font-weight:800}.text-action-label{display:flex;flex-direction:column;gap:6px;color:var(--dark-gray);font-size:14px}.text-action-input{border:1px solid #cfd9de;border-radius:10px;padding:10px 12px;min-height:108px;resize:vertical;font-size:15px;outline:none}.text-action-input:focus{border-color:var(--blue)}.text-action-counter{text-align:right;font-size:12px;color:var(--dark-gray)}.text-action-error{color:var(--error);font-size:13px}.text-action-buttons{display:flex;justify-content:flex-end;gap:10px}.text-action-cancel{border:1px solid #cfd9de;border-radius:999px;padding:8px 14px;font-weight:600}.text-action-cancel:hover{background-color:#0f141914}.text-action-submit{padding-inline:16px}.home-page{display:flex;flex-direction:column}.home-header{flex-direction:column;align-items:flex-start;height:106px;padding:0}.home-header h2{padding:12px 16px}.tabs{display:flex;width:100%;border-bottom:1px solid var(--extra-light-gray)}.tab{flex:1;display:flex;justify-content:center;align-items:center;height:53px;position:relative;color:var(--dark-gray);font-weight:700}.tab.active{color:var(--black)}.tab-indicator{position:absolute;bottom:0;width:56px;height:4px;background-color:var(--blue);border-radius:9999px}.compose-box{display:flex;padding:16px;gap:12px}.compose-avatar{width:40px;height:40px}.compose-content{flex-grow:1;display:flex;flex-direction:column}.compose-context-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--extra-light-gray);border-radius:999px;padding:6px 10px;margin-bottom:8px;color:var(--dark-gray);font-size:13px}.compose-context-clear{border:none;background:transparent;color:var(--blue);font-size:12px;font-weight:600;cursor:pointer}.compose-input{border:none;font-size:20px;outline:none;padding:12px 0;margin-bottom:12px;border-bottom:1px solid transparent}.compose-input:focus{border-bottom:1px solid var(--extra-light-gray)}.compose-media-input{display:none}.compose-media-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.compose-media-preview-item{position:relative;border-radius:12px;overflow:hidden;min-height:120px;background-color:#eef1f4}.compose-media-preview-el{width:100%;height:100%;object-fit:cover;display:block}.compose-remove-media{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background-color:#000000a6;color:var(--white);font-size:16px;line-height:0}.compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.action-icons{display:flex;gap:4px}.compose-icon{color:var(--blue)}.compose-icon.active{background-color:#1d9bf01f}.compose-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.compose-meta-pill{border:1px solid #cbe8fb;background-color:#f2f8fd;color:#0f72b5;border-radius:999px;padding:4px 10px;font-size:12px}.compose-post-controls{display:flex;align-items:center;gap:10px}.compose-count{font-size:12px;color:var(--dark-gray);min-width:52px;text-align:right}.compose-count.over{color:var(--error);font-weight:700}.emoji-picker{margin-top:10px;padding:8px;border:1px solid var(--extra-light-gray);border-radius:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:260px}.emoji-picker-item{border-radius:8px;padding:6px;font-size:20px}.emoji-picker-item:hover{background-color:var(--hover-bg)}.btn-tweet-small{padding:6px 16px;font-size:15px}.btn-tweet-small:disabled{opacity:.55}.feed-load-more{margin:12px auto 18px;display:block;border:1px solid #cfd9de;border-radius:999px;padding:8px 14px;font-weight:600;color:var(--blue)}.feed-load-more:hover{background-color:var(--hover-bg)}@media(max-width:500px){.compose-box{padding:12px;gap:10px}.compose-input{font-size:16px}.compose-avatar{width:36px;height:36px}.emoji-picker{max-width:100%;grid-template-columns:repeat(7,minmax(0,1fr))}.home-header{height:auto}.compose-actions{flex-wrap:wrap}}.explore-page{display:flex;flex-direction:column}.explore-header{padding:8px 16px;height:53px}.search-box-header{width:100%;background-color:#eff3f4;border-radius:9999px;padding:8px 16px;display:flex;align-items:center}.explore-search-panel{border-bottom:1px solid var(--extra-light-gray);display:flex;flex-direction:column}.explore-search-item{display:flex;align-items:center;gap:10px;padding:10px 16px;text-align:left}.explore-search-item+.explore-search-item{border-top:1px solid var(--extra-light-gray)}.explore-search-avatar{width:36px;height:36px}.explore-search-info{display:flex;flex-direction:column;gap:2px}.explore-search-empty{padding:12px 16px;font-size:14px}.hero-section{height:335px;background-color:var(--dark-gray);background-image:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.8) 100%),url(https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&fit=crop&q=80&w=1000);background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:16px;color:var(--white);cursor:pointer}.hero-category{font-size:13px;margin-bottom:4px}.hero-title{font-size:24px;font-weight:800;margin:0}.explore-section-title{font-size:20px;font-weight:800;padding:12px 16px;margin:0;border-bottom:1px solid var(--extra-light-gray)}@media(max-width:500px){.hero-section{height:220px}.hero-title{font-size:20px}.explore-header{padding:8px 12px}}.notifications-page{display:flex;flex-direction:column}.notifications-header{flex-direction:column;align-items:flex-start;height:106px;padding:0}.notifications-header h2{padding:12px 16px}.notifications-mark-read{align-self:flex-end;margin:12px 16px 0;border:1px solid #cfd9de;border-radius:999px;background-color:var(--white);color:var(--black);font-weight:600;padding:8px 14px}.notifications-mark-read:hover{background-color:#0f14190f}.notification-item{display:flex;padding:16px;border-bottom:1px solid var(--extra-light-gray);cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#00000008}.notification-item.unread{background-color:#1d9bf00f}.notification-item.unread:hover{background-color:#1d9bf01a}.notification-icon{width:40px;display:flex;justify-content:flex-end;margin-right:12px}.notification-content{flex-grow:1;display:flex;flex-direction:column}.notification-avatar{width:32px;height:32px;margin-bottom:8px}.notification-text{font-size:15px;margin-bottom:8px}.notification-time{font-size:13px;margin-bottom:8px}.notification-tweet-preview{font-size:15px;line-height:20px}.notification-unread-pill{margin-top:10px;align-self:flex-start;border-radius:999px;background-color:#1d9bf01f;color:var(--blue);font-size:12px;font-weight:700;padding:4px 10px}.messages-page{display:flex;flex-direction:column}.messages-header{justify-content:space-between}.message-search-container{padding:12px 16px;border-bottom:1px solid var(--extra-light-gray);position:relative}.message-composer-input.full-width{width:100%}.search-results-dropdown{position:absolute;top:100%;left:16px;right:16px;background:var(--white);border:1px solid var(--extra-light-gray);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.search-result-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-bottom:1px solid var(--extra-light-gray)}.search-result-item:last-child{border-bottom:none}.avatar-sm{width:32px;height:32px;margin-right:12px}.result-info{display:flex;flex-direction:column}.message-composer-input{border:1px solid var(--extra-light-gray);border-radius:10px;padding:10px;font-size:14px}.message-composer-input:focus{outline:none;border-color:var(--blue)}.message-send-btn{padding:8px 14px;font-size:14px}@media(max-width:800px){.message-composer{grid-template-columns:1fr}}.messages-list{display:flex;flex-direction:column}.message-item{display:flex;padding:16px;border-bottom:1px solid var(--extra-light-gray);cursor:pointer}.message-avatar{width:48px;height:48px;margin-right:12px}.message-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow:hidden}.message-header{display:flex;align-items:center;margin-bottom:4px}.message-name,.message-handle,.message-time{white-space:nowrap;margin-right:4px}.message-preview{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-detail{display:flex;flex-direction:column;height:100vh;background:var(--white);position:relative}.conversation-header{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--extra-light-gray);position:sticky;top:0;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.conversation-partner-info{display:flex;align-items:center;margin-left:20px;flex:1}.conversation-avatar-small{width:32px;height:32px;margin-right:12px}.messages-thread{flex-grow:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message-bubble-container{display:flex;max-width:80%;align-items:flex-end;gap:8px}.message-bubble-container.sent{align-self:flex-end;flex-direction:row-reverse}.message-bubble-container.received{align-self:flex-start}.message-bubble-avatar{width:32px;height:32px}.message-bubble{padding:10px 16px;border-radius:18px;font-size:15px;line-height:1.4;position:relative}.conversation-archive-btn{width:34px;height:34px}.sent .message-bubble{background-color:var(--blue);color:var(--white);border-bottom-right-radius:2px}.received .message-bubble{background-color:var(--extra-light-gray);color:var(--black);border-bottom-left-radius:2px}.message-bubble-time{font-size:11px;margin-top:4px;opacity:.7;text-align:right}.message-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:999px;background:#0f141914;color:inherit;display:inline-flex;align-items:center;justify-content:center}.sent .message-delete-btn{background:#ffffff29}.message-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.message-media-item{overflow:hidden;border-radius:12px}.message-media-el{width:100%;max-height:240px;object-fit:cover;display:block}.message-attachment-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 0}.message-attachment-preview{position:relative;width:72px;height:72px;flex:0 0 auto}.message-attachment-preview-el{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--extra-light-gray);background:#f7f9f9}.message-attachment-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:999px;background:#0f1419c7;color:var(--white);display:inline-flex;align-items:center;justify-content:center}.conversation-composer{display:flex;align-items:center;padding:8px 16px 24px;border-top:1px solid var(--extra-light-gray);gap:12px;background:var(--white)}.conversation-composer .message-composer-input{flex-grow:1;background-color:var(--extra-light-gray);border:none}.send-btn{display:flex;align-items:center;justify-content:center}.messages-load-more{margin:12px auto 18px;display:block;border:1px solid #cfd9de;border-radius:999px;padding:8px 14px;font-weight:600;color:var(--blue)}.messages-load-more:hover{background-color:var(--hover-bg)}.messages-empty{border-bottom:1px solid var(--extra-light-gray);padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.messages-empty-cta{padding:8px 12px;font-size:13px}.messages-compose-overlay{position:fixed;inset:0;background:#0f14198c;display:flex;align-items:center;justify-content:center;z-index:120;padding:16px}.messages-compose-modal{width:min(100%,520px);background:var(--white);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.messages-compose-modal h3{font-size:20px;font-weight:800}.modal-results{position:static;left:auto;right:auto}.messages-compose-actions{display:flex;justify-content:flex-end}.messages-compose-close{border:1px solid #cfd9de;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px}.messages-compose-close:hover{background-color:var(--hover-bg)}@media(max-width:500px){.message-item{padding:12px}.message-avatar{width:40px;height:40px;margin-right:10px}.messages-thread{padding:12px}.message-bubble-container{max-width:88%}.conversation-composer{padding:8px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.conversation-partner-info{margin-left:12px}.conversation-detail{height:calc(100vh - 60px)}}.profile-page{display:flex;flex-direction:column}.profile-header{height:53px;justify-content:flex-start;gap:20px}.back-btn{color:var(--black)}.profile-header-info{display:flex;flex-direction:column}.profile-header-info h2{font-size:20px;font-weight:800;line-height:24px}.text-sm{font-size:13px}.profile-banner{height:200px;background-color:#cfd9de;background-size:cover;background-position:center}.profile-info-section{padding:12px 16px}.profile-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-top:-60px;margin-bottom:12px}.profile-avatar-main{width:134px;height:134px;border:4px solid var(--white);background-color:var(--white)}.btn-edit-profile{margin-top:60px;background-color:transparent;color:var(--black);border:1px solid #CFD9DE;border-radius:9999px;font-weight:700;padding:8px 16px;transition:background-color .2s}.btn-edit-profile:hover{background-color:#0f14191a}.profile-action-group{margin-top:60px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.profile-secondary-action{border:1px solid #CFD9DE;border-radius:9999px;background-color:var(--white);color:var(--black);font-weight:600;padding:8px 14px}.profile-secondary-action:hover{background-color:#0f141914}.profile-details{display:flex;flex-direction:column;gap:12px}.profile-name{font-size:20px;font-weight:800;margin:0;line-height:24px}.profile-handle{font-size:15px;margin-top:-12px}.profile-bio{font-size:15px;line-height:20px}.profile-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:15px}.meta-item{display:flex;align-items:center;gap:4px}.profile-stats{display:flex;gap:20px;font-size:15px}.stat-item{cursor:pointer}.stat-item:hover{text-decoration:underline}.profile-tabs{margin-top:4px}.profile-edit-overlay{position:fixed;inset:0;background-color:#0f14198c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.profile-edit-modal{width:min(100%,520px);background-color:var(--white);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.profile-edit-modal h3{margin:0;font-size:20px;font-weight:800}.profile-media-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-media-card{display:flex;flex-direction:column;gap:8px}.profile-media-preview{display:flex;align-items:center;justify-content:center;border:1px solid #cfd9de;border-radius:14px;background-color:#f7f9f9;overflow:hidden}.profile-media-preview.avatar-preview{min-height:144px}.profile-avatar-edit-preview{margin:0}.profile-avatar-actions{display:flex;gap:6px}.profile-media-preview.banner-preview{min-height:144px;background-size:cover;background-position:center;color:var(--dark-gray)}.profile-edit-label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--dark-gray)}.profile-edit-input,.profile-edit-textarea{border:1px solid #cfd9de;border-radius:10px;padding:10px 12px;font-size:15px;outline:none}.profile-edit-textarea{resize:vertical;min-height:90px}.profile-edit-input:focus,.profile-edit-textarea:focus{border-color:var(--blue)}.profile-edit-actions{display:flex;justify-content:flex-end;gap:10px}.profile-edit-cancel{border:1px solid #cfd9de;border-radius:999px;padding:8px 14px;font-weight:600}.profile-edit-cancel:hover{background-color:#0f141914}.profile-edit-save{padding-inline:16px}@media(max-width:720px){.profile-media-edit-grid{grid-template-columns:1fr}}@media(max-width:500px){.profile-banner{height:140px}.profile-avatar-main{width:90px;height:90px;border-width:3px}.profile-actions{margin-top:-40px}.btn-edit-profile{margin-top:40px;padding:6px 14px;font-size:14px}.profile-action-group{margin-top:40px}.profile-info-section{padding:10px 12px}.profile-name{font-size:18px}.profile-edit-modal{max-height:85vh;overflow-y:auto}.profile-stats{font-size:14px}}.bookmarks-page{display:flex;flex-direction:column}.bookmarks-header{justify-content:flex-start}.lists-page{display:flex;flex-direction:column}.lists-header{justify-content:space-between}.lists-create-btn{padding:7px 12px;font-size:13px}.lists-layout{display:grid;grid-template-columns:1.1fr .9fr;min-height:calc(100vh - 130px)}.lists-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:16px;border-right:1px solid var(--extra-light-gray)}.list-card{border:1px solid var(--extra-light-gray);border-radius:16px;padding:16px}.list-card.active{border-color:#1d9bf059;box-shadow:inset 0 0 0 1px #1d9bf033}.list-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-owner-pill{border:1px solid rgba(29,155,240,.2);border-radius:999px;padding:2px 8px;font-size:11px;color:var(--blue);font-weight:700}.list-title{font-size:17px;font-weight:800;margin-bottom:6px}.list-description{font-size:14px;line-height:20px;margin-bottom:10px}.list-members{font-size:13px;margin-bottom:10px}.list-avatars{display:flex;align-items:center}.list-avatar{width:36px;height:36px;border:2px solid var(--white);margin-right:-8px;background-color:var(--white)}.list-detail-panel{padding:16px;display:flex;flex-direction:column;gap:14px}.list-detail-empty{font-size:14px;border:1px dashed var(--extra-light-gray);border-radius:14px;padding:18px}.list-detail-header{display:flex;justify-content:space-between;gap:10px}.list-detail-header h3{font-size:18px;margin-bottom:4px}.list-detail-actions{display:flex;gap:8px}.list-action-btn{border:1px solid #cfd9de;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px}.list-action-btn:hover{background-color:#0f141914}.list-danger-btn{border-color:#f9188047;color:#f91880}.list-danger-btn:hover{background-color:#f9188014}.list-member-search{position:relative}.lists-search-input,.lists-input,.lists-textarea{width:100%;border:1px solid #cfd9de;border-radius:10px;padding:10px 12px;font-size:14px}.lists-textarea{resize:vertical;min-height:96px}.list-member-results{margin-top:8px;border:1px solid var(--extra-light-gray);border-radius:12px;overflow:hidden}.list-member-result-row,.list-member-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--extra-light-gray)}.list-member-result-row:last-child,.list-member-row:last-child{border-bottom:0}.list-avatar-sm{width:36px;height:36px}.list-member-result-info,.list-member-info{flex:1;min-width:0}.list-member-list{border:1px solid var(--extra-light-gray);border-radius:12px;overflow:hidden}.list-timeline-section{display:flex;flex-direction:column;gap:10px}.list-timeline-header h4{margin:0 0 2px;font-size:16px;font-weight:800}.list-timeline-feed{border:1px solid var(--extra-light-gray);border-radius:16px;overflow:hidden}.lists-modal-overlay{position:fixed;inset:0;background-color:#0f14198c;display:flex;justify-content:center;align-items:center;padding:16px;z-index:120}.lists-modal{width:min(100%,520px);background-color:var(--white);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.lists-modal h3{font-size:20px;font-weight:800}.lists-label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--dark-gray)}.lists-modal-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:1020px){.lists-layout{grid-template-columns:1fr}.lists-grid{border-right:0;border-bottom:1px solid var(--extra-light-gray)}}.more-page{display:flex;flex-direction:column}.more-header{justify-content:flex-start}.more-section{display:flex;flex-direction:column;gap:12px;padding:16px}.more-link-card{border:1px solid var(--extra-light-gray);border-radius:14px;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.more-link-content h3{font-size:16px;margin-bottom:4px}.more-link-content p{font-size:14px;line-height:20px}.more-legal{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;padding:0 16px 20px}.more-legal-link{color:inherit;font-size:inherit}.more-legal-link:hover{text-decoration:underline}.sessions-section{border-top:1px solid var(--extra-light-gray)}.session-header-row{display:flex;align-items:center;justify-content:space-between}.session-header-actions{display:flex;align-items:center;gap:8px}.session-header-row h3{font-size:18px}.session-rotate-btn{padding:7px 12px;font-size:13px}.session-message{font-size:13px}.session-card{border:1px solid var(--extra-light-gray);border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:12px}.session-meta{font-size:13px;line-height:18px}.session-revoke{align-self:center;border:1px solid var(--extra-light-gray);border-radius:9999px;padding:6px 12px;font-weight:700}.session-revoke:hover{background-color:#0f141914}.privacy-principles{display:flex;flex-wrap:wrap;gap:8px}.privacy-chip{border:1px solid rgba(29,155,240,.24);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--blue);font-weight:700}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-block{display:flex;flex-direction:column;gap:8px}.privacy-block h4{font-size:15px;font-weight:700}.privacy-card{align-items:flex-start}.account-controls-card{align-items:center}.privacy-history-card{align-items:flex-start}.notification-preferences-card{align-items:center}.notification-preference-toggle{display:inline-flex;align-items:center}.notification-preference-toggle input{width:18px;height:18px}.account-ack-row{display:flex;align-items:flex-start;gap:8px;margin-top:6px;font-size:13px;line-height:18px}.account-ack-row input{margin-top:2px}.account-legal-row{display:flex;gap:10px;margin-top:6px}.account-controls-danger{border-color:#f9188038}.jury-case-card{align-items:flex-start}.jury-actions{display:flex;flex-direction:column;gap:8px}.jury-filter-row{display:flex;gap:6px}.jury-filter-btn{border:1px solid #cfd9de;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.jury-filter-btn.active{border-color:#1d9bf066;color:var(--blue)}.jury-status-pill{display:inline-flex;align-items:center;margin-left:8px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.jury-status-open{background-color:#1d9bf01f;color:var(--blue)}.jury-status-keep{background-color:#0f7a431f;color:#0f7a43}.jury-status-remove{background-color:#f918801f;color:#f91880}.jury-appeal-pill{background-color:#ffa91f29;color:#a86400}.jury-overlay{position:fixed;inset:0;background-color:#0f14198c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:120}.jury-modal{width:min(100%,620px);background-color:var(--white);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.jury-modal h3{font-size:20px;font-weight:800}.jury-target-block{border:1px solid var(--extra-light-gray);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px}.jury-modal-actions{display:flex;justify-content:flex-end;gap:8px}.jury-remove{border-color:#f918804d;color:#f91880}.jury-remove:hover{background-color:#f9188014}.admin-discovery-block{border:1px solid var(--extra-light-gray);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.admin-moderation-card{align-items:flex-start}.moderation-action-log{margin-top:4px;display:flex;flex-direction:column;gap:2px}.admin-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-metrics-card{align-items:flex-start}.admin-metrics-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px}.admin-discovery-head{display:flex;align-items:center;justify-content:space-between}.admin-discovery-head h4{font-size:15px;font-weight:700}.admin-discovery-row{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:8px;align-items:center}.admin-discovery-row input{border:1px solid #cfd9de;border-radius:8px;padding:7px 9px;font-size:13px}.admin-discovery-check{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--dark-gray)}.legal-only-row{grid-template-columns:1fr auto auto}@media(max-width:1100px){.admin-discovery-row,.legal-only-row,.privacy-grid,.admin-metrics-grid{grid-template-columns:1fr}}.thread-page{display:flex;flex-direction:column}.thread-header{justify-content:flex-start;gap:12px}.thread-reply-box{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--extra-light-gray)}.thread-reply-input{flex:1;border:1px solid var(--extra-light-gray);border-radius:999px;padding:10px 14px;font-size:15px;outline:none}.thread-reply-input:focus{border-color:#1d9bf066}.thread-reply-btn{padding:8px 14px;font-size:14px}.thread-reply-btn:disabled{opacity:.55}.thread-divider{padding:10px 16px;font-size:13px;font-weight:700;color:var(--dark-gray);border-bottom:1px solid var(--extra-light-gray)}.thread-ancestor-stack{display:flex;flex-direction:column}.thread-ancestor-item{opacity:.96}.thread-tree-feed{display:flex;flex-direction:column}.thread-reply-node{margin-left:calc(var(--thread-depth, 0) * 18px);border-left:2px solid rgba(29,155,240,.14)}.relationships-page{display:flex;flex-direction:column}.relationships-header{justify-content:flex-start;gap:16px}.relationships-subtitle{font-size:13px}.relationships-list{display:flex;flex-direction:column}.relationships-empty{padding:20px 16px}.relationship-card{display:flex;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--extra-light-gray)}.relationship-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left}.relationship-avatar{width:44px;height:44px}.relationship-copy{min-width:0}.relationship-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.relationship-btn{border-radius:999px;background-color:var(--black);color:var(--white);font-weight:700;padding:8px 14px}.relationship-btn.secondary{background-color:var(--white);color:var(--black);border:1px solid #cfd9de}@media(max-width:720px){.relationship-card{flex-direction:column}.relationship-actions{justify-content:flex-start}}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e8f5fe,#f5f8fa 45%,#fff);padding:16px}.auth-card{width:min(430px,100%);border:1px solid var(--extra-light-gray);border-radius:18px;background:var(--white);padding:24px}.auth-title{font-size:30px;margin-bottom:4px}.auth-subtitle{color:var(--dark-gray);margin-bottom:18px}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--extra-light-gray);border-radius:9999px;padding:3px;margin-bottom:16px}.auth-tab{border-radius:9999px;padding:8px 10px;font-weight:700;color:var(--dark-gray)}.auth-tab.active{background:var(--blue);color:var(--white)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{border:1px solid var(--extra-light-gray);border-radius:10px;padding:12px;font-size:15px}.auth-input:focus{outline:none;border-color:var(--blue)}.auth-error{color:var(--error);font-size:14px}.auth-info{color:#008a5f;font-size:14px;word-break:break-word}.auth-link{align-self:flex-start;color:var(--blue);font-size:14px}.auth-link:hover{text-decoration:underline}.secondary-link{color:var(--dark-gray)}.auth-consent{display:flex;flex-direction:column;gap:8px}.auth-consent-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--dark-gray);cursor:pointer;line-height:1.4}.auth-consent-label input[type=checkbox]{margin-top:2px;flex-shrink:0}.auth-consent-label a{color:var(--blue)}.auth-consent-label a:hover{text-decoration:underline}.auth-submit{margin-top:4px}.auth-submit:disabled{opacity:.6}.auth-divider{display:flex;align-items:center;margin:16px 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--extra-light-gray)}.divider-text{padding:0 10px;color:var(--dark-gray);font-size:13px}.demo-login-btn{width:100%;padding:12px;border-radius:9999px;font-weight:700;background-color:var(--extra-light-gray);color:var(--black);transition:background-color .2s}.demo-login-btn:hover:not(:disabled){background-color:#e2e8f0}.verify-page{min-height:100vh;display:grid;place-items:center;padding:16px}.verify-card{width:min(500px,100%);border:1px solid var(--extra-light-gray);border-radius:16px;padding:24px;background:var(--white)}.verify-card h1{margin-bottom:12px}.verify-status{margin-bottom:16px}.verify-status.success{color:#008a5f}.verify-status.error{color:var(--error)}.verify-link{display:inline-block}.reset-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at top,#e8f5fe,#f5f8fa 45%,#fff)}.reset-card{width:min(430px,100%);border:1px solid var(--extra-light-gray);border-radius:18px;background:var(--white);padding:24px}.reset-subtitle{color:var(--dark-gray);margin:6px 0 14px}.reset-form{display:flex;flex-direction:column;gap:12px}.reset-input{border:1px solid var(--extra-light-gray);border-radius:10px;padding:12px;font-size:15px}.reset-input:focus{outline:none;border-color:var(--blue)}.reset-error{color:var(--error);font-size:14px}.reset-info{color:#008a5f;font-size:14px}.reset-link{display:inline-block;margin-top:12px;color:var(--blue)}.reset-link:hover{text-decoration:underline}.legal-page{min-height:100vh;background:linear-gradient(180deg,#eef5fb,#f8fbfd);display:flex;align-items:flex-start;justify-content:center;padding:30px 16px}.legal-card{width:min(100%,840px);background:#fff;border:1px solid #dde8f0;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px}.legal-card h1{font-size:30px;font-weight:900;margin:0}.legal-section{border-top:1px solid #edf2f5;padding-top:14px;display:flex;flex-direction:column;gap:8px}.legal-section h2{font-size:19px;font-weight:800;margin:0}.legal-section p{color:#536471;line-height:1.55;margin:0}.legal-updated{color:#aab8c2;font-size:14px;margin:-8px 0 0}.legal-nav{display:flex;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #edf2f5}.legal-nav a{color:#1da1f2;font-size:14px}.legal-nav a:hover{text-decoration:underline}