body{font-family:Inter,sans-serif;background:#f1f0ec;color:#222;margin:0;padding:0}.container{max-width:720px;margin:3rem auto;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 12px 32px #0000000f}h1{text-align:center;font-size:2.2rem;font-weight:600;color:#3b2f2f;margin-bottom:2rem}.card{background:#fcfcfa;border:1px solid #e0ddd4;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;transition:box-shadow .2s ease-in-out}.card:hover{box-shadow:0 6px 16px #0000000d}.card-title{font-size:1.2rem;font-weight:500;margin-bottom:.75rem;color:#4b3621}button,.upload-btn{display:inline-block;background:#4b3621;color:#fff;padding:.6rem 1.2rem;margin:.25rem 0;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}button:hover,.upload-btn:hover{background:#6e4e32;transform:translateY(-1px)}.upload-btn{cursor:pointer}input[type=file]{display:none}p{font-size:.95rem;margin:.5rem 0}strong{color:#2a1d0d}em{font-style:italic;color:#555}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#f8f7f4f2;display:flex;align-items:center;justify-content:center;z-index:999;flex-direction:column;text-align:center}.dna-spinner{border:6px solid #eee;border-top:6px solid #4b3621;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:1rem}.progress-container{width:100%;height:10px;background-color:#eee;border-radius:6px;margin-top:1rem}.progress-bar{height:10px;background-color:#4b3621;border-radius:6px;transition:width .4s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}