.threads-page__container{background-color:var(--background);border-radius:10px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.threads-page__head{padding:var(--padding);background:var(--surface)}.threads-page__content{padding:var(--padding);background:var(--surface);flex-direction:column;gap:30px;display:flex}.threads-page__subtitle{color:var(--on-surface-variant);font-size:16px}.threads-page__filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}.threads-page__categories{flex-wrap:wrap;gap:12px;display:flex}.threads-page__sort{border:1px solid var(--outline);background:var(--surface-high);border-radius:8px;gap:5px;display:flex}.threads-page__sort-button{color:var(--on-surface);background:var(--surface-high);cursor:pointer;letter-spacing:.02rem;white-space:nowrap;border:none;border-radius:8px;padding:7px 15px;font-size:.9rem;font-weight:500;transition:all .2s}.threads-page__sort-button:hover{opacity:.9}.threads-page__sort-button--active{background:var(--on-surface);color:var(--surface)}.threads-page__loading{height:160px;color:var(--on-surface-variant);background-size:200% 100%;background:linear-gradient(135deg,var(--surface)25%,var(--surface-high),var(--surface)75%);border-radius:10px;justify-content:center;align-items:center;animation:1.5s infinite loading;display:flex}.threads-page__error{height:160px;color:var(--error);border-radius:var(--radius-lg);background:#ff44441a;justify-content:center;align-items:center;display:flex}.threads-page__threads{flex-direction:column;gap:12px;display:flex}.threads-page__thread-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.threads-page__thread-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.threads-page__thread-stats{color:var(--text-secondary);gap:12px;font-size:13px;display:flex}.threads-page__thread-stat{align-items:center;gap:4px;display:flex}.threads-page__thread-updated{color:var(--text-muted);white-space:nowrap;font-size:12px}.threads-page__thread-author{flex-direction:column;align-items:center;gap:8px;display:flex}.threads-page__thread-avatar{width:40px;height:40px;color:var(--primary);background:#ff8c3226;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.threads-page__thread-avatar img{object-fit:cover;width:100%;height:100%}.threads-page__thread-author-info{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.threads-page__thread-author-name{color:var(--on-surface);white-space:nowrap;font-size:13px;font-weight:600}.threads-page__thread-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.threads-page__empty-state{height:160px;color:var(--on-surface-variant);background-color:var(--surface-high);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.threads-page__empty-message{color:var(--on-surface-variant);font-size:1rem}.auth-modal{background:var(--bg-overlay);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal__content{background:var(--bg-card);border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-xl);width:100%;max-width:500px;padding:40px}.auth-modal__title{background:var(--on-surface);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:700}.auth-modal__description{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.6}.auth-modal__buttons{flex-wrap:wrap;gap:12px;display:flex}.auth-modal__button-wrapper{flex:1;min-width:150px}.auth-modal__button{border-radius:var(--radius-md);background:var(--gradient-primary);width:100%;color:var(--text-primary);cursor:pointer;border:none;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.auth-modal__button:hover{box-shadow:var(--shadow-coral);transform:translateY(-2px)}.auth-modal__button--outline{border:1px solid rgba(var(--primary-rgb),.5);color:var(--primary-color);background:0 0}.auth-modal__button--outline:hover{background:rgba(var(--primary-rgb),.1);box-shadow:none;transform:none}.auth-modal__cancel-button{border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:20px;padding:12px;font-size:14px;transition:all .2s}.auth-modal__cancel-button:hover{color:var(--text-secondary)}