:root{--bg-primary: #0a0a0a;--bg-secondary: #161618;--bg-tertiary: #1c1c1f;--bg-hover: #232328;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--text-primary: #fafafa;--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .4);--accent: #7c5cfc;--accent-hover: #6a4ee6;--like: #f91880;--recast: #00ba7c;--danger: #f4212e;--sidebar-width: 275px;--right-panel-width: 350px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}input,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100vh;max-width:1280px;margin:0 auto}.sidebar{width:var(--sidebar-width);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid var(--border);padding:0 12px;overflow-y:auto}.sidebar-header{padding:12px 12px 8px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:28px;color:var(--accent)}.logo-text{font-size:22px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px 0}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:9999px;font-size:18px;font-weight:500;transition:background .15s;position:relative}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{font-weight:700}.nav-icon{font-size:20px;width:26px;text-align:center}.badge{position:absolute;right:14px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:9999px;min-width:20px;text-align:center}.channels-section{flex:1;overflow-y:auto;padding:16px 0}.section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 14px;margin-bottom:8px}.channels-list{display:flex;flex-direction:column;gap:2px}.channel-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:14px;transition:background .15s}.channel-item:hover{background:var(--bg-hover)}.channel-item.active{background:#7c5cfc1f;color:var(--accent)}.channel-icon{font-size:16px}.channel-name{flex:1;font-weight:500}.channel-count{font-size:12px;color:var(--text-tertiary)}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:14px;margin:8px 0;border-radius:9999px;transition:background .15s;cursor:pointer}.sidebar-profile:hover{background:var(--bg-hover)}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:700;font-size:14px}.profile-username{font-size:13px;color:var(--text-secondary)}.main-content{flex:1;min-width:0;border-right:1px solid var(--border)}.feed{max-width:600px}.feed-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--border)}.feed-header h2{font-size:20px;font-weight:800}.clear-channel-btn{font-size:13px;color:var(--accent);padding:6px 14px;border-radius:9999px;border:1px solid var(--border-light);transition:background .15s}.clear-channel-btn:hover{background:#7c5cfc1a}.compose-trigger{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer}.compose-trigger-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.compose-trigger-text{flex:1;color:var(--text-tertiary);font-size:17px}.compose-trigger-btn{background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:8px 20px;border-radius:9999px;transition:background .15s}.compose-trigger-btn:hover{background:var(--accent-hover)}.feed-tabs{display:flex;border-bottom:1px solid var(--border)}.feed-tab{flex:1;padding:16px;text-align:center;font-weight:600;font-size:15px;color:var(--text-secondary);transition:all .15s;position:relative}.feed-tab:hover{background:var(--bg-hover)}.feed-tab.active{color:var(--text-primary)}.feed-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:56px;height:4px;background:var(--accent);border-radius:2px}.cast-card{padding:16px 20px;border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer}.cast-card:hover{background:#ffffff05}.cast-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:6px}.cast-author-btn{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.cast-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.cast-author-info{display:flex;flex-direction:column;min-width:0}.cast-display-name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--accent);border-radius:50%;font-size:10px;color:#fff;flex-shrink:0}.cast-username{font-size:13px;color:var(--text-secondary)}.cast-time{font-size:13px;color:var(--text-tertiary);white-space:nowrap}.cast-text{padding-left:56px;margin-bottom:10px}.cast-text p{font-size:15px;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.cast-text p+p{margin-top:8px}.cast-channel{padding-left:56px;margin-bottom:10px}.channel-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--accent);background:#7c5cfc1a;padding:3px 10px;border-radius:9999px}.cast-embeds{padding-left:56px;margin-bottom:10px}.cast-embed img{width:100%;max-width:100%;border-radius:16px;border:1px solid var(--border)}.cast-actions{display:flex;padding-left:48px;gap:0;margin-top:4px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9999px;font-size:13px;color:var(--text-secondary);transition:all .15s;min-width:70px}.action-btn:hover{background:var(--bg-hover)}.like-btn.liked{color:var(--like)}.like-btn.liked:hover{background:#f918801a}.recast-btn.recasted{color:var(--recast)}.recast-btn.recasted:hover{background:#00ba7c1a}.action-count{font-size:13px}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.compose-box{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:580px;border:1px solid var(--border-light);box-shadow:0 8px 32px #00000080}.compose-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.compose-close{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s}.compose-close:hover{background:var(--bg-hover)}.compose-publish{background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:8px 20px;border-radius:9999px;transition:all .15s}.compose-publish:disabled{opacity:.5;cursor:not-allowed}.compose-publish:not(:disabled):hover{background:var(--accent-hover)}.compose-body{display:flex;gap:12px;padding:16px}.compose-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.compose-input-area{flex:1;min-width:0}.compose-textarea{width:100%;min-height:120px;background:transparent;border:none;outline:none;resize:none;font-size:17px;line-height:1.5;color:var(--text-primary)}.compose-textarea::placeholder{color:var(--text-tertiary)}.compose-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:12px}.compose-tools{display:flex;gap:4px}.compose-tool{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s}.compose-tool:hover{background:#7c5cfc26}.compose-counter{font-size:13px;color:var(--text-tertiary)}.compose-counter .warning{color:#fa0}.compose-counter .over{color:var(--danger)}.right-panel{width:var(--right-panel-width);height:100vh;position:sticky;top:0;padding:12px 24px;overflow-y:auto}.search-box{margin-bottom:16px;position:sticky;top:0;background:var(--bg-primary);padding:4px 0 12px;z-index:5}.search-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:9999px;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s}.search-input:focus{border-color:var(--accent);background:transparent}.search-input::placeholder{color:var(--text-tertiary)}.panel-card{background:var(--bg-secondary);border-radius:16px;margin-bottom:16px;overflow:hidden}.panel-title{font-size:19px;font-weight:800;padding:16px 16px 12px}.trending-list{display:flex;flex-direction:column}.trending-item{display:flex;flex-direction:column;padding:12px 16px;transition:background .15s;cursor:pointer}.trending-item:hover{background:var(--bg-hover)}.trending-tag{font-weight:700;font-size:15px}.trending-count{font-size:13px;color:var(--text-tertiary)}.suggested-list{display:flex;flex-direction:column}.suggested-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;text-align:left}.suggested-item:hover{background:var(--bg-hover)}.suggested-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.suggested-info{flex:1;display:flex;flex-direction:column;min-width:0}.suggested-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:4px}.suggested-username{font-size:13px;color:var(--text-secondary)}.suggested-follow-btn{background:var(--text-primary);color:var(--bg-primary);font-weight:700;font-size:13px;padding:6px 16px;border-radius:9999px;transition:opacity .15s;flex-shrink:0}.suggested-follow-btn:hover{opacity:.85}.panel-footer{padding:16px}.footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.footer-links a{font-size:13px;color:var(--text-tertiary);text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-copy{font-size:13px;color:var(--text-tertiary)}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center}.profile-card{background:var(--bg-secondary);border-radius:20px;width:100%;max-width:420px;border:1px solid var(--border-light);box-shadow:0 8px 32px #00000080;overflow:hidden;position:relative}.profile-close{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#0009;color:#fff;z-index:2;transition:background .15s}.profile-close:hover{background:#000c}.profile-banner{height:120px;background:linear-gradient(135deg,var(--accent),#a78bfa,#3b82f6)}.profile-card-body{padding:0 20px 20px}.profile-card-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-secondary);margin-top:-40px;position:relative;background:var(--bg-tertiary)}.profile-card-header{margin-top:12px}.profile-card-name{font-size:20px;font-weight:800;display:flex;align-items:center;gap:6px}.profile-card-username{font-size:14px;color:var(--text-secondary)}.profile-card-bio{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-top:12px}.profile-card-stats{display:flex;gap:24px;margin-top:16px}.stat{display:flex;gap:4px}.stat-value{font-weight:700;font-size:14px}.stat-label{font-size:14px;color:var(--text-secondary)}.profile-card-actions{display:flex;gap:8px;margin-top:16px}.follow-btn{background:var(--text-primary);color:var(--bg-primary);font-weight:700;font-size:14px;padding:8px 24px;border-radius:9999px;transition:opacity .15s}.follow-btn:hover{opacity:.85}.follow-btn.following{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.follow-btn.following:hover{border-color:var(--danger);color:var(--danger);background:#f4212e14}.message-btn{background:transparent;color:var(--text-primary);font-weight:700;font-size:14px;padding:8px 24px;border-radius:9999px;border:1px solid var(--border-light);transition:background .15s}.message-btn:hover{background:var(--bg-hover)}.notifications-page,.explore-page,.channels-page,.placeholder-page{max-width:600px}.page-header{padding:16px 20px;position:sticky;top:0;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--border)}.page-header h2{font-size:20px;font-weight:800}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.notif-tabs{display:flex;gap:0;margin-top:12px}.notif-tab{flex:1;padding:12px;text-align:center;font-weight:600;font-size:14px;color:var(--text-secondary);border-radius:9999px;transition:all .15s}.notif-tab:hover{background:var(--bg-hover)}.notif-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.notifications-list{display:flex;flex-direction:column}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);transition:background .15s;position:relative}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#7c5cfc0a}.notif-icon{font-size:20px;width:36px;text-align:center;flex-shrink:0}.notif-user-btn{flex-shrink:0}.notif-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.notif-content{flex:1;min-width:0}.notif-text{font-size:14px;line-height:1.4;color:var(--text-primary)}.notif-text strong{font-weight:700}.notif-cast-preview{font-size:13px;color:var(--text-secondary);margin-top:4px}.notif-time{font-size:13px;color:var(--text-tertiary)}.notif-unread-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.explore-search{padding:12px 20px;border-bottom:1px solid var(--border)}.explore-search-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:12px;font-size:15px;color:var(--text-primary);outline:none;transition:all .2s}.explore-search-input:focus{border-color:var(--accent);background:transparent}.explore-search-input::placeholder{color:var(--text-tertiary)}.search-results{display:flex;flex-direction:column}.results-section{padding:12px 0}.results-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:8px 20px}.search-user-item{display:flex;align-items:center;gap:12px;padding:12px 20px;text-align:left;transition:background .15s;width:100%}.search-user-item:hover{background:var(--bg-hover)}.search-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.search-user-info{flex:1;display:flex;flex-direction:column;min-width:0}.search-user-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:4px}.search-user-username{font-size:13px;color:var(--text-secondary)}.search-user-bio{font-size:13px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.search-follow-btn{background:var(--text-primary);color:var(--bg-primary);font-weight:700;font-size:13px;padding:6px 16px;border-radius:9999px;flex-shrink:0}.search-cast-item{padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.search-cast-item:hover{background:var(--bg-hover)}.search-cast-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.search-cast-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.search-cast-author{font-weight:600;font-size:13px}.search-cast-time{font-size:12px;color:var(--text-tertiary)}.search-cast-text{font-size:14px;color:var(--text-secondary);line-height:1.4}.no-results{padding:40px 20px;text-align:center;color:var(--text-secondary)}.explore-default{padding:20px}.explore-section h3{font-size:19px;font-weight:800;margin-bottom:16px}.explore-topics{display:flex;flex-wrap:wrap;gap:8px}.explore-topic-btn{padding:10px 18px;background:var(--bg-tertiary);border-radius:9999px;font-size:14px;font-weight:600;color:var(--text-primary);transition:all .15s}.explore-topic-btn:hover{background:var(--bg-hover);border:1px solid var(--border-light)}.channels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px}.channel-card{background:var(--bg-secondary);border-radius:16px;padding:20px;cursor:pointer;border:1px solid var(--border);transition:all .15s}.channel-card:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.channel-card.active{border-color:var(--accent);background:#7c5cfc0f}.channel-card-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;margin-bottom:12px}.channel-card-icon img{width:100%;height:100%;object-fit:cover}.channel-card-name{font-size:16px;font-weight:700;margin-bottom:6px}.channel-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-card-footer{display:flex;align-items:center;justify-content:space-between}.channel-card-members{font-size:12px;color:var(--text-tertiary)}.channel-join-btn{background:var(--text-primary);color:var(--bg-primary);font-weight:700;font-size:12px;padding:5px 14px;border-radius:9999px;transition:opacity .15s}.channel-join-btn:hover{opacity:.85}.channel-join-btn.joined{background:transparent;color:var(--accent);border:1px solid var(--accent)}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.placeholder-page h2{font-size:24px;font-weight:800;margin-bottom:8px}.placeholder-page p{color:var(--text-secondary);font-size:15px}.empty-icon{font-size:64px;margin-top:24px;opacity:.3}.empty-feed{padding:40px 20px;text-align:center;color:var(--text-secondary)}@media(max-width:1100px){.right-panel{display:none}}@media(max-width:768px){.sidebar{width:72px}.sidebar .nav-item span:not(.nav-icon),.sidebar .channels-section,.sidebar .profile-info,.sidebar .logo-text,.sidebar .badge{display:none}.sidebar .nav-item{justify-content:center;padding:14px}.sidebar .logo{justify-content:center}.sidebar-profile{justify-content:center;padding:14px}}.mini-app{display:flex;flex-direction:column;height:100dvh;background:var(--bg-primary);max-width:480px;margin:0 auto;position:relative;overflow:hidden}.mini-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0a0a0aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;min-height:52px}.mini-topbar-left,.mini-topbar-right{width:40px;display:flex;align-items:center}.mini-topbar-right{justify-content:flex-end}.mini-topbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.mini-topbar-center{flex:1;text-align:center}.mini-logo{font-size:18px;font-weight:800;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mini-logo-icon{display:inline-flex;align-items:center;color:var(--accent)}.mini-filter-btn{font-size:14px;padding:4px 10px;border-radius:9999px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-channel-chip{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#7c5cfc14;border-bottom:1px solid var(--border);font-size:13px;color:var(--accent)}.mini-channel-chip button{font-size:14px;color:var(--text-tertiary);padding:2px 6px}.mini-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px}.mini-cast{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);transition:background .12s}.mini-cast:active{background:#ffffff08}.mini-cast-left{flex-shrink:0}.mini-cast-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.mini-cast-body{flex:1;min-width:0}.mini-cast-header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.mini-cast-author{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.mini-cast-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-verified{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mini-cast-handle{font-size:13px;color:var(--text-tertiary);white-space:nowrap}.mini-cast-time{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.mini-cast-text{font-size:14px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-bottom:6px}.mini-channel-tag{display:inline-block;font-size:12px;color:var(--accent);background:#7c5cfc1a;padding:2px 8px;border-radius:9999px;margin-bottom:6px}.mini-cast-actions{display:flex;gap:0;margin:0 -8px}.mini-action{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:9999px;font-size:12px;color:var(--text-tertiary);transition:all .12s}.mini-action:active{background:var(--bg-hover);transform:scale(.95)}.mini-action.liked{color:var(--like)}.mini-action.recasted{color:var(--recast)}.mini-action-icon{display:inline-flex;align-items:center}.mini-fab{position:fixed;bottom:76px;right:max(16px,calc((100vw - 480px)/2 + 16px));width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;font-size:28px;font-weight:300;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #7c5cfc66;z-index:30;transition:transform .15s,box-shadow .15s}.mini-fab:active{transform:scale(.92)}.mini-nav{display:flex;align-items:center;justify-content:space-around;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));background:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0;z-index:25}.mini-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;border-radius:12px;transition:all .12s;position:relative;min-width:60px}.mini-nav-btn:active{background:var(--bg-hover)}.mini-nav-btn.active .mini-nav-label{color:var(--accent);font-weight:700}.mini-nav-icon{display:inline-flex;align-items:center}.mini-nav-label{font-size:10px;color:var(--text-tertiary);font-weight:500}.mini-nav-badge{position:absolute;top:0;right:10px;background:var(--like);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.mini-compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:50;display:flex;flex-direction:column}.mini-compose{display:flex;flex-direction:column;flex:1}.mini-compose-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.mini-compose-cancel{font-size:15px;color:var(--text-secondary);padding:6px 12px}.mini-compose-btn{background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:8px 20px;border-radius:9999px}.mini-compose-btn:disabled{opacity:.4}.mini-compose-body{display:flex;gap:12px;padding:16px;flex:1}.mini-compose-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.mini-compose-input{flex:1;background:transparent;border:none;outline:none;resize:none;font-size:16px;line-height:1.5;color:var(--text-primary);min-height:200px}.mini-compose-input::placeholder{color:var(--text-tertiary)}.mini-compose-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border)}.mini-compose-tools{display:flex;gap:8px}.mini-compose-tools button{font-size:18px;padding:4px}.mini-char-count{font-size:13px;color:var(--text-tertiary)}.mini-char-count.warn{color:#fa0}.mini-char-count.over{color:var(--danger)}.mini-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;display:flex;align-items:flex-end;justify-content:center}.mini-sheet{background:var(--bg-secondary);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(20px,env(safe-area-inset-bottom))}.mini-sheet-handle{width:36px;height:4px;background:var(--bg-hover);border-radius:2px;margin:10px auto}.mini-sheet-title{font-size:17px;font-weight:800;padding:4px 16px 12px}.mini-profile-banner{height:80px;background:linear-gradient(135deg,var(--accent),#a78bfa,#3b82f6);border-radius:20px 20px 0 0}.mini-profile-body{padding:0 16px 16px}.mini-profile-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--bg-secondary);margin-top:-32px;position:relative;background:var(--bg-tertiary);object-fit:cover}.mini-profile-info{margin-top:10px}.mini-profile-name{font-size:18px;font-weight:800;display:flex;align-items:center;gap:4px}.mini-profile-handle{font-size:13px;color:var(--text-secondary)}.mini-profile-bio{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:10px}.mini-profile-stats{display:flex;gap:20px;margin-top:12px;font-size:13px;color:var(--text-secondary)}.mini-profile-stats strong{color:var(--text-primary)}.mini-profile-actions{display:flex;gap:8px;margin-top:14px}.mini-follow-btn{flex:1;padding:10px;border-radius:9999px;font-weight:700;font-size:14px;background:var(--text-primary);color:var(--bg-primary)}.mini-follow-btn.following{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.mini-msg-btn{flex:1;padding:10px;border-radius:9999px;font-weight:700;font-size:14px;background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.mini-channels-sheet{max-height:70vh}.mini-channels-list{display:flex;flex-direction:column}.mini-channel-row{display:flex;align-items:center;gap:12px;padding:12px 16px;text-align:left;transition:background .12s}.mini-channel-row:active{background:var(--bg-hover)}.mini-channel-row.active{background:#7c5cfc14}.mini-channel-img{width:36px;height:36px;border-radius:10px;object-fit:cover;background:var(--bg-tertiary)}.mini-channel-info{flex:1;display:flex;flex-direction:column}.mini-channel-name{font-weight:600;font-size:14px}.mini-channel-members{font-size:12px;color:var(--text-tertiary)}.mini-channel-check{color:var(--accent);display:inline-flex;align-items:center}.mini-notifs-sheet{max-height:70vh}.mini-notifs-list{display:flex;flex-direction:column}.mini-notif-row{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;transition:background .12s;position:relative}.mini-notif-row.unread{background:#7c5cfc0a}.mini-notif-row .mini-notif-icon{width:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.mini-notif-avatar-btn{flex-shrink:0}.mini-notif-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.mini-notif-body{flex:1;min-width:0}.mini-notif-body p{font-size:13px;line-height:1.4}.mini-notif-body strong{font-weight:700}.mini-notif-preview{font-size:12px;color:var(--text-tertiary);margin-top:2px}.mini-notif-time{font-size:11px;color:var(--text-tertiary)}.mini-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.mini-notif-page{display:flex;flex-direction:column}.mini-notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);position:relative}.mini-notif-item.unread{background:#7c5cfc0a}.mini-notif-item .mini-notif-icon{width:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}} .mini-notif-av{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.mini-notif-text{flex:1;min-width:0}.mini-notif-text p{font-size:13px;line-height:1.4}.mini-notif-text strong{font-weight:700}.mini-notif-item .mini-notif-time{font-size:11px;color:var(--text-tertiary)}.mini-notif-item .mini-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.mini-explore{padding:0}.mini-search-bar{padding:12px 14px;border-bottom:1px solid var(--border)}.mini-search-input{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:12px;font-size:14px;color:var(--text-primary);outline:none}.mini-search-input:focus{border-color:var(--accent)}.mini-search-input::placeholder{color:var(--text-tertiary)}.mini-trending,.mini-suggested{padding:16px 14px;border-bottom:1px solid var(--border)}.mini-trending h3,.mini-suggested h3{font-size:16px;font-weight:800;margin-bottom:12px}.mini-trend-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.mini-trend-tag{font-weight:700;font-size:14px}.mini-trend-count{font-size:12px;color:var(--text-tertiary)}.mini-suggest-item{display:flex;align-items:center;gap:10px;padding:10px 0}.mini-suggest-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.mini-suggest-info{flex:1;display:flex;flex-direction:column}.mini-suggest-name{font-weight:700;font-size:13px}.mini-suggest-handle{font-size:12px;color:var(--text-tertiary)}.mini-suggest-btn{background:var(--text-primary);color:var(--bg-primary);font-weight:700;font-size:12px;padding:5px 14px;border-radius:9999px}.mini-profile-page{padding:0}.mini-profile-page .mini-profile-banner{border-radius:0;height:100px}.mini-profile-card{padding:0 16px 16px;text-align:center}.mini-self-avatar{width:72px;height:72px;border-radius:50%;border:3px solid var(--bg-primary);margin-top:-36px;position:relative;background:var(--bg-tertiary);object-fit:cover}.mini-self-name{font-size:18px;font-weight:800;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:4px}.mini-self-handle{font-size:13px;color:var(--text-secondary)}.mini-self-bio{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:10px;text-align:center}.mini-self-stats{display:flex;justify-content:center;gap:32px;margin-top:14px}.mini-stat{display:flex;flex-direction:column;align-items:center}.mini-stat-val{font-weight:800;font-size:16px}.mini-stat-lbl{font-size:12px;color:var(--text-tertiary)}.mini-self-casts{padding:16px 0 0;border-top:1px solid var(--border)}.mini-self-casts h3{font-size:16px;font-weight:800;padding:0 14px 8px}.mini-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.mini-empty span{font-size:40px;margin-bottom:12px;opacity:.3}.mini-empty p{font-size:14px}@media(max-width:480px){.mini-app,.mini-sheet{max-width:100%}}