.smart-thread-overlay{z-index:var(--z-radix);background:#0009;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.smart-thread-modal{background-color:var(--surface-primary);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;width:100%;max-width:600px;height:85dvh;padding:16px 20px 32px;padding-bottom:max(32px, env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow-y:auto}.smart-thread__header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.smart-thread__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.smart-thread__close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.smart-thread__close:hover{color:var(--text-primary);background:var(--surface-hover)}.smart-thread__input-section{flex-direction:column;flex:1;gap:16px;display:flex}.smart-thread__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.smart-thread__textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);font-size:var(--text-base);font-family:inherit;line-height:var(--leading-relaxed);resize:none;flex:1;min-height:200px;padding:16px}.smart-thread__textarea:focus{border-color:var(--accent-blue);outline:none}.smart-thread__textarea::placeholder{color:var(--text-disabled)}.smart-thread__textarea:disabled{opacity:.6;cursor:not-allowed}.smart-thread__char-count{font-size:var(--text-sm);color:var(--text-secondary);text-align:right}.smart-thread__hint{color:var(--accent-orange);margin-left:8px}.smart-thread__error{color:var(--accent-red);font-size:var(--text-sm);background:var(--accent-red-bg);border-radius:var(--radius-md);margin:0;padding:8px 12px}.smart-thread__actions{flex-shrink:0;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:16px;display:flex}.smart-thread__preview-section{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.smart-thread__preview-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.smart-thread__post-count{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.smart-thread__add-post{border:1px dashed var(--border-secondary);color:var(--accent-blue);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;padding:8px 16px}.smart-thread__add-post:hover{border-color:var(--accent-blue);background:#1d9bf01a}.smart-thread__posts-list{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.smart-thread__item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);touch-action:none;flex-direction:column;gap:8px;padding:12px;display:flex}.smart-thread__item-header{align-items:center;gap:8px;display:flex}.smart-thread__drag-handle{color:var(--text-tertiary);cursor:grab;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.smart-thread__drag-handle:hover{color:var(--text-secondary)}.smart-thread__drag-handle:active{cursor:grabbing}.smart-thread__item-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-blue);border-radius:var(--radius-sm);background:#1d9bf01a;padding:2px 8px}.smart-thread__item-actions{gap:4px;margin-left:auto;display:flex}.smart-thread__item-action{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.smart-thread__item-action:hover{color:var(--text-secondary);background:var(--surface-hover)}.smart-thread__item-action--danger:hover{color:var(--accent-red);background:var(--accent-red-bg)}.smart-thread__item-content{font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word;margin:0}.smart-thread__edit-textarea{background:var(--surface-primary);border:1px solid var(--accent-blue);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-base);font-family:inherit;line-height:var(--leading-relaxed);resize:vertical;min-height:80px;padding:10px}.smart-thread__edit-textarea:focus{outline:none;box-shadow:0 0 0 2px #1d9bf033}.smart-thread__item-footer{justify-content:flex-end;display:flex}.smart-thread__char-count{font-size:var(--text-xs);color:var(--text-tertiary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.smart-thread__posts-list::-webkit-scrollbar{width:6px}.smart-thread__posts-list::-webkit-scrollbar-track{background:0 0}.smart-thread__posts-list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.smart-thread__posts-list::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}@media (width>=640px){.smart-thread-overlay{align-items:center;padding:20px}.smart-thread-modal{border-radius:var(--radius-3xl);height:auto;max-height:90vh}}