:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;--bg-primary: #000000;--bg-secondary: #16181c;--bg-hover: #1d1f23;--bg-modal: #2f3336;--border-color: #2f3336;--text-primary: #e7e9ea;--text-secondary: #71767b;--accent: #1d9bf0;--accent-hover: #1a8cd8;--like-color: #f91880;--retweet-color: #00ba7c;--danger: #f4212e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;background:none;border:none;color:var(--text-primary);outline:none}a{color:var(--accent);text-decoration:none}.app-layout{display:flex;justify-content:center;min-height:100vh}.sidebar-left{width:275px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:0 12px;border-right:1px solid var(--border-color)}.main-feed{width:600px;min-height:100vh;border-right:1px solid var(--border-color)}.sidebar-right{width:350px;padding:0 24px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{padding:12px;margin-bottom:4px}.sidebar-logo svg{width:28px;height:28px;fill:var(--text-primary)}.nav-list{list-style:none;display:flex;flex-direction:column;gap:2px}.nav-item button{display:flex;align-items:center;gap:20px;padding:12px;border-radius:9999px;font-size:20px;transition:background .2s;width:100%;text-align:left}.nav-item button:hover{background:var(--bg-hover)}.nav-item button.active{font-weight:700}.nav-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:26px;height:26px;fill:var(--text-primary)}.nav-label{margin-right:16px}.post-btn{width:90%;padding:16px 0;margin-top:16px;border-radius:9999px;background:var(--accent);color:#fff;font-size:17px;font-weight:700;transition:background .2s}.post-btn:hover{background:var(--accent-hover)}.sidebar-profile{margin-top:auto;padding:12px;display:flex;align-items:center;gap:12px;border-radius:9999px;margin-bottom:12px;cursor:pointer;transition:background .2s}.sidebar-profile:hover{background:var(--bg-hover)}.sidebar-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-handle{color:var(--text-secondary);font-size:15px}.sidebar-profile-more{color:var(--text-secondary);font-size:18px;letter-spacing:2px}.feed-header{position:sticky;top:0;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--border-color)}.feed-header h2{padding:12px 16px;font-size:20px;font-weight:700}.feed-tabs{display:flex}.feed-tab{flex:1;padding:16px 0;text-align:center;font-size:15px;color:var(--text-secondary);font-weight:500;transition:background .2s;position:relative}.feed-tab:hover{background:var(--bg-hover)}.feed-tab.active{color:var(--text-primary);font-weight:700}.feed-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:56px;height:4px;background:var(--accent);border-radius:2px}.compose-tweet{display:flex;padding:16px;border-bottom:1px solid var(--border-color);gap:12px}.compose-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.compose-body{flex:1;display:flex;flex-direction:column}.compose-input{width:100%;min-height:52px;font-size:20px;resize:none;padding:12px 0;line-height:1.4}.compose-input::placeholder{color:var(--text-secondary)}.compose-actions{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color);margin-top:12px}.compose-tools{display:flex;gap:4px}.compose-tool-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:background .2s}.compose-tool-btn:hover{background:#1d9bf01a}.compose-tool-btn svg{width:20px;height:20px;fill:var(--accent)}.compose-submit{padding:8px 16px;border-radius:9999px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;transition:background .2s}.compose-submit:hover{background:var(--accent-hover)}.compose-submit:disabled{opacity:.5;cursor:not-allowed}.tweet{display:flex;padding:16px;border-bottom:1px solid var(--border-color);gap:12px;transition:background .2s;cursor:pointer}.tweet:hover{background:var(--bg-hover)}.tweet-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.tweet-content{flex:1;min-width:0}.tweet-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tweet-name{font-weight:700;font-size:15px}.tweet-verified{fill:var(--accent);width:18px;height:18px}.tweet-handle,.tweet-dot,.tweet-time{color:var(--text-secondary);font-size:15px}.tweet-more{margin-left:auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.tweet-more:hover{background:#1d9bf01a;color:var(--accent)}.tweet-text{margin-top:4px;font-size:15px;line-height:1.5;word-wrap:break-word}.tweet-text .hashtag,.tweet-text .mention{color:var(--accent)}.tweet-image{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.tweet-image img{width:100%;display:block}.tweet-actions{display:flex;justify-content:space-between;margin-top:12px;max-width:425px}.tweet-action{display:flex;align-items:center;gap:4px;padding:0;color:var(--text-secondary);font-size:13px;transition:color .2s;position:relative}.tweet-action-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.tweet-action-icon svg{width:18px;height:18px}.tweet-action.comment:hover{color:var(--accent)}.tweet-action.comment:hover .tweet-action-icon{background:#1d9bf01a}.tweet-action.comment:hover .tweet-action-icon svg{fill:var(--accent)}.tweet-action.retweet:hover{color:var(--retweet-color)}.tweet-action.retweet:hover .tweet-action-icon{background:#00ba7c1a}.tweet-action.retweet:hover .tweet-action-icon svg{fill:var(--retweet-color)}.tweet-action.retweet.active{color:var(--retweet-color)}.tweet-action.retweet.active .tweet-action-icon svg{fill:var(--retweet-color)}.tweet-action.like:hover{color:var(--like-color)}.tweet-action.like:hover .tweet-action-icon{background:#f918801a}.tweet-action.like:hover .tweet-action-icon svg{fill:var(--like-color)}.tweet-action.like.active{color:var(--like-color)}.tweet-action.like.active .tweet-action-icon svg{fill:var(--like-color)}.tweet-action.share:hover{color:var(--accent)}.tweet-action.share:hover .tweet-action-icon{background:#1d9bf01a}.tweet-action.share:hover .tweet-action-icon svg{fill:var(--accent)}.tweet-action-icon svg{fill:currentColor}.search-box{position:sticky;top:0;padding:12px 0;background:var(--bg-primary)}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border-radius:9999px;padding:0 16px;border:1px solid transparent;transition:all .2s}.search-input-wrapper:focus-within{border-color:var(--accent);background:var(--bg-primary)}.search-input-wrapper svg{width:18px;height:18px;fill:var(--text-secondary);flex-shrink:0}.search-input-wrapper:focus-within svg{fill:var(--accent)}.search-input{flex:1;padding:12px;font-size:15px}.search-input::placeholder{color:var(--text-secondary)}.sidebar-card{background:var(--bg-secondary);border-radius:16px;margin-bottom:16px;overflow:hidden}.sidebar-card-title{font-size:20px;font-weight:800;padding:12px 16px}.trending-item{padding:12px 16px;transition:background .2s;cursor:pointer}.trending-item:hover{background:var(--bg-hover)}.trending-category{font-size:13px;color:var(--text-secondary)}.trending-name{font-weight:700;font-size:15px;margin:2px 0}.trending-count{font-size:13px;color:var(--text-secondary)}.follow-item{display:flex;align-items:center;padding:12px 16px;gap:12px;transition:background .2s;cursor:pointer}.follow-item:hover{background:var(--bg-hover)}.follow-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.follow-info{flex:1;min-width:0}.follow-name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:4px}.follow-handle{color:var(--text-secondary);font-size:15px}.follow-btn{padding:8px 16px;border-radius:9999px;background:var(--text-primary);color:var(--bg-primary);font-size:14px;font-weight:700;transition:opacity .2s;flex-shrink:0}.follow-btn:hover{opacity:.9}.sidebar-show-more{padding:16px;color:var(--accent);font-size:15px;transition:background .2s;cursor:pointer;display:block;width:100%;text-align:left}.sidebar-show-more:hover{background:var(--bg-hover)}.sidebar-footer{padding:16px;display:flex;flex-wrap:wrap;gap:4px 12px}.sidebar-footer a{font-size:13px;color:var(--text-secondary)}.sidebar-footer a:hover{text-decoration:underline}@keyframes likeAnimation{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}to{transform:scale(1)}}.like-animate{animation:likeAnimation .3s ease-in-out}.verified-badge{display:inline-flex;align-items:center}.verified-badge svg{width:18px;height:18px;fill:var(--accent)}@media(max-width:1280px){.sidebar-right{width:300px}}@media(max-width:1024px){.sidebar-right{display:none}}@media(max-width:768px){.sidebar-left{width:72px}.nav-label{display:none}.post-btn{width:50px;height:50px;padding:0;font-size:0;display:flex;align-items:center;justify-content:center}.post-btn:after{content:"+";font-size:24px}.sidebar-profile-info,.sidebar-profile-more{display:none}}