body { font-family: Inter, system-ui, -apple-system, sans-serif; }
textarea { resize: none; }
.scroll-thin::-webkit-scrollbar { width: 8px; }
.scroll-thin::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 8px; }
.tab-active { background: #fff; color: #0f172a !important; border-color: #e2e8f0 !important; }
.ring-track { stroke: #eef2f7; }
.ring-bar { transition: stroke-dashoffset .9s ease; }
.bar-fill { transition: width .8s ease; }
.dropzone.drag { border-color: #4f46e5; background: #eef2ff; }
.spin { animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.fade-in { animation: fadeIn .35s ease both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.ai-out h3, .ai-out h4 { font-weight: 600; color: #0f172a; margin: 1rem 0 .35rem; font-size: .9rem; }
.ai-out h3:first-child, .ai-out h4:first-child { margin-top: 0; }
.ai-out ul { list-style: disc; padding-left: 1.2rem; margin: .25rem 0; }
.ai-out li { margin: .25rem 0; }
.ai-out p { margin: .4rem 0; }
.ai-out strong { color: #0f172a; font-weight: 600; }