@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f1419,#1a1f3a 50%,#2d1b4e);background-attachment:fixed;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--twiq-primary:#7c3aed;--twiq-primary-hover:#6d28d9;--twiq-primary-light:#a855f7;--twiq-secondary:#06b6d4;--twiq-secondary-hover:#0891b2;--twiq-accent:#f59e0b;--twiq-accent-hover:#d97706;--twiq-bg-primary:#0f1419f2;--twiq-bg-secondary:#1e232dd9;--twiq-bg-tertiary:#2d3241bf;--twiq-bg-glass:#ffffff0d;--twiq-bg-hover:#7c3aed1a;--twiq-border:#ffffff26;--twiq-border-hover:#7c3aed4d;--twiq-border-focus:#7c3aed80;--twiq-text-primary:#fff;--twiq-text-secondary:#a1a8b3;--twiq-text-tertiary:#6b7280;--twiq-text-accent:#7c3aed;--twiq-success:#10b981;--twiq-warning:#f59e0b;--twiq-error:#ef4444;--glass:#ffffff14;--glass-hover:#ffffff1f;--shadow:#00000040;--shadow-lg:#0006;--glow:#7c3aed66}.btn-primary{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:25px;box-shadow:0 8px 32px #7c3aed4d;box-sizing:border-box;display:inline-flex;font-size:15px;justify-content:center;min-height:44px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#0891b2);background:linear-gradient(135deg,var(--twiq-primary-hover) 0,var(--twiq-secondary-hover) 100%);box-shadow:0 16px 48px #7c3aed80}.btn-primary:active{box-shadow:0 4px 15px #667eea66;transform:translateY(0)}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--twiq-bg-glass);border:1px solid #ffffff26;border:1px solid var(--twiq-border);border-radius:25px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:15px;font-weight:500;justify-content:center;min-height:44px;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#7c3aed1a;background:var(--twiq-bg-hover);border-color:#7c3aed4d;border-color:var(--twiq-border-hover);box-shadow:0 8px 24px #00000040;box-shadow:0 8px 24px var(--shadow);transform:translateY(-1px)}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:2px solid var(--extra-light-gray);border-radius:12px;box-sizing:border-box;font-size:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{border-color:var(--twiq-blue);box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:2px solid var(--extra-light-gray);border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:16px;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-textarea:focus{border-color:var(--twiq-blue);box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.tweet-hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid #fff3;border-radius:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tweet-hover:hover{background:#fffffffa;border-color:#667eea33;box-shadow:0 12px 40px #0006;box-shadow:0 12px 40px var(--shadow-lg);transform:translateY(-2px)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top:2px solid var(--twiq-blue);height:20px;width:20px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #00000040;box-shadow:0 8px 32px var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 20px 40px #0006;box-shadow:0 20px 40px var(--shadow-lg);transform:translateY(-4px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.p-4{padding:16px}.p-6{padding:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}@media (max-width:768px){.container{padding:0 12px}.btn-primary,.btn-secondary{font-size:14px;padding:10px 20px}.form-input,.form-textarea{font-size:16px;padding:12px}}*{box-sizing:border-box}body,html{margin:0;padding:0}.App,body,html{max-width:100vw;overflow-x:hidden}.App{background:var(--x-background);color:var(--x-text-primary);min-height:100vh}.app-layout{display:flex;margin:0 auto;max-width:1280px;min-height:100vh;overflow-x:hidden;width:100%}.sidebar{flex:0 0 275px;height:100vh;overflow:hidden;padding:0;top:0}.main-content{background:var(--x-background);border-left:1px solid var(--x-border);border-right:1px solid var(--x-border);flex:1 1;min-height:100vh;min-width:0;overflow-x:hidden}.right-sidebar{flex:0 0 290px;height:100vh;padding:0 20px;top:0}.twiq-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-right:1px solid var(--twiq-border);height:100vh;padding:0 8px 0 0;position:-webkit-sticky;position:sticky;top:0;width:275px}.twiq-sidebar-content{display:flex;flex-direction:column;height:100%;padding:16px}.twiq-sidebar-logo{background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:20px;cursor:pointer;margin-bottom:12px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.twiq-sidebar-logo:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);box-shadow:0 8px 24px var(--shadow);transform:translateY(-2px)}.twiq-logo-container{align-items:center;color:var(--twiq-text-primary);display:flex;gap:8px}.twiq-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px}.twiq-sidebar-nav{flex:1 1;margin:12px 0}.twiq-nav-item-container{margin-bottom:4px}.twiq-nav-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border:1px solid #0000;border-radius:25px;color:var(--twiq-text-secondary);cursor:pointer;display:flex;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.twiq-nav-item:before{background:linear-gradient(90deg,#0000,var(--glass),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.twiq-nav-item:hover:before{left:100%}.twiq-nav-item:hover{box-shadow:0 4px 16px var(--shadow);color:var(--twiq-text-primary);transform:translateX(8px)}.twiq-nav-item-active,.twiq-nav-item:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover)}.twiq-nav-item-active{box-shadow:0 0 20px var(--glow);color:var(--twiq-primary);font-weight:600}.twiq-nav-icon{align-items:center;display:flex;height:26.25px;justify-content:center;margin-right:20px;width:26.25px}.twiq-nav-label{font-size:18px;font-weight:500;line-height:22px}.twiq-sidebar-post{margin:24px 0}.twiq-post-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:none;border-radius:30px;box-shadow:0 8px 32px var(--glow);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.twiq-post-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.twiq-post-button:hover:before{left:100%}.twiq-post-button:hover{background:linear-gradient(135deg,var(--twiq-primary-hover) 0,var(--twiq-secondary-hover) 100%);box-shadow:0 16px 48px var(--glow);transform:translateY(-3px)}.twiq-post-button:active{transform:translateY(-1px)}.twiq-post-text{display:block;font-weight:600}.twiq-post-icon{display:none;font-size:20px}.twiq-sidebar-user{margin-top:auto;padding:16px 0}.twiq-user-info{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:25px;cursor:pointer;display:flex;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.twiq-user-info:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);box-shadow:0 8px 24px var(--shadow);transform:translateY(-2px)}.twiq-user-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border-radius:50%;box-shadow:0 4px 16px var(--glow);color:#fff;display:flex;font-weight:700;height:44px;justify-content:center;margin-right:12px;width:44px}.twiq-user-details{flex:1 1;min-width:0}.twiq-user-name{color:var(--twiq-text-primary);font-size:16px;font-weight:600;line-height:20px}.twiq-user-handle,.twiq-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twiq-user-handle{color:var(--twiq-text-secondary);font-size:14px;line-height:18px}.twiq-user-menu{color:var(--twiq-text-secondary);margin-left:12px;transition:color .3s ease}.twiq-user-info:hover .twiq-user-menu{color:var(--twiq-text-primary)}.twiq-sidebar-auth{margin-top:auto;padding:16px 0}.twiq-auth-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:none;border-radius:30px;box-shadow:0 8px 32px var(--glow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.twiq-auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.twiq-auth-button:hover:before{left:100%}.twiq-auth-button:hover{background:linear-gradient(135deg,var(--twiq-primary-hover) 0,var(--twiq-secondary-hover) 100%);box-shadow:0 16px 48px var(--glow);transform:translateY(-3px)}@media (max-width:1280px){.app-layout{max-width:100%}}@media (max-width:1078px){.right-sidebar{display:none}.app-layout{max-width:100%}.sidebar{flex:0 0 88px}.main-content{flex:1 1;max-width:calc(100vw - 88px)}}@media (max-width:900px){.sidebar{flex:0 0 68px}.main-content{max-width:calc(100vw - 68px)}}.twiq-guest-prompt{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:40px 20px;text-align:center}.twiq-guest-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--twiq-text-primary);font-size:28px;font-weight:700;margin:0 0 12px}.twiq-guest-content p{color:var(--twiq-text-secondary);font-size:16px;line-height:1.5;margin:0 0 32px}.twiq-primary-button{background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:none;border-radius:25px;box-shadow:0 8px 32px var(--glow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.twiq-primary-button:hover{background:linear-gradient(135deg,var(--twiq-primary-hover) 0,var(--twiq-secondary-hover) 100%);box-shadow:0 12px 40px var(--glow);transform:translateY(-2px)}.twiq-error-banner{background:var(--twiq-error);border-bottom:1px solid var(--twiq-border)}.twiq-error-content{justify-content:space-between;padding:16px 20px}.twiq-error-close,.twiq-error-content{align-items:center;color:#fff;display:flex}.twiq-error-close{background:none;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:24px;justify-content:center;padding:0;transition:background-color .3s ease;width:24px}.twiq-error-close:hover{background:#fff3}@media (max-width:688px){.app-layout{max-width:100vw;overflow-x:hidden}.sidebar{flex:0 0 60px}.main-content{border-left:none;max-width:calc(100vw - 60px)}.twiq-sidebar{flex:0 0 60px;width:60px}.twiq-nav-label,.twiq-post-text{display:none}.twiq-post-icon{display:block}.twiq-logo-text,.twiq-user-details,.twiq-user-menu{display:none}.main-content{border-right:none}}.twiq-loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px 20px}.twiq-loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--twiq-border);border:3px solid var(--twiq-border);border-radius:50%;border-top-color:var(--twiq-primary);height:32px;width:32px}.twiq-loading-state p{color:var(--twiq-text-secondary);font-size:16px;margin:0}.twiq-empty-state{padding:80px 20px;text-align:center}.twiq-empty-icon{font-size:48px;margin-bottom:16px}.twiq-empty-state h3{color:var(--twiq-text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.twiq-empty-state p{color:var(--twiq-text-secondary);font-size:16px;margin:0}.twiq-tweet{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.twiq-tweet:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);box-shadow:0 4px 16px var(--shadow);transform:translateX(4px)}.twiq-tweet-content{display:flex;gap:16px;padding:20px}.twiq-tweet-avatar .twiq-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:2px solid var(--twiq-bg-glass);border-radius:50%;box-shadow:0 4px 16px var(--glow);color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.twiq-tweet-body{flex:1 1;min-width:0}.twiq-tweet-header{align-items:center;display:flex;margin-bottom:4px}.twiq-tweet-author{align-items:center;display:flex;gap:6px}.twiq-display-name{color:var(--twiq-text-primary);font-size:16px;font-weight:600}.twiq-username{color:var(--twiq-text-secondary);font-size:15px}.twiq-separator{color:var(--twiq-text-tertiary);font-size:14px}.twiq-timestamp{color:var(--twiq-text-secondary);font-size:15px}.twiq-tweet-text{word-wrap:break-word;color:var(--twiq-text-primary);font-size:16px;line-height:24px;margin-bottom:16px;white-space:pre-wrap}.twiq-tweet-actions{align-items:center;display:flex;justify-content:space-between;margin-top:8px;max-width:400px}.twiq-action-btn{align-items:center;background:none;border:none;border-radius:20px;color:var(--twiq-text-secondary);cursor:pointer;display:flex;gap:6px;min-width:40px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.twiq-action-icon{align-items:center;display:flex;justify-content:center}.twiq-action-count{font-size:13px;font-weight:500;line-height:16px}.twiq-reply-btn:hover{background:#7c3aed1a;color:var(--twiq-primary);transform:scale(1.05)}.twiq-retweet-btn:hover{background:#06b6d41a;color:var(--twiq-secondary);transform:scale(1.05)}.twiq-like-btn:hover{background:#f59e0b1a;color:var(--twiq-accent);transform:scale(1.05)}.twiq-share-btn:hover{background:#7c3aed1a;color:var(--twiq-primary);transform:scale(1.05)}.twiq-timeline{background:var(--twiq-bg-glass);min-height:100vh}.twiq-timeline,.twiq-timeline-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.twiq-timeline-header{background:var(--twiq-bg-primary);border-bottom:1px solid var(--twiq-border);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.twiq-header-content{padding:16px 20px;position:relative}.twiq-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--twiq-text-primary);font-size:24px;font-weight:700;line-height:28px;margin:0}.twiq-header-accent{background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border-radius:2px;bottom:0;height:2px;left:20px;position:absolute;right:20px}.twiq-compose-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border)}.twiq-compose-border{background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);height:2px;opacity:.3}.twiq-compose-form{padding:8px 0}.twiq-compose-container{display:flex;gap:16px;padding:20px}.twiq-compose-avatar .twiq-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:2px solid var(--twiq-bg-glass);border-radius:50%;box-shadow:0 4px 16px var(--glow);color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.twiq-compose-content{flex:1 1;min-width:0}.twiq-compose-input{margin-bottom:16px}.twiq-compose-textarea{background:#0000;border:none;color:var(--twiq-text-primary);font-family:inherit;font-size:22px;font-weight:400;line-height:28px;max-height:200px;min-height:28px;outline:none;overflow-y:auto;resize:none;width:100%}.twiq-compose-textarea::placeholder{color:var(--twiq-text-secondary);font-weight:300}.twiq-compose-actions{align-items:center;border-top:1px solid var(--twiq-border);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.twiq-compose-tools{display:flex;gap:20px}.twiq-compose-tool{background:none;border:none;border-radius:50%;color:var(--twiq-secondary);cursor:pointer;height:24px;opacity:.6;padding:8px;transition:all .3s ease;width:24px}.twiq-compose-tool:hover:not(:disabled){background:var(--twiq-bg-hover);opacity:1;transform:scale(1.1)}.twiq-compose-tool:disabled{cursor:not-allowed;opacity:.3}.twiq-compose-submit{align-items:center;display:flex;gap:16px}.twiq-character-counter{align-items:center;display:flex;gap:8px}.twiq-progress-ring circle{stroke:var(--twiq-primary);stroke-linecap:round;transition:all .3s ease}.twiq-progress-ring.twiq-warning circle{stroke:var(--twiq-warning)}.twiq-char-count{color:var(--twiq-text-secondary);font-size:13px;font-weight:500;min-width:24px;text-align:center}.twiq-post-submit{background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:none;border-radius:25px;box-shadow:0 4px 16px var(--glow);color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:40px;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}.twiq-post-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.twiq-post-submit:hover:before{left:100%}.twiq-post-submit:hover:not(.twiq-disabled){background:linear-gradient(135deg,var(--twiq-primary-hover) 0,var(--twiq-secondary-hover) 100%);box-shadow:0 8px 24px var(--glow);transform:translateY(-2px)}.twiq-post-submit.twiq-disabled{cursor:not-allowed;opacity:.5;transform:none}.x-guest-prompt{border-bottom:1px solid var(--x-border);padding:32px 16px;text-align:center}.x-guest-content h2{color:var(--x-text-primary);font-size:24px;font-weight:800;margin:0 0 8px}.x-guest-content p{color:var(--x-text-secondary);font-size:16px;margin:0 0 24px}.x-primary-button{background-color:var(--x-primary);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:8px 24px;transition:background-color .2s ease}.x-primary-button:hover{background-color:var(--x-primary-hover)}.x-error-banner{background-color:var(--x-error);border-bottom:1px solid var(--x-border)}.x-error-content{justify-content:space-between;padding:12px 16px}.x-error-close,.x-error-content{align-items:center;color:#fff;display:flex}.x-error-close{background:none;border:none;cursor:pointer;font-size:20px;height:20px;justify-content:center;padding:0;width:20px}.x-loading-state{display:flex;justify-content:center;padding:40px 16px}.x-loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--x-border);border:2px solid var(--x-border);border-radius:50%;border-top-color:var(--x-primary);height:24px;width:24px}.x-empty-state{padding:40px 16px;text-align:center}.x-empty-state h3{color:var(--x-text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.x-empty-state p{color:var(--x-text-secondary);font-size:15px;margin:0}.x-tweet{border-bottom:1px solid var(--x-border);cursor:pointer;transition:background-color .2s ease}.x-tweet:hover{background-color:var(--x-background-secondary)}.x-tweet-content{display:flex;gap:12px;padding:12px 16px}.x-tweet-avatar .x-avatar{align-items:center;background-color:var(--x-primary);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.x-tweet-body{flex:1 1;min-width:0}.x-tweet-header{align-items:center;display:flex;margin-bottom:2px}.x-tweet-author{align-items:center;display:flex;gap:4px}.x-display-name{color:var(--x-text-primary);font-size:15px;font-weight:700}.x-username{font-size:15px}.x-separator,.x-timestamp,.x-username{color:var(--x-text-secondary)}.x-timestamp,.x-tweet-text{font-size:15px}.x-tweet-text{word-wrap:break-word;color:var(--x-text-primary);line-height:20px;margin-bottom:12px;white-space:pre-wrap}.x-tweet-actions{justify-content:space-between;margin-top:4px;max-width:425px}.x-action-btn,.x-tweet-actions{align-items:center;display:flex}.x-action-btn{background:none;border:none;border-radius:20px;color:var(--x-text-secondary);cursor:pointer;gap:4px;min-width:32px;padding:8px;transition:all .2s ease}.x-action-icon{align-items:center;display:flex;justify-content:center}.x-action-count{font-size:13px;line-height:16px}.x-reply-btn:hover{background-color:#1d9bf01a;color:var(--x-primary)}.x-retweet-btn:hover{background-color:#00ba7c1a;color:var(--x-success)}.x-like-btn:hover{background-color:#f918801a;color:#f91880}.x-share-btn:hover{background-color:#1d9bf01a;color:var(--x-primary)}.modern-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #0000000d;box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header-container{align-items:center;display:flex;gap:24px;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.logo-section{flex-shrink:0}.modern-logo{align-items:center;display:flex;gap:12px;text-decoration:none;transition:all .3s ease}.modern-logo:hover{transform:scale(1.02)}.logo-icon{border-radius:8px;height:32px;overflow:hidden;width:32px}.logo-text{-webkit-text-fill-color:#0000;background:var(--twiq-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.02em}.search-section{flex:1 1;margin:0 auto;max-width:480px}.search-container{align-items:center;display:flex;position:relative}.search-input{border:2px solid #0000;border-radius:22px;height:44px;outline:none;padding:0 16px 0 48px;transition:all .3s ease}.search-icon{left:16px;pointer-events:none}.header-navigation{flex-shrink:0}.user-section{gap:12px}.header-icon-btn,.user-section{align-items:center;display:flex}.header-icon-btn{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.header-icon-btn:hover{background:#1da1f21a;color:var(--twiq-blue)}.notification-badge{align-items:center;background:#f44;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;position:absolute;right:8px;top:8px;width:18px}.user-dropdown{position:relative}.user-trigger{align-items:center;background:#0000;border:none;border-radius:32px;cursor:pointer;display:flex;gap:12px;max-width:240px;padding:8px 16px;transition:all .2s ease}.user-trigger:hover{background:#00000008}.user-avatar-modern{align-items:center;background:var(--twiq-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{flex-direction:column;min-width:0}.user-name{font-weight:600}.user-handle,.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-handle{color:var(--text-tertiary);font-size:13px}.dropdown-arrow{color:var(--text-tertiary);flex-shrink:0;transition:all .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 20px 40px #00000026,0 4px 12px #0000001a;margin-top:8px;padding:8px 0;position:absolute;right:0;top:100%;transform-origin:top right;width:280px;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;display:flex;gap:12px;padding:12px 16px}.user-avatar-large{align-items:center;background:var(--twiq-gradient);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.dropdown-user-name{color:var(--text-primary);font-size:16px;font-weight:600}.dropdown-user-handle{color:var(--text-tertiary);font-size:14px}.dropdown-divider{background:#00000014;height:1px;margin:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#00000008}.dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.logout-item:hover{background:#ef44440d;color:#ef4444}.logout-item:hover svg{color:#ef4444}.auth-buttons{align-items:center;display:flex;gap:12px}.search-clear-btn{background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-clear-btn:hover{background:#0000000d;color:var(--text-secondary)}.header-icon-btn.active{background:#1da1f21a;color:var(--twiq-blue)}.mobile-only{display:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:64px;z-index:1000}.mobile-menu{animation:slideInLeft .3s ease;background:#fff;box-shadow:2px 0 20px #0000001a;height:100%;max-width:300px}.mobile-menu-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px}.mobile-menu-close{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.mobile-menu-close:hover{background:#0000000d}.mobile-menu-search{border-bottom:1px solid #0000000d;padding:20px}.mobile-nav{padding:20px 0}.mobile-nav-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;gap:16px;padding:16px 20px;position:relative;text-align:left;transition:all .2s ease;width:100%}.mobile-nav-item:hover{background:#00000008}.mobile-nav-item.active{background:#1da1f21a;color:var(--twiq-blue);font-weight:600}.mobile-nav-item.active:before{background:var(--twiq-blue);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:1024px){.search-section,.user-info{display:none}.user-trigger{padding:8px}}@media (max-width:768px){.header-container{gap:16px;padding:0 16px}.search-section{display:none}.user-section{gap:8px}.header-icon-btn{height:40px;width:40px}.mobile-only{display:flex!important}.dropdown-arrow,.user-trigger .user-info{display:none}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid #fff3;border-radius:20px;box-shadow:0 12px 40px var(--shadow-lg);height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar:hover{box-shadow:0 16px 50px var(--shadow-lg);transform:translateY(-2px)}.right-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:20px;box-shadow:0 12px 40px var(--shadow-lg);height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;top:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}.right-sidebar:hover{border-color:var(--twiq-border-hover);box-shadow:0 16px 50px var(--shadow-lg);transform:translateY(-2px)}.right-sidebar .suggestions-widget,.right-sidebar .trends-widget{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:var(--twiq-bg-glass)!important;border:1px solid var(--twiq-border)!important;border-radius:16px!important;margin:16px!important;padding:20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.right-sidebar .suggestions-widget:hover,.right-sidebar .trends-widget:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);box-shadow:0 4px 16px var(--shadow);transform:translateX(-4px)}.right-sidebar .widget-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--twiq-text-primary);font-size:20px;font-weight:700;margin-bottom:16px}.right-sidebar .trend-item{background:#0000!important;border:none!important;border-radius:8px!important;cursor:pointer!important;margin-bottom:4px!important;padding:12px 0!important;text-align:left!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.right-sidebar .trend-item:hover{background:var(--twiq-bg-hover)!important;border-color:var(--twiq-border-hover)!important;padding:12px 8px!important;transform:translateX(4px)!important}.right-sidebar .trend-topic{color:var(--twiq-primary)!important;font-size:16px!important;font-weight:700!important;margin-bottom:4px!important}.right-sidebar .trend-count{color:var(--twiq-text-secondary)!important;font-size:13px!important}.right-sidebar .suggestion-item{align-items:flex-start;border-bottom:1px solid var(--twiq-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:4px;padding:16px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.right-sidebar .suggestion-item:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);padding:16px 8px;transform:translateX(4px)}.right-sidebar .widget-more-btn{background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:12px;color:var(--twiq-primary);cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.right-sidebar .widget-more-btn:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-primary);box-shadow:0 4px 12px var(--glow);transform:translateY(-2px)}.right-sidebar .suggestion-user-info{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.right-sidebar .suggestion-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:2px solid var(--twiq-bg-glass);border-radius:50%;box-shadow:0 4px 16px var(--glow);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.right-sidebar .suggestion-details{flex:1 1;min-width:0}.right-sidebar .suggestion-name{align-items:center;color:var(--twiq-text-primary);display:flex;font-size:15px;font-weight:700;gap:4px;margin-bottom:4px}.right-sidebar .suggestion-bio,.right-sidebar .suggestion-username{color:var(--twiq-text-secondary);font-size:13px;margin-bottom:6px}.right-sidebar .suggestion-bio{line-height:1.4}.right-sidebar .suggestion-followers{color:var(--twiq-text-tertiary);font-size:12px}.right-sidebar .follow-user-btn{background:#0000;border:2px solid var(--twiq-primary);border-radius:24px;color:var(--twiq-primary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;margin-left:8px;padding:8px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.right-sidebar .follow-user-btn:hover{background:var(--twiq-primary);box-shadow:0 4px 12px var(--glow);color:#fff;transform:scale(1.05)}.right-sidebar .follow-user-btn.following{border-color:var(--twiq-text-tertiary);color:var(--twiq-text-tertiary)}.right-sidebar .follow-user-btn.following:hover,.right-sidebar .follow-user-btn.unfollow-hover{background:#dc3545;border-color:#dc3545;color:#fff}.right-sidebar .sidebar-footer{background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:12px;margin:20px;padding:16px}.right-sidebar .footer-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.right-sidebar .footer-link{color:var(--twiq-text-tertiary);font-size:13px;text-decoration:none;transition:all .2s ease}.right-sidebar .footer-link:hover{color:var(--twiq-primary);text-decoration:underline}.right-sidebar .footer-copyright{color:var(--twiq-text-tertiary);font-size:12px;line-height:1.4}.modern-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid #fff3;border-radius:20px;box-shadow:0 12px 40px var(--shadow-lg);height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;top:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-sidebar:hover{box-shadow:0 16px 50px var(--shadow-lg);transform:translateY(-2px)}.sidebar-content{padding:24px 0}.sidebar-user-card{border-bottom:1px solid #00000014;margin-bottom:8px;padding:24px}.user-avatar-sidebar{align-items:center;background:var(--twiq-gradient);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;margin-bottom:16px;width:64px}.user-details h3.user-display-name{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2;margin:0 0 4px}.user-details .user-handle{color:var(--text-secondary);font-size:15px;font-weight:400;margin:0 0 12px}.user-stats{align-items:center;display:flex;gap:8px}.user-stats .stat{color:var(--text-secondary);font-size:14px}.user-stats .stat strong{color:var(--text-primary);font-weight:700}.user-stats .stat-divider{color:var(--text-tertiary);font-size:12px}.sidebar-navigation{padding:8px 0}.nav-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:16px 24px;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#00000008;color:var(--twiq-blue)}.nav-item.active{color:var(--twiq-blue);font-weight:600}.nav-item.active:before{background:var(--twiq-blue);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{color:inherit;margin-right:16px}.nav-label{font-size:16px;font-weight:inherit}.tweet-btn-sidebar{align-items:center;background:var(--twiq-gradient);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin:20px 24px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 48px)}.tweet-btn-sidebar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tweet-btn-sidebar:hover:before{left:100%}.tweet-btn-sidebar:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.tweet-btn-sidebar:active{box-shadow:0 4px 15px #667eea66;transform:translateY(0)}.tweet-icon{height:20px;width:20px}.sidebar-guest{padding:24px}.guest-welcome{text-align:center}.welcome-icon{margin-bottom:24px;opacity:.8}.guest-welcome h3{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.3;margin:0 0 12px}.guest-welcome p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 32px}.auth-buttons-sidebar{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.auth-btn{justify-content:center;width:100%}.btn-base{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;padding:14px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.features-list{margin-top:24px}.feature-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;padding:12px 0}.feature-item svg{flex-shrink:0;opacity:.7}.modern-timeline{background:#0000;min-height:100vh}.timeline-header-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:0;position:-webkit-sticky;position:sticky;top:64px;z-index:100}.timeline-header-modern .header-content{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.header-title-section h1.timeline-title-modern{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 2px}.timeline-subtitle{color:var(--text-tertiary);font-size:13px;font-weight:400;margin:0}.timeline-options-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.timeline-options-btn:hover{background:#0000000d;color:var(--text-secondary)}.compose-section-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:16px 24px 12px}.compose-form-modern{width:100%}.compose-header{display:flex;gap:12px}.compose-avatar-modern{align-items:center;background:var(--twiq-gradient);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.compose-main{flex:1 1;min-width:0}.compose-textarea-modern{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:20px;line-height:1.4;min-height:60px;outline:none;padding:12px 0;resize:none;width:100%}.compose-textarea-modern::placeholder{color:var(--text-tertiary);font-size:20px}.compose-textarea-modern:focus{outline:none}.compose-actions-modern{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.compose-tools-modern{align-items:center;display:flex;gap:8px}.compose-tool-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--twiq-blue);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.compose-tool-btn:hover{background:#1da1f21a}.compose-submit-section{align-items:center;display:flex;gap:16px}.character-count{align-items:center;display:flex;justify-content:center;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring circle{stroke:#e1e8ed;fill:none;transition:all .3s ease}.progress-ring.caution circle{stroke:#ffad1f}.progress-ring.warning circle{stroke:#f91880}.count-text{color:var(--text-tertiary);font-size:12px;font-weight:600;position:absolute}.count-text.warning{color:#ffad1f}.count-text.danger{color:#f91880}.btn-tweet{align-items:center;background:var(--twiq-gradient);border:none;border-radius:24px;box-shadow:0 2px 8px #1da1f24d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:40px;justify-content:center;min-width:80px;padding:8px 24px;transition:all .2s ease}.btn-tweet:hover:not(.disabled){background:linear-gradient(135deg,#1991db,#6a4c9e);box-shadow:0 4px 12px #1da1f266;transform:translateY(-1px)}.btn-tweet.disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.5}.btn-loading{align-items:center;display:flex;gap:8px}.loading-spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.widget-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;justify-content:center;padding:16px}.timeline-feed-modern{background:#0000}.loading-state-modern{padding:60px 24px;text-align:center}.loading-spinner-modern{animation:spin 1s linear infinite;border:3px solid #1da1f21a;border-radius:50%;border-top:3px solid var(--twiq-blue);height:40px;margin:0 auto 16px;width:40px}.loading-text{color:var(--text-tertiary);font-size:16px;margin:0}.tweet-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tweet-modern:hover{background:var(--twiq-bg-hover);box-shadow:0 4px 16px var(--shadow);transform:translateX(4px)}.tweet-content{display:flex;gap:12px;padding:16px 24px}.tweet-avatar-section{flex-shrink:0}.tweet-avatar-modern{align-items:center;background:var(--twiq-gradient);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.tweet-main{flex:1 1;min-width:0}.tweet-header-modern{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.tweet-author-info{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.verified-badge{flex-shrink:0;margin-top:1px}.author-handle{color:var(--text-tertiary);font-size:15px;font-weight:400}.tweet-separator{color:var(--text-tertiary);margin:0 2px}.tweet-time{color:var(--text-tertiary);font-size:15px;text-decoration:none}.tweet-time:hover{text-decoration:underline}.tweet-more-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tweet-more-btn:hover{background:#1da1f21a;color:var(--twiq-blue)}.tweet-body-modern{margin:8px 0 16px}.tweet-body-modern p{word-wrap:break-word;color:var(--text-primary);font-size:16px;line-height:1.4;margin:0}.tweet-actions-modern{align-items:center;display:flex;justify-content:space-between;margin-top:12px;max-width:425px}.tweet-action-btn{align-items:center;background:#0000;border:none;border-radius:20px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:13px;gap:8px;min-height:36px;padding:8px 12px;transition:all .2s ease}.tweet-action-btn .action-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.action-count{font-weight:500;min-width:16px;text-align:left}.reply-btn:hover{background:#1da1f21a;color:var(--twiq-blue)}.retweet-btn:hover{background:#17bf631a;color:#17bf63}.like-btn:hover{background:#f918801a;color:#f91880}.share-btn:hover{background:#1da1f21a;color:var(--twiq-blue)}.like-btn.active,.like-btn.active:hover{color:#e91e63!important}.like-btn.active:hover{background:#e91e631a}.retweet-btn.active{color:#00d084!important}.retweet-btn.active:hover{background:#00d0841a;color:#00d084!important}.empty-state-modern{margin:0 auto;max-width:400px;padding:80px 24px;text-align:center}.empty-state-icon{opacity:.6}.empty-state-title{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.empty-state-text{color:var(--text-tertiary);font-size:16px;line-height:1.4;margin:0}.timeline-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:20px 24px;text-align:center}.refresh-btn{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.refresh-btn:hover{background:#00000008;border-color:#0003}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-slide-up{animation:slideUp .5s ease-out both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlide .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-width:420px;padding:40px;position:relative;width:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{margin-bottom:30px;text-align:center}.modal-title{-webkit-text-fill-color:#0000;background:var(--twiq-gradient);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:8px}.modal-subtitle{color:#657786;font-size:16px}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#657786;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s;width:32px}.close-modal:hover{background-color:#f8fafc}.min-h-screen{min-height:100vh}.component-placeholder{background:#f8fafc;border-radius:8px;color:#657786;margin:20px 0;padding:20px;text-align:center}.component-placeholder h3{color:#333;margin:0 0 8px}.component-placeholder p{font-size:14px;margin:0}.explore-page{background:#0000;margin-top:-20px;min-height:100vh}.explore-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:0}.explore-header .header-content{padding:16px 24px}.header-title-section .page-title{color:var(--twiq-text-primary);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 2px}.page-subtitle{color:var(--twiq-text-tertiary);display:block;font-size:13px;font-weight:400;margin:0}.search-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:16px 24px}.search-container{max-width:400px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-tertiary);left:12px;position:absolute;z-index:1}.search-input{background:#f7f9fa;border:1px solid #0000001f;border-radius:50px;color:#000;font-size:15px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.search-input:focus{background:#f7f9fa;box-shadow:0 0 0 4px #1da1f21a;color:#000}.clear-search-btn,.search-input::placeholder{color:var(--text-tertiary)}.clear-search-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:28px}.clear-search-btn:hover{background:#0000001a;color:var(--text-secondary)}.explore-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);overflow-x:auto;padding:0 24px}.tabs-container{display:flex;gap:0}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:16px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#00000008;color:var(--text-primary)}.tab-btn.active{border-bottom-color:var(--twiq-blue);color:var(--twiq-blue);font-weight:600}.tab-icon{align-items:center;display:flex}.explore-content{padding:24px}.section-title{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.trending-content{grid-gap:32px;display:grid;gap:32px}.trending-topics{margin-bottom:32px}.topics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.topic-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:12px;cursor:pointer;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-card:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.topic-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.topic-tag{color:var(--twiq-blue);font-size:16px;font-weight:600}.follow-topic-btn{align-items:center;background:#0000;border:1px solid #1da1f24d;border-radius:50%;color:var(--twiq-blue);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.follow-topic-btn:hover{background:#1da1f21a;border-color:var(--twiq-blue)}.topic-count{color:var(--text-tertiary);font-size:14px}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-card:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.user-info{gap:12px}.user-avatar-explore{align-items:center;background:var(--twiq-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.user-details{flex:1 1;min-width:0}.user-name-section{align-items:center;display:flex;gap:4px;margin-bottom:2px}.user-display-name{color:var(--text-primary);font-size:15px;font-weight:700}.user-handle{display:block;margin-bottom:8px}.user-bio,.user-handle{color:var(--text-secondary);font-size:14px}.user-bio{line-height:1.4;margin:0 0 8px}.user-followers{color:var(--text-tertiary);font-size:13px}.follow-user-btn{align-items:center;background:#0000;border:1px solid var(--twiq-blue);border-radius:20px;color:var(--twiq-blue);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.follow-user-btn:hover{background:var(--twiq-blue);color:#fff}.posts-section{margin-top:24px}.explore-post{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.explore-post:hover{background:var(--twiq-bg-hover);border-color:var(--twiq-border-hover);box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.post-content{display:flex;gap:12px}.post-avatar-section{flex-shrink:0}.post-avatar{align-items:center;background:var(--twiq-gradient);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.post-main{flex:1 1;min-width:0}.post-header{margin-bottom:8px}.post-author-info{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.author-name{color:var(--text-primary);font-size:15px;font-weight:700}.author-handle{color:var(--text-secondary);font-size:14px}.post-separator,.post-time{color:var(--text-tertiary);font-size:14px}.post-body{margin-bottom:12px}.post-body p{color:var(--text-primary);font-size:15px;line-height:1.5;margin:0}.post-actions{display:flex;justify-content:space-between;margin-top:12px;max-width:400px}.post-action-btn{align-items:center;background:#0000;border:none;border-radius:50px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px;transition:all .2s ease}.post-action-btn:hover{background:#0000000d;color:var(--text-secondary)}.post-action-btn.like-btn:hover{background:#e91e631a;color:#e91e63}.post-action-btn.retweet-btn:hover{background:#00d0841a;color:#00d084}.post-action-btn.reply-btn:hover{background:#1da1f21a;color:var(--twiq-blue)}.search-results{margin-top:24px}.empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state-icon{margin-bottom:24px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:15px;margin:0}@media (max-width:768px){.explore-content{padding:16px}.topics-grid,.users-grid{grid-template-columns:1fr}.user-card{align-items:stretch;flex-direction:column;gap:16px}.follow-user-btn{align-self:flex-start}.tabs-container{gap:0}.tab-btn{font-size:14px;padding:12px 16px}}.notifications-page{background:#0000;min-height:100vh}.notifications-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:0;position:-webkit-sticky;position:sticky;top:64px;z-index:100}.notifications-header .header-content{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.header-actions{display:flex;gap:12px}.mark-all-read-btn{align-items:center;background:#0000;border:1px solid var(--twiq-blue);border-radius:20px;color:var(--twiq-blue);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.mark-all-read-btn:hover{background:var(--twiq-blue);color:#fff}.notifications-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);overflow-x:auto;padding:0 24px}.notifications-content{background:#0000}.notifications-list{divide-y:1px solid #00000014}.notification-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);cursor:pointer;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item:hover{background:var(--twiq-bg-hover);transform:translateX(4px)}.notification-item.unread{background:#1da1f205;border-left:4px solid var(--twiq-blue)}.notification-content{display:flex;gap:12px}.notification-icon-section{align-items:flex-start;display:flex;flex-shrink:0;padding-top:4px}.notification-icon{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.like-icon{background:#e91e631a}.retweet-icon{background:#00d0841a}.default-icon,.follow-icon,.mention-icon,.reply-icon{background:#1da1f21a}.notification-main{flex:1 1;min-width:0}.notification-header{justify-content:space-between;margin-bottom:8px}.notification-header,.user-info{align-items:flex-start;display:flex}.user-info{flex:1 1;gap:8px}.user-avatar-small{align-items:center;background:var(--twiq-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.notification-text{flex:1 1;min-width:0}.user-name{align-items:center;color:var(--text-primary);display:inline-flex;font-size:15px;font-weight:700;gap:4px}.notification-action{color:var(--text-secondary);font-size:15px;margin-left:4px}.notification-time{color:var(--text-tertiary);font-size:14px;margin-left:8px}.unread-indicator{background:var(--twiq-blue);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-post{background:#00000005;border-left:3px solid #1da1f24d;border-radius:12px;margin-top:8px;padding:12px}.notification-post p{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.4;margin:0}.auth-required{margin:0 auto;max-width:400px;padding:80px 20px}.auth-required-icon{margin-bottom:32px;opacity:.6}.auth-required h3{color:var(--text-primary);line-height:1.3;margin:0 0 16px}.auth-required p{color:var(--text-secondary);line-height:1.5;margin:0 0 32px}@media (max-width:768px){.notifications-header .header-content{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.mark-all-read-btn{align-self:flex-end}.notification-item{padding:12px 16px}.notification-content{gap:8px}.user-info{gap:6px}.notification-action,.notification-text,.user-name{font-size:14px}.notification-time{font-size:13px}}.profile-page{background:var(--twiq-bg);min-height:100vh}.profile-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;position:relative}.cover-image,.default-cover{height:100%;width:100%}.default-cover{background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%)}.profile-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:0 24px}.profile-avatar-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-top:-80px}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:6px solid var(--twiq-bg);border-radius:50%;box-shadow:0 8px 32px #0003;color:#fff;display:flex;font-size:56px;font-weight:700;height:140px;justify-content:center;width:140px}.edit-profile-btn{background:#0000;border:1.5px solid var(--twiq-border);border-radius:50px;color:var(--twiq-text-primary);cursor:pointer;font-size:15px;font-weight:600;margin-top:90px;padding:12px 28px;transition:all .3s ease}.edit-profile-btn:hover{background:#1da1f21a;border-color:var(--twiq-blue);color:var(--twiq-blue)}.profile-details{padding-bottom:24px}.profile-name-section{margin-bottom:12px}.profile-display-name{align-items:center;color:var(--twiq-text-primary);display:flex;font-size:24px;font-weight:800;gap:8px;margin:0}.profile-username{color:var(--text-tertiary);display:block;font-size:16px;margin-top:4px}.profile-bio{margin:16px 0}.bio-display{padding-right:32px;position:relative}.bio-display p{color:var(--twiq-text-primary);font-size:16px;line-height:1.6;margin:0}.edit-bio-btn{background:none;border:none;color:var(--twiq-blue);cursor:pointer;opacity:0;padding:4px;position:absolute;right:0;top:0;transition:opacity .2s}.bio-display:hover .edit-bio-btn{opacity:1}.bio-edit textarea{background:var(--twiq-bg);border:2px solid var(--twiq-border);border-radius:12px;color:var(--twiq-text-primary);font-family:inherit;font-size:15px;padding:12px;resize:vertical;width:100%}.bio-edit textarea:focus{border-color:var(--twiq-blue);outline:none}.bio-edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.btn-cancel,.btn-save{border-radius:50px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-cancel{background:#0000;border:1.5px solid var(--twiq-border);color:var(--twiq-text-primary)}.btn-cancel:hover{background:#0000000d}.btn-save{background:var(--twiq-blue);border:none;color:#fff}.btn-save:hover{background:#1a8cd8}.profile-metadata{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.metadata-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:15px;gap:6px}.metadata-item svg{flex-shrink:0}.metadata-item a{color:var(--twiq-blue);text-decoration:none}.metadata-item a:hover{text-decoration:underline}.profile-stats{display:flex;gap:24px;margin-top:16px}.stat-item{cursor:pointer;display:flex;gap:4px;transition:all .2s}.stat-item:hover{opacity:.8}.stat-number{color:var(--twiq-text-primary);font-size:16px}.stat-label{color:var(--text-tertiary);font-size:16px}.profile-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);display:flex;overflow-x:auto}.profile-tabs .tabs-container{display:flex;width:100%}.profile-tabs .tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:16px;transition:all .2s}.profile-tabs .tab-btn:hover{background:#1da1f21a;color:var(--twiq-text-primary)}.profile-tabs .tab-btn.active{border-bottom-color:var(--twiq-blue);color:var(--twiq-blue)}.tab-count{color:var(--text-tertiary);font-size:13px}.profile-content{min-height:400px}.profile-post{border-bottom:1px solid var(--twiq-border);padding:16px 24px;transition:background .2s}.profile-post:hover{background:#00000005}.auth-required{padding:80px 24px;text-align:center}.auth-required-icon{margin-bottom:24px;opacity:.5}.auth-required h3{color:var(--twiq-text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.auth-required p{color:var(--text-tertiary);font-size:16px;margin-bottom:24px}.auth-required .btn-primary{background:var(--twiq-blue);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.auth-required .btn-primary:hover{background:#1a8cd8;box-shadow:0 8px 16px #1da1f24d;transform:translateY(-2px)}@media (max-width:768px){.profile-avatar{font-size:40px;height:100px;width:100px}.profile-avatar-section{margin-top:-50px}.edit-profile-btn{font-size:14px;margin-top:60px;padding:10px 20px}.profile-display-name{font-size:20px}}.settings-page{background:var(--twiq-bg);min-height:100vh}.settings-container{display:flex;flex-direction:column;margin:0 auto;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.settings-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);padding:0;position:-webkit-sticky;position:sticky;top:64px;z-index:10}.settings-nav{display:flex;flex-direction:row;gap:0;overflow-x:auto}.settings-nav-item{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--twiq-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;gap:12px;padding:20px 32px;text-align:center;transition:all .2s ease;white-space:nowrap}.settings-nav-item:hover{background:#1da1f21a;color:var(--twiq-text-primary)}.settings-nav-item.active{background:#1da1f226;border-bottom-color:var(--twiq-blue);color:var(--twiq-blue);font-weight:600}.nav-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.nav-label{flex:1 1}.settings-content{flex:1 1;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:32px 40px}.settings-header{border-bottom:2px solid var(--twiq-border);margin-bottom:32px;padding-bottom:16px}.settings-title{color:var(--twiq-text-primary);font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0}.settings-sections{max-width:680px;width:100%}.settings-section{display:flex;flex-direction:column;gap:32px}.setting-group{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border:1px solid var(--twiq-border);border-radius:16px;padding:24px;transition:all .3s ease}.setting-group:hover{box-shadow:0 4px 24px #00000014;transform:translateY(-2px)}.group-title{border-bottom:1px solid var(--twiq-border);color:var(--twiq-text-primary);font-size:18px;font-weight:700;margin:0 0 24px;padding-bottom:12px}.setting-item{align-items:flex-start;border-bottom:1px solid #0000000d;display:flex;gap:24px;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-of-type{padding-top:0}.setting-info{flex:1 1}.setting-label{color:var(--twiq-text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.setting-description{color:var(--text-tertiary);font-size:14px;line-height:1.5;margin:0}.setting-control{align-items:center;display:flex;flex-shrink:0}.form-input,.form-select,.form-textarea{background:var(--twiq-bg);border:2px solid var(--twiq-border);border-radius:12px;color:var(--twiq-text-primary);font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease;width:280px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--twiq-blue);box-shadow:0 0 0 4px #1da1f21a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23536471' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:44px}.toggle-switch{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#ccc;border-radius:34px;bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;width:20px}.toggle-switch input:checked+.toggle-slider{background:var(--twiq-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 4px #1da1f21a}.settings-actions{border-top:2px solid var(--twiq-border);display:flex;gap:16px;margin-top:40px;padding-top:24px}.btn-primary{background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border:none;border-radius:50px;box-shadow:0 4px 16px #1da1f24d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 24px #1da1f266;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid var(--twiq-border);border-radius:50px;color:var(--twiq-text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.btn-secondary:hover{background:#0000000d;border-color:var(--twiq-text-primary)}@media (max-width:768px){.settings-nav-item{font-size:15px;padding:16px 24px}.settings-content{padding:24px 16px}.form-input,.form-select,.form-textarea{width:100%}.setting-item{align-items:stretch;flex-direction:column}.setting-control{justify-content:flex-start;margin-top:12px}.settings-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.messages-page{background:var(--twiq-bg);min-height:100vh}.messages-container{display:grid;grid-template-columns:380px 1fr;height:calc(100vh - 64px);margin:0 auto;max-width:100%;overflow:hidden;width:100%}.conversations-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-right:1px solid var(--twiq-border);display:flex;flex-direction:column;overflow:hidden}.conversations-header{align-items:center;border-bottom:1px solid var(--twiq-border);display:flex;justify-content:space-between;padding:20px 24px}.conversations-title{color:var(--twiq-text-primary);font-size:22px;font-weight:800;margin:0}.new-message-btn{align-items:center;background:var(--twiq-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.new-message-btn:hover{background:#1a8cd8;transform:scale(1.1)}.search-conversations{border-bottom:1px solid var(--twiq-border);padding:16px 24px}.search-conversations .search-input-wrapper{align-items:center;display:flex;position:relative}.search-conversations .search-icon{color:var(--text-tertiary);left:14px;pointer-events:none;position:absolute}.search-conversations .search-input{background:#00000008;border:1px solid var(--twiq-border);border-radius:50px;color:var(--twiq-text-primary);font-size:15px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.search-conversations .search-input:focus{background:#fff;border-color:var(--twiq-blue);box-shadow:0 0 0 3px #1da1f21a;outline:none}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #0000000d;cursor:pointer;display:flex;gap:12px;padding:16px 24px;transition:all .2s ease}.conversation-item:hover{background:#1da1f20d}.conversation-item.active{background:#1da1f21f;border-right:3px solid var(--twiq-blue)}.conversation-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{align-items:center;display:flex;gap:4px}.conversation-name .display-name{color:var(--twiq-text-primary);font-size:16px;font-weight:600}.conversation-time{color:var(--text-tertiary);font-size:13px}.conversation-preview{align-items:center;display:flex;gap:8px;justify-content:space-between}.last-message{color:var(--text-tertiary);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message.unread{color:var(--twiq-text-primary);font-weight:600}.unread-count{background:var(--twiq-blue);border-radius:12px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.chat-area{background:var(--twiq-bg);display:flex;flex-direction:column}.chat-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-bottom:1px solid var(--twiq-border);justify-content:space-between;padding:16px 24px}.chat-header,.chat-user-info{align-items:center;display:flex}.chat-user-info{gap:12px}.chat-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.chat-user-details{display:flex;flex-direction:column}.chat-user-name{align-items:center;color:var(--twiq-text-primary);display:flex;font-size:16px;font-weight:700;gap:4px}.chat-username{color:var(--text-tertiary);font-size:14px}.chat-options-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-options-btn:hover{background:#1da1f21a;color:var(--twiq-blue)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message{display:flex;gap:12px;max-width:70%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{align-items:center;background:linear-gradient(135deg,var(--twiq-primary) 0,var(--twiq-secondary) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.message-content{display:flex;flex-direction:column;gap:4px}.message-text{word-wrap:break-word;border-radius:18px;font-size:15px;line-height:1.5;padding:12px 16px}.message.own .message-text{background:var(--twiq-blue);border-bottom-right-radius:4px;color:#fff}.message.other .message-text{background:#0000000d;border-bottom-left-radius:4px;color:var(--twiq-text-primary)}.message-time{color:var(--text-tertiary);font-size:12px;padding:0 4px}.message.own .message-time{text-align:right}.chat-input-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--twiq-bg-glass);border-top:1px solid var(--twiq-border);padding:16px 24px}.chat-input-wrapper{align-items:flex-end;background:#fff;border:2px solid var(--twiq-border);border-radius:24px;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:var(--twiq-blue);box-shadow:0 0 0 4px #1da1f21a}.chat-input{background:#0000;border:none;color:var(--twiq-text-primary);flex:1 1;font-family:inherit;font-size:15px;max-height:120px;outline:none;padding:8px;resize:none}.send-button{align-items:center;background:var(--twiq-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.send-button:hover:not(:disabled){background:#1a8cd8;transform:scale(1.1)}.send-button:disabled{cursor:not-allowed;opacity:.5}.no-chat-selected{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-chat-icon{margin-bottom:24px;opacity:.3}.no-chat-selected h3{color:var(--twiq-text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.no-chat-selected p{color:var(--text-tertiary);font-size:16px;margin:0;max-width:400px}@media (max-width:1200px){.messages-container{grid-template-columns:320px 1fr}}@media (max-width:968px){.messages-container{grid-template-columns:280px 1fr}.conversation-item{padding:12px 16px}.conversations-header{padding:16px}.search-conversations{padding:12px 16px}.message{max-width:85%}.chat-messages{padding:16px}.chat-header,.chat-input-area{padding:12px 16px}}@media (max-width:768px){.messages-container{grid-template-columns:1fr}.conversations-sidebar{display:none}.conversations-sidebar.mobile-show{display:flex;height:100%;position:absolute;width:100%;z-index:20}.message{max-width:90%}.message-text{font-size:14px;padding:10px 14px}.conversation-name .display-name{font-size:15px}.last-message{font-size:14px}.conversations-title{font-size:20px}}.admin-panel{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.admin-header-content{align-items:center;display:flex;height:64px;justify-content:space-between;max-width:100%;padding:0 24px}.admin-logo h1{font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.admin-user-menu{align-items:center;display:flex;font-weight:500;gap:16px}.admin-user-menu .btn-secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.admin-user-menu .btn-secondary:hover{background:#ffffff4d}.admin-layout{display:flex;min-height:calc(100vh - 64px)}.admin-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border-right:1px solid #fff3;box-shadow:8px 0 32px #0000001a;height:calc(100vh - 64px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:64px;width:260px}.admin-nav{list-style:none;margin:0;padding:20px 0}.admin-nav li{margin-bottom:4px}.admin-nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:14px 24px;text-align:left;transition:all .2s ease;width:100%}.admin-nav-item:hover{background:#ffffff1a}.admin-nav-item.active,.admin-nav-item:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--twiq-blue)}.admin-nav-item.active{background:#667eea1a;border-left:4px solid var(--twiq-blue);font-weight:600}.admin-main{flex:1 1;overflow-y:auto;padding:24px}.admin-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid #fff3;border-radius:20px;box-shadow:0 12px 40px var(--shadow-lg);margin-bottom:32px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-card:hover{box-shadow:0 20px 50px var(--shadow-lg);transform:translateY(-4px)}.admin-card-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.admin-card-title{color:#333;font-size:20px;font-weight:700;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid #fff3;border-image:var(--twiq-gradient) 1;border-radius:16px;box-shadow:0 8px 32px var(--shadow);overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:var(--twiq-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card:hover{box-shadow:0 20px 50px var(--shadow-lg);transform:translateY(-6px)}.stat-number{color:var(--twiq-blue);font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#657786;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-change{font-size:12px;margin-top:8px}.stat-change.positive{color:#1db954}.stat-change.negative{color:#e74c3c}.admin-table{border-collapse:collapse;margin-top:20px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e1e8ed;padding:12px 16px;text-align:left}.admin-table th{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table th,.admin-table tr:hover{background-color:#f8fafc}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.verified{background-color:#cce7ff;color:#06c}.status-badge.admin{background-color:#e7d4ff;color:#6a1b9a}.status-badge.moderator{background-color:#fff3cd;color:#856404}.action-buttons{display:flex;gap:8px}.btn-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-edit{background-color:#17a2b8;color:#fff}.btn-edit:hover{background-color:#138496}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.btn-activate{background-color:#28a745;color:#fff}.btn-activate:hover{background-color:#218838}.btn-deactivate{background-color:#ffc107;color:#212529}.btn-deactivate:hover{background-color:#e0a800}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:10px 16px}.search-input:focus{border-color:var(--twiq-blue);box-shadow:0 0 0 3px #1da1f21a;outline:none}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px;padding:20px 0}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:var(--twiq-light-blue);border-color:var(--twiq-blue);color:var(--twiq-blue)}.pagination button.active{background-color:var(--twiq-blue);border-color:var(--twiq-blue);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.admin-access-denied{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh}.access-denied-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-width:480px;padding:48px;text-align:center}.access-denied-content h1{color:#333;font-size:48px;margin-bottom:16px}.access-denied-content p{color:#657786;font-size:16px;margin-bottom:24px}.admin-loading{align-items:center;display:flex;justify-content:center;padding:40px}.admin-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--twiq-blue);height:32px;width:32px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1 1}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--twiq-blue);box-shadow:0 0 0 3px #1da1f21a;outline:none}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{height:auto;position:static;width:100%}.admin-nav{display:flex;overflow-x:auto;padding:16px 20px}.admin-nav li{margin-bottom:0;margin-right:8px}.admin-nav-item{border-bottom:3px solid #0000;border-left:none;padding:12px 16px;white-space:nowrap}.admin-nav-item.active{border-bottom-color:var(--twiq-blue);border-left:none}.admin-main{padding:16px}.stats-grid{grid-template-columns:1fr}.admin-controls{align-items:stretch;flex-direction:column}.search-input{min-width:auto}}
/*# sourceMappingURL=main.2f4e7974.css.map*/