@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#0f172a;line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Nunito,Segoe UI,Roboto,sans-serif}.App{min-height:100vh;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);margin:0;padding:0}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.w-auto{width:auto}.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-h-96{max-height:24rem}.max-h-screen{max-height:100vh}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-800{background-color:#1e293b}.bg-slate-900{background-color:#0f172a}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-green-600{background-color:#16a34a}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-200{background-color:#fecaca}.bg-red-500{background-color:#ef4444}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-400{background-color:#facc15}.bg-yellow-500{background-color:#eab308}.bg-pink-400{background-color:#f472b6}.bg-purple-50{background-color:#faf5ff}.bg-purple-600{background-color:#9333ea}.bg-purple-700{background-color:#7c3aed}.bg-orange-50{background-color:#fff7ed}.from-purple-600{--tw-gradient-from: #9333ea}.via-purple-700{--tw-gradient-via: #7c3aed}.to-indigo-700{--tw-gradient-to: #4338ca}.from-slate-50{--tw-gradient-from: #f8fafc}.via-purple-50{--tw-gradient-via: #faf5ff}.to-indigo-50{--tw-gradient-to: #eef2ff}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to))}.text-white{color:#fff}.text-black{color:#000}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-purple-200{color:#e9d5ff}.text-purple-600{color:#9333ea}.text-yellow-900{color:#713f12}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px;border-style:solid;border-color:#e2e8f0}.border-0{border-width:0}.border-2{border-width:2px}.border-t{border-top-width:1px;border-top-style:solid;border-top-color:#e2e8f0}.border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e2e8f0}.border-l{border-left-width:1px;border-left-style:solid;border-left-color:#e2e8f0}.border-r{border-right-width:1px;border-right-style:solid;border-right-color:#e2e8f0}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-blue-600{border-color:#2563eb}.border-indigo-600{border-color:#4f46e5}.last\:border-b-0:last-child{border-bottom-width:0}.shadow-none{box-shadow:none}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-75{opacity:.75}input,textarea,select{padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;transition:all .2s ease-in-out;background-color:#fff;color:#0f172a}input:focus,textarea:focus,select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}input:disabled,textarea:disabled,select:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed}button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-secondary{background-color:#64748b;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#475569}.btn-success{background-color:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background-color:#15803d}input[type=file]{border:2px dashed #cbd5e1;padding:1.5rem;border-radius:.75rem;background-color:#f8fafc;width:100%;transition:all .2s ease-in-out}input[type=file]:hover{border-color:#4f46e5;background-color:#eff6ff}.file\:mr-4::-webkit-file-upload-button{margin-right:1rem}.file\:py-2::-webkit-file-upload-button{padding-top:.5rem;padding-bottom:.5rem}.file\:px-4::-webkit-file-upload-button{padding-left:1rem;padding-right:1rem}.file\:rounded::-webkit-file-upload-button{border-radius:.375rem}.file\:border-0::-webkit-file-upload-button{border:none}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem}.file\:font-semibold::-webkit-file-upload-button{font-weight:600}.file\:bg-indigo-50::-webkit-file-upload-button{background-color:#eef2ff}.file\:text-indigo-700::-webkit-file-upload-button{color:#4338ca}.hover\:file\:bg-indigo-100:hover::-webkit-file-upload-button{background-color:#e0e7ff}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-slate-50:hover{background-color:#f8fafc}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-indigo-600:hover{background-color:#4f46e5}.hover\:bg-indigo-700:hover{background-color:#4338ca}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-purple-50:hover{background-color:#faf5ff}.hover\:bg-yellow-400:hover{background-color:#facc15}.hover\:text-gray-700:hover{color:#374151}.hover\:text-slate-800:hover{color:#1e293b}.hover\:text-blue-700:hover{color:#1d4ed8}.hover\:text-indigo-700:hover{color:#4338ca}.hover\:text-purple-600:hover{color:#9333ea}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 3px}.focus\:ring-indigo-500:focus{box-shadow:0 0 0 3px #4f46e54d}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.animate-bounce{animation:bounce 2s infinite}.flower-bounce{animation:flower-bounce 2s infinite ease-in-out}@keyframes flower-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.project-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;min-height:100vh;width:320px;flex-shrink:0;box-shadow:0 4px 6px -1px #0000001a}.episode-item{padding:1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease-in-out;border-radius:.5rem;margin:.25rem}.episode-item:hover{background-color:#f8fafc;box-shadow:0 2px 4px #0000001a}.episode-item.active{background-color:#eef2ff;border-left:4px solid #4f46e5;box-shadow:0 4px 6px #4f46e526}.search-highlight{background-color:#fbbf24;padding:.125rem .25rem;border-radius:.25rem;font-weight:600}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}th,td{padding:1rem;text-align:left;border-bottom:1px solid #f1f5f9}th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}tr:hover{background-color:#f8fafc}tr:last-child td{border-bottom:none}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid #e2e8f0;border-top:2px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}.error-message{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;padding:1rem;border-radius:.5rem;font-size:.875rem;box-shadow:0 2px 4px #ef44441a}.success-message{color:#065f46;background-color:#f0fdf4;border:1px solid #bbf7d0;padding:1rem;border-radius:.5rem;font-size:.875rem;box-shadow:0 2px 4px #22c55e1a}.empty-state{text-align:center;padding:3rem;color:#64748b}.empty-state svg{width:4rem;height:4rem;margin:0 auto 1.5rem;color:#cbd5e1}.nav-pills{border-bottom:1px solid #e2e8f0;background-color:#fff;padding:0 1rem;border-radius:.75rem .75rem 0 0}.nav-pill{padding:.75rem 1.5rem;font-weight:500;border-bottom:3px solid transparent;transition:all .2s ease-in-out;color:#64748b;font-size:.875rem}.nav-pill.active{color:#4f46e5;border-bottom-color:#4f46e5;background-color:#eef2ff}.nav-pill:hover:not(.active){color:#334155;background-color:#f8fafc}.card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;transition:all .2s ease-in-out}.card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.section-spacing{margin-bottom:2rem}.content-spacing{margin-bottom:1.5rem}.tight-spacing{margin-bottom:.5rem}