.tl{background:var(--color-surface,#fff);flex-direction:column;height:100%;min-height:0;display:flex}.tl-head{padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--color-border-light,#eef0f2);justify-content:space-between;align-items:center;gap:var(--space-2,8px);display:flex}.tl-title{font-size:13px;font-weight:600}.tl-text-btn{cursor:pointer;color:var(--color-accent,#2563eb);border-radius:var(--radius-sm,4px);background:0 0;border:none;padding:2px 6px;font-family:inherit;font-size:12px}.tl-text-btn:hover{background:var(--color-accent-weak,#eff6ff)}.tl-body{flex:1;min-height:0;overflow-y:auto}.tl-empty{padding:var(--space-6,24px) var(--space-4,16px);color:var(--color-text-muted,#6b7280);text-align:center;font-size:13px}.tl-empty-hint{margin-top:var(--space-2,8px);opacity:.8;font-size:12px}.tl-empty.tl-error{color:var(--color-error,#ef4444)}.tl-day-sep{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted,#6b7280);padding:var(--space-3,12px) var(--space-4,16px) var(--space-2,8px);background:var(--color-surface,#fff);z-index:1;font-size:10px;font-weight:600;position:sticky;top:0}.tl-row{gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--color-border-light,#eef0f2);cursor:pointer;grid-template-columns:auto auto 1fr auto;align-items:start;display:grid;position:relative}.tl-row:hover{background:var(--color-surface-hover,#f2f4f7)}.tl-row.unread{background:var(--color-accent-weak,#eff6ff)}.tl-row.unread:hover{background:#dbeafe}.tl-row.answered .tl-row-subject,.tl-row.answered .tl-row-preview,.tl-row.answered .tl-row-sender{color:var(--color-text-muted,#6b7280)}.tl-row-dotwrap{padding-top:6px}.tl-unread-dot{background:var(--color-accent,#2563eb);border-radius:50%;width:8px;height:8px}.tl-row.read .tl-unread-dot{visibility:hidden}.tl-row-avatar{background:linear-gradient(135deg, var(--color-accent,#2563eb) 0%, #8b5cf6 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.tl-row-content{min-width:0}.tl-row-headrow{justify-content:space-between;align-items:center;gap:var(--space-2,8px);margin-bottom:2px;display:flex}.tl-row-sender{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.tl-row.read .tl-row-sender{font-weight:500}.tl-row-answered{color:var(--color-success,#10b981);font-size:12px}.tl-row-time{color:var(--color-text-muted,#6b7280);flex-shrink:0;font-size:11px}.tl-row-subject{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;overflow:hidden}.tl-row.read .tl-row-subject{color:var(--color-text-muted,#6b7280)}.tl-row-preview{color:var(--color-text-muted,#6b7280);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.tl-row-actions{opacity:0;align-items:center;gap:4px;transition:opacity .12s;display:flex}.tl-row:hover .tl-row-actions{opacity:1}.tl-icon-action{color:var(--color-text-muted,#6b7280);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.tl-icon-action:hover{background:var(--color-surface-hover,#f2f4f7);color:var(--color-text,#111827);border-color:var(--color-border,#e5e7eb)}.task-list{gap:var(--space-6);max-width:1200px;animation:fadeIn var(--duration-normal) var(--ease-out);flex-direction:column;margin:0 auto;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.task-loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--text-base)}.task-error{padding:var(--space-4);background-color:var(--color-error-soft);color:var(--color-error);border-radius:var(--radius-md);margin:var(--space-4);border-left:4px solid var(--color-error)}.task-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-4);flex-wrap:wrap;display:flex}.task-header h2{font-size:var(--text-xl);color:var(--color-text);margin:0;font-weight:600}.task-header-controls{align-items:center;gap:var(--space-3);display:flex}.task-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted)}.task-empty p{margin:var(--space-2) 0}.task-empty p:first-child{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:500}.task-empty-hint{font-size:var(--text-xs)!important;color:var(--color-text-muted)!important}.task-section{padding:0 var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-out)}.task-section-title{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.3px;font-weight:600}.task-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.task-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.task-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.task-card-new{border-left:4px solid var(--color-primary)}.task-card-new:hover{background:var(--color-surface-hover)}.task-card-read{background:var(--color-surface)}.task-card-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.task-card-title-section{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.task-unread-dot{background-color:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.task-card-title{font-size:var(--text-base);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);margin:0;font-weight:600;overflow:hidden}.task-card-title:hover{color:var(--color-primary)}.task-card-title:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.task-answered-check{color:var(--color-primary);font-weight:700;font-size:var(--text-md);flex-shrink:0}.task-card-date{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.task-card-meta{padding:var(--space-2) var(--space-4);gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.task-author{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.task-page{white-space:nowrap;flex-shrink:0}.task-selected-text{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text);background-color:var(--color-surface-active);border-bottom:1px solid var(--color-border-light);text-overflow:ellipsis;white-space:nowrap;opacity:.85;margin:0;font-style:italic;overflow:hidden}.task-annotation{padding:var(--space-3) var(--space-4);flex:1;overflow:hidden}.task-annotation p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.task-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=768px){.task-cards{gap:var(--space-3);grid-template-columns:1fr}.task-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.task-header h2{width:100%}.task-header-controls{flex-direction:row-reverse;justify-content:space-between;width:100%}.task-card-footer{gap:var(--space-3);flex-direction:column}.task-card-footer button{width:100%}}