*{box-sizing:border-box;margin:0;padding:0}body{color:#e7e9ea;background:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{max-width:600px;margin:0 auto}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#000000d9;border-bottom:1px solid #2f3336;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header h1{font-size:20px;font-weight:700}.btn{color:#fff;cursor:pointer;background:#1d9bf0;border:none;border-radius:9999px;padding:8px 20px;font-size:15px;font-weight:700;transition:background .15s}.btn:hover{background:#1a8cd8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:#e7e9ea;background:0 0;border:1px solid #536471}.btn-outline:hover{background:#ffffff0d}.btn-ghost{color:#f4212e;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px}.auth-container{text-align:center;max-width:400px;margin:0 auto;padding:60px 20px}.auth-container h2{margin-bottom:40px;font-size:32px;font-weight:900}.auth-tabs{border-bottom:1px solid #2f3336;margin-bottom:24px;display:flex}.auth-tab{color:#71767b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:16px;font-size:15px;font-weight:600;transition:color .15s}.auth-tab.active{color:#e7e9ea;border-bottom-color:#1d9bf0}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:#71767b;margin-bottom:6px;font-size:13px;display:block}.form-group input{color:#e7e9ea;background:#000;border:1px solid #2f3336;border-radius:4px;outline:none;width:100%;padding:12px;font-size:15px;transition:border-color .15s}.form-group input:focus{border-color:#1d9bf0}.error-msg{color:#f4212e;text-align:left;background:#f4212e1a;border:1px solid #f4212e4d;border-radius:4px;margin-bottom:16px;padding:10px 12px;font-size:13px}.compose{border-bottom:8px solid #16181c;gap:12px;padding:16px 20px;display:flex}.avatar{-webkit-user-select:none;user-select:none;background:#1d9bf0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.compose-inner{flex:1}.compose textarea{color:#e7e9ea;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:80px;font-family:inherit;font-size:20px}.compose textarea::placeholder{color:#536471}.compose-footer{border-top:1px solid #2f3336;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.char-count{color:#71767b;font-size:13px}.char-count.warn{color:#ffd400}.char-count.over{color:#f4212e}.tweet-card{border-bottom:1px solid #2f3336;gap:12px;padding:16px 20px;transition:background .15s;display:flex}.tweet-card:hover{background:#ffffff08}.tweet-body{flex:1;min-width:0}.tweet-meta{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.tweet-display-name{font-size:15px;font-weight:700}.tweet-username,.tweet-time{color:#71767b;font-size:14px}.tweet-content{word-break:break-word;white-space:pre-wrap;font-size:15px;line-height:1.5}.tweet-actions{justify-content:flex-end;margin-top:8px;display:flex}.loading{text-align:center;color:#71767b;padding:40px}.empty{text-align:center;color:#71767b;padding:60px 20px}.empty strong{margin-bottom:8px;font-size:20px;font-weight:700;display:block}